*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #F5A623;--orange-hover: #e09820;--orange-light: rgba(245, 166, 35, .07);--orange-dim: rgba(245, 166, 35, .15);--sidebar-bg: #111111;--sidebar-hover: #1c1c1c;--sidebar-active:#212121;--sidebar-text: #a0a0a0;--sidebar-width: 224px;--bg-app: #0c0c0c;--bg-card: #161616;--bg-elevated: #1e1e1e;--bg-input: #242424;--text-primary: #f0f0f0;--text-secondary:#b2b2b2;--text-tertiary: #8a8a8a;--border: #262626;--border-strong: #383838;--cat-support-bg: #0a1e33;--cat-support-text: #60a5fa;--cat-sponsorship-bg: #271a00;--cat-sponsorship-text:#f5a623;--cat-general-bg: #1e1e1e;--cat-general-text: #8a8a8a;--green: #30d158;--red: #ff453a;--success: #30d158;--success-dim: rgba(48, 209, 88, .15);--danger: #ff453a;--danger-dim: rgba(255, 69, 58, .12);--warning: #f5a623;--warning-dim: rgba(245, 166, 35, .15);--info: #5b9cf6;--info-dim: rgba(91, 156, 246, .15);--pending: #8b83ff;--pending-dim: rgba(139, 131, 255, .15);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 6px rgba(0,0,0,.5);--shadow-md: 0 8px 40px rgba(0,0,0,.7);--z-drawer: 300;--z-modal: 500;--z-toast: 700;--touch-target: 44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;border-right:1px solid var(--border)}.sidebar-logo{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo img{height:30px;width:auto;object-fit:contain}.sidebar-section-label{padding:20px 16px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:13.5px;font-weight:450;cursor:pointer;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none;position:relative}.sidebar-item:hover{background:var(--sidebar-hover);color:#ccc}.sidebar-item.active{background:var(--sidebar-active);color:#fff}.sidebar-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--orange);border-radius:0 2px 2px 0}.sidebar-item.coming-soon{opacity:.35;cursor:default;pointer-events:none}.sidebar-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item-icon svg{width:16px;height:16px}.sidebar-badge-pill{margin-left:auto;font-size:10px;background:#ffffff0f;color:#888;padding:2px 7px;border-radius:20px;font-weight:500}.sidebar-item.active .sidebar-badge-pill{background:var(--orange-dim);color:var(--orange)}.sidebar-unread-dot{margin-left:auto;min-width:18px;height:18px;background:var(--orange);color:#000;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.sidebar-footer{padding:14px 12px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-account-row{display:flex;align-items:center;gap:7px;padding:6px 4px;border-radius:var(--radius-sm);transition:background .1s}.sidebar-account-row:hover{background:#ffffff08}.sidebar-account-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-on{background:var(--green);box-shadow:0 0 6px #30d15880}.dot-off{background:#333}.sidebar-account-email{flex:1;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar-account-action{font-size:11px;font-weight:600;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;background:none;border:none;padding:0 2px;line-height:1;transition:color .12s;text-decoration:none}.sidebar-account-action:hover{color:var(--text-secondary)}.sidebar-account-connect{color:var(--orange);opacity:.9}.sidebar-account-connect:hover{opacity:1;color:var(--orange)}.sidebar-account-reconnect{color:#5b9cf6;opacity:.8}.sidebar-account-reconnect:hover{opacity:1;color:#7ab3ff}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:12px;flex-shrink:0}.page-header-icon{width:32px;height:32px;background:var(--orange-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--orange)}.page-header-icon svg{width:16px;height:16px}.page-header-title{font-size:15px;font-weight:600;color:var(--text-primary)}.page-header-subtitle{font-size:12px;color:var(--text-tertiary);margin-left:2px}.page-header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background .12s,opacity .12s,transform .08s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange);color:#000}.btn-primary:hover{background:var(--orange-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-input)}.btn-ghost{color:var(--text-secondary);padding:7px 10px}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-success{background:#30d1581f;color:var(--green);border:1px solid rgba(48,209,88,.25)}.btn-send{background:var(--orange);color:#000}.btn-send:hover{background:var(--orange-hover)}.btn-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,69,58,.3)}.btn-danger:hover{background:#ff453a33}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:14px;height:14px;flex-shrink:0}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--orange)!important}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.status-badge--lg{padding:4px 12px;font-size:var(--fs-sm)}.status-badge--success{background:var(--success-dim);color:var(--success)}.status-badge--danger{background:var(--danger-dim);color:var(--danger)}.status-badge--warning{background:var(--warning-dim);color:var(--warning)}.status-badge--info{background:var(--info-dim);color:var(--info)}.status-badge--pending{background:var(--pending-dim);color:var(--pending)}.status-badge--neutral{background:var(--bg-elevated);color:var(--text-secondary)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px}.ui-modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:560px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.ui-modal--wide{max-width:760px}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-shrink:0}.ui-modal-header h3{font-size:var(--fs-lg);font-weight:600}.ui-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px}.ui-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.ui-modal-body{padding:var(--sp-5);overflow-y:auto;flex:1}.ui-modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);flex-shrink:0}@media(max-width:768px){.ui-modal-overlay{padding:0;align-items:stretch}.ui-modal{max-width:100%;max-height:100dvh;height:100%;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}}.toast-stack{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 16px;font-size:var(--fs-sm);color:var(--text-primary);pointer-events:auto;animation:toast-in .2s ease;max-width:min(440px,calc(100vw - 32px))}.toast--success{border-color:#30d15866}.toast--danger{border-color:#ff453a66}.toast-undo-btn{color:var(--orange);font-weight:600;font-size:var(--fs-sm);padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.toast-undo-btn:hover{background:var(--orange-dim)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.toast-stack{bottom:calc(140px + env(safe-area-inset-bottom))}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.01em}.badge-support{background:var(--cat-support-bg);color:var(--cat-support-text)}.badge-sponsorship{background:var(--cat-sponsorship-bg);color:var(--cat-sponsorship-text)}.badge-general{background:var(--cat-general-bg);color:var(--cat-general-text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-menu-launcher{display:none}@media(max-width:768px){.sidebar{display:none}.app-layout{height:100vh;padding-bottom:80px}.mobile-menu-launcher{display:inline-flex;align-items:center;gap:8px;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);height:48px;padding:0 18px 0 14px;background:var(--sidebar-bg, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:999px;color:var(--text, #fff);font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000059,0 2px 6px #0003;z-index:200;cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-menu-launcher:active{transform:translate(-50%) scale(.97)}.mobile-menu-launcher-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--orange, #f5a623)}.mobile-menu-launcher-icon svg{width:18px;height:18px}.mobile-menu-launcher-label{line-height:1}.mobile-menu-launcher-chevron{width:14px;height:14px;color:var(--text-secondary, #8e8e93);margin-left:2px}.mobile-menu-launcher-badge{min-width:18px;height:18px;padding:0 5px;background:var(--orange, #f5a623);color:#000;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:flex-end;animation:fadeIn .18s ease-out}.mobile-menu-sheet{width:100%;background:var(--bg, #0f0f13);border-radius:18px 18px 0 0;padding:8px 16px max(20px,calc(env(safe-area-inset-bottom) + 16px));border-top:1px solid var(--border, #3a3a3c);animation:slideUp .22s ease-out}.mobile-menu-sheet-handle{width:36px;height:4px;background:var(--border, #3a3a3c);border-radius:2px;margin:0 auto 10px}.mobile-menu-sheet-title{font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:14px}.mobile-menu-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-menu-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px 12px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:12px;color:var(--text, #fff);font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .12s}.mobile-menu-card:active{transform:scale(.97)}.mobile-menu-card.active{border-color:var(--orange, #f5a623);color:var(--orange, #f5a623);background:color-mix(in srgb,var(--orange, #f5a623) 10%,var(--bg-elevated, #1c1c1e))}.mobile-menu-card-label{line-height:1.2}.mobile-menu-card-badge{position:absolute;top:6px;right:8px;min-width:18px;height:18px;padding:0 5px;background:var(--orange, #f5a623);color:#000;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.page-header{padding:0 12px;height:50px;gap:8px;flex-wrap:nowrap;overflow:hidden}.page-header-subtitle,.page-header-icon{display:none}input,textarea,select{font-size:16px!important}.btn{min-height:44px;padding:10px 14px}.btn-ghost{min-height:44px;padding:10px}}.email-agent{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-app)}.email-agent-body{flex:1;display:flex;overflow:hidden;position:relative}.email-detail-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.email-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:14px}.header-unread-badge{background:var(--orange-dim);color:var(--orange);font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px}.btn-archive-all{color:var(--text-secondary)!important;font-size:12px!important;opacity:.7}.btn-archive-all:hover{opacity:1;color:var(--red, #ef4444)!important}.email-agent-spinner-area{flex:1;display:flex;align-items:center;justify-content:center}.email-spinner{width:32px;height:32px;border:2.5px solid var(--border-strong);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-agent-loading{width:360px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-card);padding:10px 0}.email-list-skeleton{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start}.skeleton-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0;animation:sk-pulse 1.6s ease-in-out infinite}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.skeleton-line{background:var(--bg-elevated);border-radius:4px;animation:sk-pulse 1.6s ease-in-out infinite;height:11px}@keyframes sk-pulse{0%,to{opacity:.3}50%{opacity:.6}}.email-agent-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13.5px;text-align:center;padding:24px}.email-nav{width:200px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;padding:10px 0 16px;overflow-y:auto;scrollbar-width:none}.email-nav::-webkit-scrollbar{display:none}.email-nav-section{margin-bottom:6px}.email-nav-section-label{font-size:9.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.09em;padding:10px 12px 4px}.email-nav-item{display:flex;align-items:center;width:100%;padding:6px 12px;font-size:13px;font-weight:400;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;transition:background .1s,color .1s;gap:6px;border-radius:0}.email-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.email-nav-item.active{background:var(--orange-dim);color:var(--orange);font-weight:600}.email-nav-count{margin-left:auto;font-size:10.5px;color:var(--text-tertiary);background:var(--bg-elevated);padding:1px 6px;border-radius:10px;font-weight:500;flex-shrink:0}.email-nav-item.active .email-nav-count{background:#f5a62333;color:var(--orange)}.email-nav-section-label--folders{display:flex;align-items:center;justify-content:space-between;padding-right:8px}.folder-add-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:2px 4px;border-radius:4px;transition:color .1s,background .1s}.folder-add-btn:hover{color:var(--orange);background:var(--orange-dim)}.folder-add-btn svg{width:11px;height:11px}.folder-input-row{display:flex;align-items:center;gap:6px;padding:4px 10px 6px}.folder-input{flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;font-size:12px;padding:4px 8px;outline:none}.folder-input:focus{border-color:var(--orange)}.folder-input-ok{background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;white-space:nowrap}.folder-input-ok:disabled{opacity:.4;cursor:default}.folder-nav-item{cursor:pointer}.folder-nav-icon{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0}.folder-nav-icon svg{width:13px;height:13px}.folder-nav-item.active .folder-nav-icon{color:var(--orange)}.folder-nav-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-delete-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:none;align-items:center;padding:2px 3px;border-radius:3px;flex-shrink:0;transition:color .1s}.folder-delete-btn svg{width:11px;height:11px}.folder-nav-item:hover .folder-delete-btn{display:flex}.folder-delete-btn:hover{color:var(--red)}.bulk-folder-picker{min-width:150px}.bulk-folder-empty{padding:6px 10px;font-size:11px;color:var(--text-tertiary);display:block}.bulk-folder-remove{border-top:1px solid var(--border);color:var(--text-tertiary);margin-top:2px;padding-top:6px}.email-list-panel{width:310px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-card);overflow:hidden;position:relative}.email-list-header{padding:8px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:36px}.email-selected-count{font-size:11px;font-weight:600;color:var(--orange)}.email-count{font-size:11px;color:var(--text-tertiary);font-weight:500;flex-shrink:0}.email-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.email-list::-webkit-scrollbar{width:4px}.email-list::-webkit-scrollbar-track{background:transparent}.email-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.email-list-empty{padding:32px 20px;text-align:center;color:var(--text-tertiary);font-size:13px}.email-list-item{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;cursor:pointer;border-bottom:1px solid var(--border);border-left:2px solid transparent;transition:background .1s;position:relative}.email-list-item:hover{background:var(--bg-elevated)}.email-list-item.selected{background:var(--orange-light);border-left-color:var(--orange)}.email-item-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;position:relative;margin-top:1px;letter-spacing:-.02em;color:#fff}.email-avatar-unread-dot{position:absolute;top:-1px;right:-1px;width:9px;height:9px;background:var(--orange);border-radius:50%;border:2px solid var(--bg-card)}.email-list-item.selected .email-avatar-unread-dot{border-color:var(--bg-card)}.email-item-content{flex:1;min-width:0}.email-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;gap:6px}.sender-name{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-list-item.unread .sender-name{font-weight:700;color:var(--text-primary)}.email-item-time{font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.email-list-item.unread .email-item-time{color:var(--orange);font-weight:600}.email-item-subject{font-size:12.5px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;line-height:1.35}.email-list-item.unread .email-item-subject{color:var(--text-primary);font-weight:500}.email-item-bottom{display:flex;align-items:center;gap:6px;min-width:0}.email-item-preview{font-size:11.5px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.email-detail-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-app);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.email-detail-panel::-webkit-scrollbar{width:4px}.email-detail-panel::-webkit-scrollbar-track{background:transparent}.email-detail-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.detail-header{background:var(--bg-card);padding:20px 24px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.detail-header-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.detail-inbox-tag{font-size:10.5px;color:#888;background:var(--bg-elevated);border:1px solid var(--border);padding:2px 8px;border-radius:20px;font-family:monospace;letter-spacing:-.01em}.persona-tag{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.persona-tag strong{color:var(--text-primary);font-weight:600}.persona-tone{color:var(--text-tertiary);font-size:11.5px}.persona-tone:before{content:"·";margin-right:5px}.detail-subject{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:14px;letter-spacing:-.02em}.detail-meta{display:flex;flex-direction:column;gap:5px}.detail-meta-row{display:flex;align-items:baseline;gap:10px;font-size:12.5px}.meta-label{color:#888;width:36px;flex-shrink:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.meta-value{color:var(--text-secondary)}.detail-body{padding:20px 24px;flex-shrink:0}.email-html-wrapper{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;padding:0 16px}.email-html-frame{width:100%;border:none;min-height:200px;height:400px;display:block;background:#fff}.email-body-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.7;color:#1c1c1e;white-space:pre-wrap;background:#f9f9f9;padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--border)}.draft-section{padding:0 24px 28px;flex:1;display:flex;flex-direction:column}.draft-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.draft-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.1em}.draft-sparkle-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--orange)}.draft-sparkle-icon svg{width:13px;height:13px}.draft-actions-top{display:flex;gap:8px}.btn-active-outline{border-color:var(--orange)!important;color:var(--orange)!important}.no-reply-notice{font-size:12px;color:#888;background:var(--bg-elevated);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm)}.draft-error{background:#ff453a14;border:1px solid rgba(255,69,58,.2);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.draft-loading{display:flex;flex-direction:column;gap:10px;padding:16px 0}.loading-shimmer{height:13px;background:var(--bg-elevated);border-radius:6px;animation:sk-pulse 1.6s ease-in-out infinite;width:100%}.draft-content{display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.draft-from-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--bg-elevated)}.draft-from-label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.draft-from-select{font-family:inherit;font-size:12.5px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;outline:none;transition:border-color .15s}.draft-from-select:focus{border-color:var(--orange)}.draft-from-reset{font-size:11.5px;color:var(--text-tertiary);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;transition:color .1s}.draft-from-reset:hover{color:var(--text-secondary)}.draft-persona-label{font-size:11.5px;color:var(--text-secondary);padding:10px 14px 0}.draft-persona-label strong{color:var(--orange)}.draft-to-row{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.draft-to-label{font-size:12px;font-weight:600;color:var(--text-secondary);width:24px;flex-shrink:0}.draft-to-value{flex:1;background:none;border:none;padding:2px 6px;border-radius:4px;font-size:13px;color:var(--text-primary);cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px;transition:background .1s}.draft-to-value:hover:not(:disabled){background:var(--bg-hover, rgba(255,255,255,.05))}.draft-to-value:disabled{cursor:default}.draft-to-edit-hint{font-size:11px;color:var(--text-tertiary);opacity:.6}.draft-to-input{flex:1;background:var(--bg-input, #2c2c2e);color:var(--text-primary);border:1px solid var(--orange);border-radius:5px;padding:3px 8px;font-size:13px;outline:none}.draft-textarea{width:100%;padding:14px 16px;border:none;background:var(--bg-card);font-size:13.5px;line-height:1.7;color:var(--text-primary);resize:vertical;min-height:240px;outline:none;transition:background .1s}.draft-textarea:focus{background:var(--bg-elevated)}.draft-textarea:disabled{opacity:.5}.draft-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-elevated);border-top:1px solid var(--border);gap:12px}.draft-hint{font-size:11.5px;color:#888}.send-confirm-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f5a6230d;border-top:1px solid rgba(245,166,35,.2);flex-wrap:wrap}.send-confirm-text{flex:1;font-size:12.5px;color:var(--text-secondary);min-width:0}.send-confirm-text strong{color:var(--text-primary)}.category-select-wrapper{position:relative;display:inline-flex;align-items:center;border-radius:20px}.category-select-wrapper:after{content:"";position:absolute;right:8px;width:8px;height:5px;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.category-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-radius:20px;padding:3px 24px 3px 9px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;outline:none;background:transparent;color:inherit;letter-spacing:.01em;transition:opacity .1s}.category-select:hover{opacity:.8}.category-select-wrapper.cat-student_support{background:var(--cat-support-bg);color:var(--cat-support-text)}.category-select-wrapper.cat-sponsorship{background:var(--cat-sponsorship-bg);color:var(--cat-sponsorship-text)}.category-select-wrapper.cat-general{background:var(--cat-general-bg);color:var(--cat-general-text)}.btn-mark-unread{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:11.5px;font-weight:500;color:#888;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px 3px 7px;cursor:pointer;transition:color .1s,border-color .1s,background .1s;white-space:nowrap}.btn-mark-unread svg{width:13px;height:13px;flex-shrink:0}.btn-mark-unread:hover{color:var(--orange);border-color:var(--orange);background:var(--orange-dim)}.btn-archive-detail{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#888;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px 3px 7px;cursor:pointer;transition:color .1s,border-color .1s,background .1s;white-space:nowrap}.btn-archive-detail svg{width:13px;height:13px;flex-shrink:0}.btn-archive-detail:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated)}.detail-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.detail-header-actions .btn-mark-unread{margin-left:0}.detail-subject-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:0}.detail-subject-row .detail-subject{margin-bottom:0;flex:1;min-width:0}.detail-subject-meta{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-top:4px;flex-wrap:wrap}.thread-message-count{font-size:11px;color:#888;background:var(--bg-elevated);border:1px solid var(--border);padding:2px 8px;border-radius:20px;font-weight:500}.status-badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.status-awaiting{background:#f5a6231f;color:var(--orange)}.status-replied{background:#0596691f;color:#34d399}.email-item-top-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.thread-count{font-size:10.5px;font-weight:600;color:#888;background:var(--bg-elevated);border:1px solid var(--border);padding:1px 6px;border-radius:10px}.email-archive-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s,border-color .1s,background .1s;align-self:center;margin-left:2px}.email-archive-btn svg{width:13px;height:13px}.email-list-item:hover .email-archive-btn{opacity:1}.email-archive-btn:hover{color:var(--text-primary);border-color:var(--border);background:var(--bg-elevated)}.thread-messages{display:flex;flex-direction:column;gap:8px}.thread-msg{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card)}.thread-msg--outgoing{border-color:#f5a62333;background:#f5a62308}.thread-msg-header{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.thread-msg-header:hover{background:var(--bg-elevated)}.thread-msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.01em}.thread-msg-meta{flex:1;min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.thread-msg-sender{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.thread-msg-you-tag{font-size:10px;font-weight:600;color:var(--orange);background:var(--orange-dim);padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.thread-msg-preview-collapsed{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.thread-msg-time{font-size:11px;color:#888;white-space:nowrap;flex-shrink:0}.thread-msg-toggle{color:var(--text-tertiary);display:flex;align-items:center;flex-shrink:0}.thread-msg-toggle svg{width:14px;height:14px}.thread-msg-body{border-top:1px solid var(--border)}.thread-msg--outgoing .thread-msg-body{border-top-color:#f5a62326}.thread-msg-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.7;color:#1c1c1e;white-space:pre-wrap;background:#f9f9f9;padding:16px 18px;margin:0;border-radius:0}.thread-msg-text--outgoing{background:#fffdf5;color:#2d2000}.thread-msg--outgoing .email-html-wrapper{background:#fffdf5}.thread-msg--forward{background:#6c63ff0f;border:1px solid rgba(108,99,255,.3);border-radius:8px;margin:6px 0}.thread-msg--forward .thread-msg-header{cursor:default;padding:10px 12px}.thread-msg--forward .thread-msg-sender{color:#8b83ff;font-weight:600}.thread-msg-attachments{margin-top:14px;padding-top:14px;border-top:1px solid var(--border, #3a3a3c)}.attachments-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.attachments-grid{display:flex;flex-direction:column;gap:8px}.attachment-pill{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px}.attachment-icon{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg, #0f0f13);border-radius:6px;flex-shrink:0}.attachment-image-link{flex-shrink:0;display:block;width:48px;height:48px;border-radius:6px;overflow:hidden;background:var(--bg, #0f0f13);border:1px solid var(--border, #3a3a3c)}.attachment-image-thumb{width:100%;height:100%;object-fit:cover;display:block}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:13px;font-weight:500;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta{font-size:11px;color:var(--text-secondary, #8e8e93);margin-top:2px}.attachment-actions{display:flex;gap:6px;flex-shrink:0}.attachment-btn{padding:4px 10px;font-size:12px;color:var(--orange, #f5a623);border:1px solid var(--orange, #f5a623);border-radius:6px;text-decoration:none;font-weight:500;transition:background .12s,color .12s;background:transparent}.attachment-btn:hover{background:var(--orange, #f5a623);color:#000}@media(max-width:768px){.attachment-pill{flex-wrap:wrap}.attachment-actions{width:100%;justify-content:flex-end;margin-top:4px}}.compose-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange, #f5a623);color:#000;border:none;cursor:pointer;font-weight:600;font-family:inherit;transition:transform .12s,box-shadow .12s,background .12s;-webkit-user-select:none;user-select:none}.compose-trigger:hover{background:color-mix(in srgb,var(--orange, #f5a623) 88%,white)}.compose-trigger:active{transform:scale(.97)}.compose-trigger svg{width:16px;height:16px}.compose-trigger--header{height:38px;padding:0 18px;border-radius:999px;font-size:13px;box-shadow:0 1px 2px #00000026}@media(max-width:768px){.compose-trigger--header{position:fixed;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px));right:16px;width:52px;height:52px;padding:0;border-radius:50%;box-shadow:0 6px 20px #0006,0 2px 6px #0003;z-index:200}.compose-trigger--header .compose-trigger-label{display:none}.compose-trigger--header svg{width:22px;height:22px}}.compose-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.compose-modal{background:var(--bg, #1a1a2e);border-radius:12px;border:1px solid var(--border, #3a3a3c);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.compose-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border, #3a3a3c)}.compose-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #fff)}.compose-modal-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.compose-label{font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.compose-input,.compose-textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #3a3a3c);background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.compose-input:focus,.compose-textarea:focus{border-color:var(--orange, #f5a623)}.compose-textarea{resize:vertical;min-height:200px;line-height:1.5}.compose-error{color:#ff6b6b;font-size:13px;padding:8px 10px;background:#ff6b6b1a;border-radius:6px;margin-top:4px}.compose-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border, #3a3a3c)}@media(max-width:768px){.compose-modal{max-width:100%;max-height:100vh;height:100%;border-radius:0}.compose-modal-overlay{padding:0;align-items:stretch}}.forward-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.forward-modal{background:var(--bg, #1a1a2e);border-radius:12px;border:1px solid var(--border, #3a3a3c);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.forward-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border, #3a3a3c)}.forward-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #fff)}.forward-modal-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.forward-label{font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em}.forward-input,.forward-textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #3a3a3c);background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.forward-input:focus,.forward-textarea:focus{border-color:var(--orange, #f5a623)}.forward-textarea{resize:vertical;min-height:72px}.forward-preview{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px;padding:10px 12px;margin-top:4px}.forward-preview-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.forward-preview-text{font-size:12px;color:var(--text, #fff);line-height:1.5;word-break:break-word}.forward-error{color:#ff6b6b;font-size:13px;padding:8px 10px;background:#ff6b6b1a;border-radius:6px}.forward-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border, #3a3a3c)}@media(max-width:768px){.forward-modal{max-width:100%;max-height:100vh;height:100%;border-radius:0}.forward-modal-overlay{padding:0;align-items:stretch}}.email-item-avatar{cursor:pointer;transition:background .12s,outline .12s;outline:2px solid transparent;outline-offset:1px}.email-list-item:hover .email-item-avatar{outline-color:var(--border-strong)}.email-item-avatar.avatar-checked{background:var(--orange)!important;outline-color:var(--orange)}.email-item-avatar.avatar-checked svg{width:15px;height:15px}.email-list-item.bulk-checked{background:#f5a6230a}.bulk-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:6px 8px;background:#1c1c1c;border-radius:12px;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 32px #0009,0 2px 8px #0006;z-index:20;white-space:nowrap}.bulk-toolbar-count{font-size:11px;font-weight:700;color:#fff6;padding:0 6px 0 4px;letter-spacing:.02em}.bulk-toolbar-divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px;flex-shrink:0}.bulk-toolbar-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:none;border:none;color:#ffffff8c;cursor:pointer;transition:background .1s,color .1s;flex-shrink:0}.bulk-toolbar-btn svg{width:15px;height:15px}.bulk-toolbar-btn:hover{background:#ffffff17;color:#ffffffe6}.bulk-toolbar-btn--active{background:#f5a62326;color:var(--orange)}.bulk-toolbar-btn--active:hover{background:#f5a62338;color:var(--orange)}.bulk-toolbar-btn--close:hover{background:#ffffff0f;color:#ffffffb3}.bulk-category-picker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1c1c1c;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000080;padding:4px;display:flex;flex-direction:column;gap:1px;min-width:130px}.bulk-category-option{padding:8px 14px;font-size:13px;font-family:inherit;color:#ffffffb3;border-radius:7px;cursor:pointer;background:none;border:none;text-align:left;white-space:nowrap;transition:background .1s,color .1s}.bulk-category-option:hover{background:#ffffff14;color:#fffffff2}.email-search-form{flex:1;max-width:340px;margin:0 16px}.email-search-wrap{position:relative;display:flex;align-items:center}.email-search-icon{position:absolute;left:10px;color:var(--text-tertiary);display:flex;pointer-events:none}.email-search-icon svg{width:13px;height:13px}.email-search-input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:6px 32px 6px 30px;font-family:inherit;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s,background .15s}.email-search-input::placeholder{color:var(--text-tertiary)}.email-search-input:focus{border-color:var(--orange);background:var(--bg-card)}.email-search-clear{position:absolute;right:6px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:3px;border-radius:50%;transition:color .1s}.email-search-clear svg{width:11px;height:11px}.email-search-clear:hover{color:var(--text-primary)}.bulk-toolbar-bar{position:absolute;top:0;left:510px;right:0;display:flex;align-items:center;gap:2px;padding:0 12px;height:46px;background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:20}.bulk-bar-count{font-size:12px;font-weight:600;color:var(--text-secondary);padding:0 8px 0 4px;white-space:nowrap}.bulk-bar-divider{width:1px;height:20px;background:var(--border-strong);margin:0 4px;flex-shrink:0}.bulk-bar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;flex-shrink:0}.bulk-bar-btn svg{width:15px;height:15px}.bulk-bar-btn:hover{background:var(--bg-card);color:var(--text-primary)}.bulk-bar-btn--active,.bulk-bar-btn--active:hover{background:var(--orange-dim);color:var(--orange)}.bulk-bar-btn--close:hover{color:var(--red)}.bulk-picker-popover{position:absolute;top:calc(100% + 6px);left:120px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #0003;padding:4px;display:flex;flex-direction:column;gap:1px;min-width:140px;z-index:30}.bulk-picker-option{padding:8px 12px;font-size:13px;font-family:inherit;color:var(--text-primary);border-radius:7px;cursor:pointer;background:none;border:none;text-align:left;white-space:nowrap;transition:background .1s}.bulk-picker-option:hover{background:var(--bg-elevated)}.bulk-picker-empty{padding:8px 12px;font-size:12px;color:var(--text-tertiary);display:block}.bulk-picker-remove{border-top:1px solid var(--border);color:var(--text-tertiary);margin-top:2px;padding-top:8px}.email-list-header-left{display:flex;align-items:center;gap:6px}.select-all-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:3px;border-radius:4px;transition:color .1s,background .1s;flex-shrink:0}.select-all-btn svg{width:14px;height:14px}.select-all-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.select-all-btn--active{color:var(--orange)}.load-more-btn{width:100%;padding:12px;background:none;border:none;border-top:1px solid var(--border);color:var(--orange);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .1s}.load-more-btn:hover{background:var(--bg-elevated)}.load-more-btn:disabled{opacity:.5;cursor:default}.load-more-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.draft-indicator{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--orange);background:var(--orange-dim);padding:1px 6px;border-radius:10px;flex-shrink:0}.mobile-nav-toggle,.mobile-nav-active-label,.mobile-nav-overlay,.mobile-back-bar{display:none}@media(max-width:768px){.email-nav{display:none}.email-list-panel{width:100%;border-right:none;flex-shrink:1}.email-agent-body{position:relative;overflow:hidden}.email-detail-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;transform:translate(100%);transition:transform .25s ease;background:var(--bg-app)}.email-detail-wrapper.mobile-open{transform:translate(0)}.bulk-toolbar-bar{position:fixed;bottom:80px;left:0;right:0;top:auto;height:auto;min-height:52px;padding:0 12px;z-index:90;border-top:1px solid var(--border-strong);border-bottom:none;border-radius:0;box-shadow:0 -4px 16px #0000004d;overflow-x:auto;flex-wrap:nowrap}.bulk-picker-popover{top:auto;bottom:calc(100% + 6px);left:0}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text-primary);cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm);padding:0}.mobile-nav-toggle svg{width:20px;height:20px}.mobile-nav-active-label{display:block;font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex-shrink:0}.page-header-icon,.email-search-form,.btn-archive-all{display:none}.mobile-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;padding-bottom:max(24px,env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto;animation:slideUp .22s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-nav-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;border-bottom:1px solid var(--border)}.mobile-nav-sheet-title{font-size:15px;font-weight:700;color:var(--text-primary)}.mobile-nav-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-elevated);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.mobile-nav-close-btn svg{width:14px;height:14px}.mobile-nav-sheet-section{padding:8px 0;border-bottom:1px solid var(--border)}.mobile-nav-sheet-section:last-child{border-bottom:none}.mobile-nav-sheet .email-nav-item{padding:12px 16px;font-size:15px;min-height:48px}.mobile-back-bar{display:flex;align-items:center;gap:8px;padding:0 14px;height:48px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-back-btn{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--orange);background:none;border:none;cursor:pointer;padding:8px 0;min-height:44px}.mobile-back-btn svg{width:18px;height:18px}.email-detail-panel{padding-bottom:max(120px,calc(96px + env(safe-area-inset-bottom)))}.draft-section{padding:0 14px 24px}.draft-actions-top{gap:8px}.draft-actions-top .btn{min-height:44px;padding:0 16px}.draft-footer{flex-wrap:wrap;gap:8px;padding:12px 14px}.draft-footer>div{flex-wrap:wrap;gap:8px}.draft-footer .btn{min-height:44px;flex:1;justify-content:center}.send-confirm-bar{flex-wrap:wrap;padding:12px 14px;gap:8px}.send-confirm-bar .btn{min-height:44px}.detail-header{padding:16px 14px 14px}.detail-body{padding:14px}.detail-subject{font-size:16px}.thread-msg-preview-collapsed{max-width:140px}.email-list-item{padding:14px 12px;min-height:72px}.email-archive-btn{opacity:1;width:var(--touch-target);height:var(--touch-target)}.folder-delete-btn{opacity:1;width:36px;height:36px}.draft-textarea{min-height:160px}.draft-section{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.live-event-btn{display:inline-flex;align-items:center;gap:6px}@media(max-width:768px){.live-event-btn-label{display:none}.live-event-btn{padding:8px 10px}}.live-event-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.live-event-modal{background:var(--bg, #1a1a2e);border-radius:12px;border:1px solid var(--border, #3a3a3c);width:100%;max-width:600px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.live-event-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border, #3a3a3c)}.live-event-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #fff)}.live-event-banner{padding:10px 20px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border, #3a3a3c)}.live-event-banner--in-progress{background:#34c7591f;color:#34c759}.live-event-banner--upcoming{background:#f5a6231f;color:var(--orange, #f5a623)}.live-event-banner--past{background:#8e8e931f;color:var(--text-secondary, #aeaeb2)}.live-event-banner--none{background:#6c63ff1f;color:#8b83ff}.live-event-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.live-event-help{font-size:12px;color:var(--text-secondary, #8e8e93);margin:0 0 8px;line-height:1.5}.live-event-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-top:8px}.live-event-input,.live-event-textarea{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #3a3a3c);background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.live-event-input:focus,.live-event-textarea:focus{border-color:var(--orange, #f5a623)}.live-event-textarea{resize:vertical;min-height:70px;line-height:1.5}.live-event-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-event-error{color:#ff6b6b;font-size:13px;padding:8px 10px;background:#ff6b6b1a;border-radius:6px;margin-top:8px}.live-event-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border, #3a3a3c)}@media(max-width:768px){.live-event-modal{max-width:100%;max-height:100vh;height:100%;border-radius:0}.live-event-overlay{padding:0;align-items:stretch}.live-event-row{grid-template-columns:1fr}}.customer-panel{margin-top:14px;padding:0;background:#f5a6230f;border:1px solid rgba(245,166,35,.25);border-radius:8px;overflow:hidden;font-size:13px}.customer-panel-loading,.customer-panel-error{margin-top:14px;padding:10px 14px;background:var(--bg-card, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px;font-size:12px;color:var(--text-muted, #8e8e93)}.customer-panel-error{border-color:#ff6b6b66;color:#ff9b9b}.customer-panel-summary{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.customer-panel-summary:hover{background:#f5a6231a}.customer-panel-icon{font-size:14px}.customer-panel-label{font-weight:600;color:var(--text-primary, #ffffff)}.customer-panel-tags{display:inline-flex;gap:4px;flex-wrap:wrap}.customer-tag-chip{display:inline-block;padding:2px 8px;background:#f5a62333;border:1px solid rgba(245,166,35,.4);border-radius:10px;font-size:11px;font-weight:600;color:var(--orange, #f5a623);text-transform:uppercase;letter-spacing:.3px}.customer-panel-counts{display:inline-flex;gap:12px;margin-left:auto;font-size:12px;color:var(--text-muted, #8e8e93)}.customer-panel-empty{color:var(--text-muted, #8e8e93);font-style:italic}.customer-panel-toggle{font-size:12px;color:var(--text-muted, #8e8e93);width:16px;text-align:center}.customer-panel-notes-preview{padding:8px 14px;border-top:1px solid rgba(245,166,35,.2);background:#00000026;font-size:12px;color:var(--text-secondary, #c7c7cc);font-style:italic}.customer-panel-body{border-top:1px solid rgba(245,166,35,.2);padding:12px 14px;background:#0000001a}.customer-panel-section{margin-bottom:14px}.customer-panel-section:last-child{margin-bottom:0}.customer-panel-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.customer-panel-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #8e8e93)}.customer-panel-edit-btn{background:transparent;border:1px solid var(--border, #3a3a3c);border-radius:4px;padding:2px 8px;font-size:11px;color:var(--text-secondary, #c7c7cc);cursor:pointer}.customer-panel-edit-btn:hover{background:var(--bg-elevated, #2c2c2e);color:var(--text-primary, #ffffff)}.customer-panel-tags-display{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.customer-panel-notes-display{padding:8px 10px;background:var(--bg-card, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:6px;font-size:12px;color:var(--text-secondary, #c7c7cc);line-height:1.5;white-space:pre-wrap}.customer-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.customer-panel-list li{padding:4px 0;font-size:12px;color:var(--text-secondary, #c7c7cc)}.customer-list-primary{color:var(--text-primary, #ffffff);font-weight:500}.customer-list-meta{color:var(--text-muted, #8e8e93)}.customer-status{margin-left:6px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.customer-status.status-failed{background:#ff6b6b33;color:#ff9b9b}.customer-status.status-refunded{background:#8e8e9333;color:var(--text-muted, #8e8e93)}.customer-panel-edit{display:flex;flex-direction:column;gap:6px}.customer-panel-edit-label{font-size:11px;font-weight:600;color:var(--text-muted, #8e8e93);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}.customer-panel-input,.customer-panel-textarea{width:100%;background:var(--bg-card, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:6px;padding:8px 10px;color:var(--text-primary, #ffffff);font-size:13px;font-family:inherit}.customer-panel-input:focus,.customer-panel-textarea:focus{border-color:var(--orange, #f5a623);outline:none}.customer-panel-textarea{resize:vertical;min-height:80px;line-height:1.5}.customer-panel-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:768px){.customer-panel-summary{gap:6px;padding:8px 10px}.customer-panel-counts{margin-left:0;width:100%}}.feedback-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.feedback-body{flex:1;overflow-y:auto;padding:20px 24px}.fb-filter-select{background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--border, #3a3a3c);border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.fb-loading{display:flex;justify-content:center;padding:60px 0}.fb-spinner{width:28px;height:28px;border:3px solid var(--border, #3a3a3c);border-top-color:var(--orange, #f97316);border-radius:50%;animation:fb-spin .7s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}.fb-empty,.fb-error{text-align:center;padding:60px 20px;color:var(--text-secondary, #8e8e93);font-size:14px;max-width:480px;margin:0 auto}.fb-table-wrap{overflow-x:auto}.fb-table{width:100%;border-collapse:collapse;font-size:13px}.fb-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #8e8e93);border-bottom:1px solid var(--border, #3a3a3c);white-space:nowrap}.fb-table td{padding:12px;border-bottom:1px solid var(--border-subtle, #2c2c2e);vertical-align:top}.fb-table tr:hover td{background:var(--bg-hover, rgba(255,255,255,.03))}.fb-td-date{white-space:nowrap;color:var(--text-secondary, #8e8e93);font-size:12px}.fb-td-diff{white-space:nowrap;color:var(--text-secondary, #8e8e93);font-size:12px;font-family:monospace}.fb-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.fb-badge--support{background:#3b82f62e;color:#93c5fd}.fb-badge--sponsorship{background:#8b5cf62e;color:#c4b5fd}.fb-badge--general{background:#6b72802e;color:#9ca3af}.fb-action{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.fb-action--approved{background:#22c55e2e;color:#86efac}.fb-action--edited{background:#f973162e;color:#fdba74}.fb-action--skipped{background:#6b72802e;color:#9ca3af}.fb-diff-single{display:flex}.fb-diff-single .fb-diff-panel{width:100%;max-width:400px}.fb-diff-wrap{min-width:120px}.fb-diff-toggle{background:none;border:1px solid var(--border, #3a3a3c);border-radius:5px;color:var(--text-secondary, #8e8e93);font-size:11px;padding:3px 8px;cursor:pointer;white-space:nowrap}.fb-diff-toggle:hover{border-color:var(--orange, #f97316);color:var(--orange, #f97316)}.fb-diff-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;min-width:500px}.fb-diff-panel{border-radius:6px;overflow:hidden}.fb-diff-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px}.fb-diff-panel--original .fb-diff-label{background:#ef444426;color:#fca5a5}.fb-diff-panel--final .fb-diff-label{background:#22c55e26;color:#86efac}.fb-diff-text{margin:0;padding:8px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:var(--bg-elevated, #1c1c1e);max-height:200px;overflow-y:auto}.fb-notes-view{cursor:pointer;min-width:160px;min-height:28px;border-radius:5px;padding:4px 6px;transition:background .1s}.fb-notes-view:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.fb-notes-text{font-size:13px;color:var(--text-primary, #f5f5f7)}.fb-notes-placeholder{font-size:12px;color:var(--text-tertiary, #636366)}.fb-notes-edit{display:flex;flex-direction:column;gap:6px}.fb-notes-textarea{width:100%;min-width:200px;resize:vertical;padding:6px 8px;font-size:13px;line-height:1.5;background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--orange, #f97316);border-radius:6px;outline:none}.fb-notes-edit-actions{display:flex;gap:6px}@media(max-width:768px){.fb-filter-select{font-size:14px;padding:8px 10px;min-height:44px}.fb-table-wrap{overflow-x:visible}.fb-table thead{display:none}.fb-table,.fb-table tbody,.fb-table tr,.fb-table td{display:block;width:100%}.fb-table tr{border:1px solid var(--border, #3a3a3c);border-radius:10px;margin-bottom:12px;padding:12px;background:var(--bg-card, #161616)}.fb-table tr:hover td{background:none}.fb-table td{border:none;padding:4px 0}.fb-table td[data-label]:before{content:attr(data-label);display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #636366);margin-bottom:3px}.fb-diff-panels{grid-template-columns:1fr;min-width:0}.fb-notes-textarea{min-width:0}.feedback-body{padding:14px 12px}}.fb-learned-wrap{border-top:1px solid var(--border, #3A3A3C);padding:24px 32px 32px}.fb-learned-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.fb-learned-title-row{display:flex;flex-direction:column;gap:4px}.fb-learned-title{font-size:15px;font-weight:600;color:var(--text-primary, #F2F2F7);margin:0}.fb-learned-timestamp{font-size:12px;color:var(--text-tertiary, #636366)}.fb-learned-content{font-size:13px;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary, #EBEBF5);background:var(--bg-card, #1C1C1E);border:1px solid var(--border, #3A3A3C);border-radius:8px;padding:16px;line-height:1.6;max-height:480px;overflow-y:auto}.fb-learned-textarea{width:100%;font-size:13px;font-family:SF Mono,Fira Code,monospace;background:var(--bg-card, #1C1C1E);border:1px solid var(--border, #3A3A3C);border-radius:8px;padding:14px;color:var(--text-primary, #F2F2F7);resize:vertical;line-height:1.6;box-sizing:border-box}.fb-learned-textarea:focus{outline:none;border-color:var(--orange, #FF9500)}.fb-learned-edit-actions{display:flex;gap:8px;margin-top:12px}@media(max-width:768px){.fb-learned-wrap{padding:16px 12px 24px}}.content-agent{display:flex;flex-direction:column;height:100%;overflow:hidden}.ca-tab-bar{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border, #3a3a3c);background:var(--bg-secondary, #1c1c1e);flex-shrink:0}.ca-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-secondary, #8e8e93);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s;white-space:nowrap;margin-bottom:-1px}.ca-tab:hover{color:var(--text-primary, #f5f5f7)}.ca-tab-active{color:var(--orange, #f97316);border-bottom-color:var(--orange, #f97316)}.ca-tab-icon{width:14px;height:14px;display:flex;align-items:center}.ca-tab-icon svg{width:100%;height:100%}.ca-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.ca-panel{flex:1;overflow-y:auto;padding:20px 24px}.ca-panel-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.ca-loading{display:flex;justify-content:center;padding:60px 0}.ca-loading-sm{padding:20px 0}.ca-spinner{width:26px;height:26px;border:3px solid var(--border, #3a3a3c);border-top-color:var(--orange, #f97316);border-radius:50%;animation:ca-spin .7s linear infinite}@keyframes ca-spin{to{transform:rotate(360deg)}}.ca-empty{text-align:center;padding:60px 20px;color:var(--text-secondary, #8e8e93);font-size:14px;max-width:480px;margin:0 auto;line-height:1.6}.ca-select{background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--border, #3a3a3c);border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}.ca-link{color:var(--orange, #f97316);text-decoration:none}.ca-link:hover{text-decoration:underline}.ca-format-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.ca-format-short{background:#3b82f626;color:#93c5fd}.ca-format-long{background:#8b5cf626;color:#c4b5fd}.ca-section-heading{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8e8e93);margin-bottom:10px}.btn-sm{padding:5px 12px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-sm svg{width:13px;height:13px}.btn-xs{padding:3px 8px;font-size:11px;display:inline-flex;align-items:center;gap:4px}.btn-xs svg{width:12px;height:12px}.ca-ideas-list{display:flex;flex-direction:column;gap:12px}.ca-idea-card{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:10px;padding:14px 16px;transition:border-color .15s}.ca-idea-card:hover{border-color:var(--border-highlight, #4a4a4e)}.idea-filmed{opacity:.55}.ca-idea-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ca-idea-date{font-size:11px;color:var(--text-tertiary, #636366);margin-left:auto}.ca-idea-actions{display:flex;gap:4px}.ca-filmed-btn{color:#34d399}.ca-filmed-btn:hover{color:#6ee7b7}.ca-schedule-btn,.ca-delete-btn{color:var(--text-secondary, #8e8e93)}.ca-delete-btn:hover{color:#f87171}.ca-idea-title{font-size:15px;font-weight:600;color:var(--text-primary, #f5f5f7);margin-bottom:6px;line-height:1.4}.ca-idea-detail{font-size:13px;color:var(--text-secondary, #8e8e93);margin-bottom:4px;line-height:1.5}.ca-detail-label{font-weight:600;color:var(--text-primary, #f5f5f7)}.ca-idea-timely{font-size:12px;color:var(--text-tertiary, #636366);font-style:italic;margin-top:4px}.ca-idea-calendar-date{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--orange, #f97316);margin-top:6px}.ca-idea-calendar-date svg{width:12px;height:12px}.ca-note-view{margin-top:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .1s;min-height:28px}.ca-note-view:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.ca-note-text{font-size:13px;color:var(--text-primary, #f5f5f7)}.ca-note-placeholder{font-size:12px;color:var(--text-tertiary, #636366)}.ca-note-edit{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ca-note-textarea{width:100%;resize:vertical;padding:6px 8px;font-size:13px;line-height:1.5;background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--orange, #f97316);border-radius:6px;outline:none;box-sizing:border-box}.ca-note-actions{display:flex;gap:6px}.ca-brief-msg{font-size:13px;color:var(--text-secondary, #8e8e93);font-style:italic}.ca-briefs-list{display:flex;flex-direction:column;gap:4px}.ca-brief-row{border:1px solid var(--border, #3a3a3c);border-radius:8px;overflow:hidden}.ca-brief-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated, #1c1c1e);border:none;cursor:pointer;text-align:left;transition:background .1s}.ca-brief-toggle:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.ca-brief-date{font-size:14px;font-weight:600;color:var(--text-primary, #f5f5f7);min-width:160px}.ca-brief-meta{font-size:12px;color:var(--text-secondary, #8e8e93);flex:1}.ca-brief-chevron{font-size:11px;color:var(--text-tertiary, #636366)}.ca-brief-detail{padding:16px;border-top:1px solid var(--border, #3a3a3c);background:var(--bg-base, #141414);display:flex;flex-direction:column;gap:16px}.ca-brief-section{display:flex;flex-direction:column;gap:8px}.ca-brief-section-title{font-size:13px;font-weight:600;color:var(--text-primary, #f5f5f7)}.ca-brief-item{display:flex;flex-direction:column;gap:2px}.ca-brief-item-meta{font-size:11px;color:var(--text-tertiary, #636366)}.ca-brief-snippet{font-size:12px;color:var(--text-secondary, #8e8e93);line-height:1.5;margin-top:2px}.ca-timely-text{font-style:italic;color:var(--text-tertiary, #636366)}.ca-brief-idea{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--bg-elevated, #1c1c1e);border-radius:6px;border:1px solid var(--border, #3a3a3c)}.ca-brief-idea-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ca-save-idea-btn{align-self:flex-start;margin-top:6px;padding:5px 12px;border-radius:6px;border:1px solid var(--accent, #f5a623);background:transparent;color:var(--accent, #f5a623);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ca-save-idea-btn:hover:not(:disabled){background:var(--accent, #f5a623);color:#000}.ca-save-idea-btn.saved{border-color:#34c759;color:#34c759;cursor:default}.ca-save-idea-btn:disabled:not(.saved){opacity:.5}.ca-channel-panel{display:flex;flex-direction:column;gap:24px}.ca-channel-stats-row{display:flex;gap:12px;flex-wrap:wrap}.ca-stat-card{flex:1;min-width:120px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:10px;padding:16px;text-align:center}.ca-stat-value{font-size:28px;font-weight:700;color:var(--orange, #f97316);line-height:1;margin-bottom:6px}.ca-stat-label{font-size:12px;color:var(--text-secondary, #8e8e93);font-weight:500}.ca-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.ca-channel-grid{grid-template-columns:1fr}}.ca-channel-col{display:flex;flex-direction:column;gap:8px}.ca-video-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-subtle, #2c2c2e)}.ca-video-rank{font-size:12px;font-weight:700;color:var(--text-tertiary, #636366);min-width:20px;padding-top:2px}.ca-video-date{font-size:11px;color:var(--text-tertiary, #636366);min-width:52px;padding-top:2px;white-space:nowrap}.ca-video-info{display:flex;flex-direction:column;gap:2px;flex:1}.ca-video-title{font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ca-video-stats{font-size:11px;color:var(--text-tertiary, #636366);display:flex;align-items:center;gap:6px}.ca-outperform-badge{background:#22c55e26;color:#86efac;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.ca-channel-footer{font-size:12px;color:var(--text-tertiary, #636366);padding-top:8px;border-top:1px solid var(--border, #3a3a3c)}.ca-channel-name-label{font-size:14px;font-weight:600;color:var(--text-primary, #f5f5f7);flex:1}.ca-channel-setup{max-width:560px;display:flex;flex-direction:column;gap:12px}.ca-channel-setup-title{font-size:16px;font-weight:600;color:var(--text-primary, #f5f5f7)}.ca-channel-setup-desc{font-size:13px;color:var(--text-secondary, #8e8e93);line-height:1.6;margin:0}.ca-channel-setup-desc code{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:4px;padding:1px 5px;font-size:12px;color:var(--orange, #f97316)}.ca-channel-lookup-form{display:flex;gap:8px}.ca-lookup-error{font-size:13px;color:#f87171;padding:8px 0}.ca-lookup-results{display:flex;flex-direction:column;gap:8px;margin-top:4px}.ca-lookup-channel{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px}.ca-ch-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.ca-ch-info{flex:1}.ca-ch-name{font-size:14px;font-weight:600;color:var(--text-primary, #f5f5f7)}.ca-ch-id{font-size:11px;color:var(--text-tertiary, #636366);margin-top:2px;font-family:monospace}.ca-topics-intro{font-size:13px;color:var(--text-secondary, #8e8e93);margin-bottom:16px;line-height:1.5;max-width:560px}.ca-topics-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-width:560px}.ca-topic-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px;transition:opacity .15s}.topic-inactive{opacity:.5}.ca-topic-toggle{width:28px;height:16px;border-radius:8px;border:none;cursor:pointer;flex-shrink:0;transition:background .2s}.toggle-on{background:var(--orange, #f97316)}.toggle-off{background:var(--border, #3a3a3c)}.ca-topic-keyword{flex:1;font-size:14px;color:var(--text-primary, #f5f5f7);cursor:default}.ca-topic-edit-input{flex:1;background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--orange, #f97316);border-radius:5px;padding:3px 8px;font-size:14px;outline:none}.ca-topic-actions{display:flex;gap:4px}.ca-add-topic{display:flex;gap:8px;max-width:560px}.ca-topic-input{flex:1;background:var(--bg-input, #2c2c2e);color:var(--text-primary, #f5f5f7);border:1px solid var(--border, #3a3a3c);border-radius:8px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}.ca-topic-input:focus{border-color:var(--orange, #f97316)}.ca-calendar-panel{padding-bottom:40px}.ca-cal-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ca-cal-range{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary, #f5f5f7)}.ca-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:24px}.ca-cal-day{background:var(--bg-elevated, #1c1c1e);border:2px solid var(--border, #3a3a3c);border-radius:8px;padding:8px;min-height:120px;transition:border-color .15s}.ca-cal-day:hover{border-color:var(--border-highlight, #4a4a4e)}.cal-today{border-color:var(--orange, #f97316)!important}.ca-cal-day-label{display:flex;flex-direction:column;align-items:center;margin-bottom:6px;gap:2px}.ca-cal-day-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #8e8e93)}.ca-cal-day-num{font-size:18px;font-weight:700;color:var(--text-primary, #f5f5f7);line-height:1}.today-num{color:var(--orange, #f97316)}.ca-cal-day-ideas{display:flex;flex-direction:column;gap:4px}.ca-cal-idea{position:relative;padding:4px 22px 4px 6px;border-radius:5px;font-size:11px;line-height:1.4;cursor:grab;-webkit-user-select:none;user-select:none}.ca-cal-idea:active{cursor:grabbing}.ca-cal-idea-short{background:#3b82f633;color:#bfdbfe}.ca-cal-idea-long{background:#8b5cf633;color:#ddd6fe}.ca-cal-idea-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ca-cal-remove{position:absolute;top:2px;right:3px;background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:13px;line-height:1;padding:0}.ca-cal-remove:hover{opacity:1}.ca-cal-unscheduled{border-top:1px solid var(--border, #3a3a3c);padding-top:20px}.ca-cal-pool{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ca-pool-idea{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none;max-width:280px;line-height:1.4}.ca-pool-idea:active{cursor:grabbing}.ca-competitor-section{max-width:560px}.ca-section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #8e8e93);margin-bottom:8px}.ca-idea-source{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.ca-source-badge{font-size:11px;font-weight:500;padding:2px 7px;border-radius:10px;background:var(--bg-elevated, #2c2c2e);color:var(--text-secondary, #8e8e93);white-space:nowrap}.ca-source-note{font-size:11px;color:var(--text-tertiary, #636366);font-style:italic}.ca-source-mini{display:inline-block;font-size:10px;font-weight:500;padding:1px 6px;border-radius:8px;background:var(--bg-elevated, #2c2c2e);color:var(--text-secondary, #8e8e93);margin-left:6px;vertical-align:middle}@media(max-width:768px){.ca-tab-bar{overflow-x:auto;scrollbar-width:none;padding:0 12px;-webkit-overflow-scrolling:touch}.ca-tab-bar::-webkit-scrollbar{display:none}.ca-panel{padding:14px 12px}.ca-panel-toolbar{gap:8px}.ca-brief-card{width:100%}.ca-ideas-grid{grid-template-columns:1fr}.ca-competitor-row{padding:12px;min-height:44px}.ca-topic-item{min-height:44px}.ca-select{font-size:16px;padding:10px 12px;min-height:44px}}.content-board{--accent: var(--orange);--bg: var(--bg-card);--surface-raised: var(--bg-elevated);--text: var(--text-primary);--error: var(--danger);display:flex;flex-direction:column;height:100%;overflow:hidden}.cb-board{display:flex;gap:14px;padding:16px 20px 20px;overflow-x:auto;flex:1;align-items:flex-start}.cb-loading{display:flex;justify-content:center;padding:60px 0}.cb-spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:cb-spin .7s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}.cb-error-wrap{padding:32px 24px;color:var(--text-secondary);font-size:14px}.cb-search{display:flex;align-items:center;gap:7px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:0 10px;height:34px;transition:border-color .15s,box-shadow .15s}.cb-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--orange-light)}.cb-search svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.cb-search-input{border:none;background:transparent;outline:none;color:var(--text);font-size:13px;width:150px}.cb-search-input::placeholder{color:var(--text-tertiary)}.cb-search-clear{display:flex;padding:2px;border-radius:4px;color:var(--text-tertiary);background:transparent}.cb-search-clear svg{width:12px;height:12px}.cb-search-clear:hover{color:var(--text)}.cb-board-tabs{display:flex;gap:4px;background:var(--bg-input);border-radius:8px;padding:3px;border:1px solid var(--border)}.cb-board-tab{padding:5px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.cb-board-tab.active{background:var(--orange);color:#1a1206;box-shadow:0 2px 8px #f5a62359}.cb-board-tab:hover:not(.active){color:var(--text)}.cb-column{flex:0 0 272px;min-width:272px;background:linear-gradient(180deg,color-mix(in srgb,var(--col) 12%,transparent),transparent 120px),var(--bg-card);border-radius:12px;border:1px solid var(--border);border-top:2px solid var(--col);display:flex;flex-direction:column;max-height:calc(100vh - 150px);transition:box-shadow .15s,border-color .15s}.cb-column--over{border-color:var(--col);box-shadow:0 0 0 2px color-mix(in srgb,var(--col) 45%,transparent)}.cb-column-header{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border)}.cb-column-dot{width:9px;height:9px;border-radius:50%;background:var(--col);box-shadow:0 0 8px color-mix(in srgb,var(--col) 70%,transparent);flex-shrink:0}.cb-column-label{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.01em}.cb-column-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--col);background:color-mix(in srgb,var(--col) 16%,transparent);border-radius:20px;padding:2px 9px;min-width:22px;text-align:center}.cb-column-cards{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.cb-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--col);border-radius:9px;padding:11px 12px 10px;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .08s,background .15s;-webkit-user-select:none;user-select:none}.cb-card:hover{background:var(--bg-card);border-color:var(--border-strong);border-left-color:var(--col);box-shadow:0 4px 16px #0006,0 0 0 1px color-mix(in srgb,var(--col) 30%,transparent);transform:translateY(-1px)}.cb-card:active{transform:scale(.99)}.cb-card.dragging{opacity:.35}.cb-card-grip{position:absolute;top:8px;right:6px;color:var(--text-tertiary);opacity:0;transition:opacity .15s;pointer-events:none}.cb-card-grip svg{width:14px;height:14px}.cb-card:hover .cb-card-grip{opacity:.55}.cb-card-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.4;padding-right:14px}.cb-card-preview{font-size:12px;color:var(--text-secondary);line-height:1.45;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-card-foot{display:flex;align-items:center;gap:10px;margin-top:8px}.cb-card-foot:empty{margin-top:0}.cb-card-date{font-size:11px;color:var(--col);font-weight:600}.cb-card-meta{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-tertiary);font-weight:500}.cb-card-meta svg{width:11px;height:11px}.cb-move-select{width:100%;font-size:12px;padding:6px 8px;border-radius:7px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer}.cb-label-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.cb-label-chip{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--label);background:color-mix(in srgb,var(--label) 18%,transparent);border:1px solid color-mix(in srgb,var(--label) 40%,transparent);padding:1px 7px;border-radius:5px;text-transform:uppercase}.cb-drop-line{height:3px;border-radius:3px;background:var(--col);box-shadow:0 0 10px color-mix(in srgb,var(--col) 80%,transparent);margin:1px 0}.cb-add-card-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:1px dashed var(--border-strong);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cb-add-card-btn svg{width:12px;height:12px}.cb-add-card-btn:hover{border-color:var(--col);color:var(--col);background:color-mix(in srgb,var(--col) 8%,transparent)}.cb-quickadd{display:flex;flex-direction:column;gap:6px}.cb-quickadd-input{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--col);background:var(--bg-card);color:var(--text);font-size:13px;font-family:inherit;line-height:1.4;resize:none;outline:none;box-sizing:border-box;box-shadow:0 0 0 3px color-mix(in srgb,var(--col) 18%,transparent)}.cb-quickadd-actions{display:flex;gap:6px}.cb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px}.cb-modal{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-strong);width:100%;max-width:480px;box-shadow:var(--shadow-md)}.cb-modal--sm{max-width:360px}.cb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.cb-modal-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.cb-modal-form{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}.cb-modal-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cb-field{display:flex;flex-direction:column;gap:6px}.cb-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.cb-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.cb-input--sm{padding:7px 10px;font-size:13px}.cb-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--orange-light)}.cb-radio-group{display:flex;gap:8px}.cb-radio-option{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s}.cb-radio-option input{display:none}.cb-radio-option.selected{border-color:var(--accent);color:var(--accent);background:var(--orange-light)}.cb-ai-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s;white-space:nowrap}.cb-ai-toggle input{display:none}.cb-ai-toggle svg{width:14px;height:14px}.cb-ai-toggle.on{border-color:#8b5cf6;color:#a78bfa;background:#8b5cf61f}.cb-modal-actions{display:flex;gap:8px}.cb-error{color:var(--error);font-size:13px}.cb-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:24px;animation:cb-fade .12s ease}@keyframes cb-fade{0%{opacity:0}to{opacity:1}}.cb-detail{position:relative;background:var(--bg-card);width:100%;max-width:940px;max-height:90vh;border-radius:var(--radius-lg);border:1px solid var(--border-strong);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #000000b3;animation:cb-pop .14s cubic-bezier(.2,.9,.3,1.2)}@keyframes cb-pop{0%{transform:scale(.97);opacity:.6}to{transform:scale(1);opacity:1}}.cb-detail-accentbar{height:5px;flex-shrink:0;background:linear-gradient(90deg,var(--col),color-mix(in srgb,var(--col) 55%,transparent))}.cb-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cb-detail-title{font-size:19px;font-weight:700;color:var(--text);margin:0;cursor:pointer;display:flex;align-items:flex-start;gap:8px;line-height:1.3;flex:1}.cb-detail-edit-hint{color:var(--text-tertiary);opacity:0;transition:opacity .15s;flex-shrink:0;margin-top:3px}.cb-detail-title:hover .cb-detail-edit-hint{opacity:1}.cb-detail-edit-hint svg{width:14px;height:14px}.cb-detail-title-edit{display:flex;align-items:center;gap:8px;flex:1}.cb-detail-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cb-detail-grid{flex:1;min-height:0;display:grid;grid-template-columns:1.55fr 1fr}.cb-detail-main{overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border)}.cb-detail-side{overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--bg-elevated) 50%,var(--bg-card))}.cb-section{display:flex;flex-direction:column;gap:7px}.cb-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cb-section-label{font-size:11px;font-weight:700;color:var(--col);text-transform:uppercase;letter-spacing:.07em}.cb-section-actions{display:flex;align-items:center;gap:2px}.cb-section-body{font-size:14px;color:var(--text);line-height:1.6;cursor:pointer;border-radius:8px;padding:9px 11px;border:1px solid transparent;transition:border-color .15s,background .15s}.cb-section-body:hover{border-color:var(--border);background:var(--bg-elevated)}.cb-section-body.empty{padding:8px 11px}.cb-placeholder{color:var(--text-tertiary);font-style:italic;font-size:13px}.cb-section-edit{display:flex;flex-direction:column;gap:8px}.cb-section-btns{display:flex;gap:8px}.cb-textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--accent);background:var(--bg-input);color:var(--text);font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box;box-shadow:0 0 0 3px var(--orange-light)}.cb-ol{margin:0;padding-left:0;list-style:none;counter-reset:cb;display:flex;flex-direction:column;gap:7px}.cb-ol li{position:relative;counter-increment:cb;padding-left:30px;line-height:1.55}.cb-ol li:before{content:counter(cb);position:absolute;left:0;top:1px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--col);background:color-mix(in srgb,var(--col) 16%,transparent);border-radius:6px}.cb-richtext p{margin:0 0 8px}.cb-richtext p:last-child{margin-bottom:0}.cb-tags{display:flex;flex-wrap:wrap;gap:6px}.cb-tag{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);padding:3px 9px;border-radius:20px}.cb-link{color:var(--info);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--info) 40%,transparent);word-break:break-word}.cb-link:hover{border-bottom-color:var(--info)}.cb-side-block{display:flex;flex-direction:column;gap:8px}.cb-side-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.cb-status-grid{display:flex;flex-wrap:wrap;gap:6px}.cb-status-pill{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);padding:5px 11px;border-radius:20px;cursor:pointer;transition:all .13s}.cb-status-pill:hover{border-color:var(--col);color:var(--text)}.cb-status-pill.active{color:#fff;border-color:transparent;background:var(--col);box-shadow:0 2px 10px color-mix(in srgb,var(--col) 50%,transparent)}.cb-label-picker{display:flex;flex-wrap:wrap;gap:6px}.cb-label-opt{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);padding:4px 10px;border-radius:7px;cursor:pointer;transition:all .13s}.cb-label-opt:hover{border-color:var(--label);color:var(--text)}.cb-label-opt.on{color:var(--label);background:color-mix(in srgb,var(--label) 16%,transparent);border-color:color-mix(in srgb,var(--label) 55%,transparent)}.cb-label-check{display:inline-flex}.cb-label-check svg{width:11px;height:11px}.cb-links-list{display:flex;flex-direction:column;gap:5px}.cb-link-row{display:flex;align-items:center;gap:4px}.cb-link-item{display:flex;align-items:center;gap:6px;flex:1;min-width:0;color:var(--info);text-decoration:none;font-size:13px;padding:6px 9px;border-radius:7px;background:var(--bg-input);border:1px solid var(--border);transition:border-color .13s}.cb-link-item:hover{border-color:var(--info)}.cb-link-item svg{width:13px;height:13px;flex-shrink:0}.cb-link-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-link-add{display:flex;gap:6px}.cb-detail-footer{margin-top:auto;padding-top:6px}.cb-delete-btn{color:var(--text-tertiary)!important;display:flex;align-items:center;gap:6px}.cb-delete-btn:hover{color:var(--error)!important}.cb-delete-confirm{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.cb-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.cb-icon-btn--sm{width:30px;height:30px}.cb-icon-btn svg{width:16px;height:16px}.cb-icon-btn:hover{background:var(--bg-elevated);color:var(--text)}.cb-text-btn{display:flex;align-items:center;padding:4px 6px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s;font-size:13px}.cb-text-btn svg{width:14px;height:14px}.cb-text-btn:hover{background:var(--bg-elevated);color:var(--text)}.cb-text-btn.copied{color:var(--success)}.btn-sm{padding:5px 12px!important;font-size:13px!important}.btn-danger{background:var(--danger)!important;color:#fff!important;border-color:transparent!important}@media(max-width:768px){.cb-board{padding:12px;gap:10px}.cb-column{flex:0 0 250px;min-width:250px;max-height:calc(100vh - 170px)}.cb-search,.cb-board-tabs,.cb-card-grip{display:none}.cb-card-move{display:block;margin-top:8px}.cb-detail-overlay{padding:0;align-items:stretch}.cb-detail{max-width:100%;max-height:100%;height:100%;border-radius:0}.cb-detail-grid{display:flex;flex-direction:column;overflow-y:auto}.cb-detail-main{border-right:none;border-bottom:1px solid var(--border)}.cb-detail-main,.cb-detail-side{overflow:visible}.cb-modal{max-width:100%;border-radius:14px 14px 0 0}.cb-modal-overlay{align-items:flex-end;padding:0}}@media(min-width:769px){.cb-card-move{display:none}}.payment-recovery{display:flex;flex-direction:column;height:100%;overflow:hidden}.pr-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--border, #3a3a3c);flex-shrink:0}.pr-tab{padding:10px 16px;border:none;background:transparent;color:var(--text-secondary, #8e8e93);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.pr-tab:hover{color:var(--text, #fff)}.pr-tab.active{color:var(--orange, #f5a623);border-bottom-color:var(--orange, #f5a623)}.pr-content{flex:1;overflow-y:auto;padding:16px 20px}.pr-panel{display:flex;flex-direction:column;gap:12px}.pr-toolbar{display:flex;align-items:center;gap:8px}.pr-msg{font-size:13px;color:var(--text-secondary, #8e8e93);margin-left:8px}.pr-loading{display:flex;justify-content:center;padding:60px 0}.pr-spinner{width:28px;height:28px;border:2.5px solid var(--border, #3a3a3c);border-top-color:var(--orange, #f5a623);border-radius:50%;animation:pr-spin .7s linear infinite}@keyframes pr-spin{to{transform:rotate(360deg)}}.pr-empty{padding:60px 20px;text-align:center;color:var(--text-secondary, #8e8e93);font-size:14px}.pr-empty-sub{font-size:12px;margin-top:6px;color:var(--text-tertiary, #636366)}.pr-table{display:flex;flex-direction:column;gap:1px;background:var(--border, #3a3a3c);border-radius:8px;overflow:hidden}.pr-row{display:grid;grid-template-columns:1.5fr 1.4fr .8fr .9fr .9fr 1fr;gap:12px;align-items:center;padding:12px 16px;background:var(--bg-elevated, #1c1c1e);font-size:13px;color:var(--text, #fff)}.pr-row--5col{grid-template-columns:1.5fr 1.4fr 1fr 1fr 1fr}.pr-row--header{background:var(--bg, #0f0f13);font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px}.pr-customer-name{font-weight:600;font-size:13px}.pr-customer-email{font-size:12px;color:var(--text-secondary, #8e8e93)}.pr-product{color:var(--text, #fff)}.pr-amount{font-variant-numeric:tabular-nums;font-weight:500}.pr-failed{font-size:13px}.pr-days{font-size:11px;color:var(--text-secondary, #8e8e93)}.pr-na{color:var(--text-tertiary, #636366)}.pr-actions{display:flex;justify-content:flex-end;gap:6px}.pr-badge{display:inline-block;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pr-badge--active{background:var(--warning-dim);color:var(--warning)}.pr-badge--paid{background:var(--success-dim);color:var(--success)}.pr-badge--cancelled{background:#8e8e9326;color:var(--text-tertiary)}.pr-badge--warn{background:var(--danger-dim);color:var(--danger)}.pr-badge--pending{background:var(--pending-dim);color:var(--pending)}.pr-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:flex-end;align-items:stretch;z-index:500}.pr-drawer{background:var(--bg, #0f0f13);width:560px;max-width:100vw;height:100%;border-left:1px solid var(--border, #3a3a3c);display:flex;flex-direction:column;overflow:hidden;box-shadow:-8px 0 40px #0006}.pr-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border, #3a3a3c);flex-shrink:0}.pr-drawer-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #fff)}.pr-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #8e8e93);cursor:pointer;font-size:16px}.pr-icon-btn:hover{background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff)}.pr-drawer-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:18px}.pr-detail-card{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.pr-detail-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;font-size:13px;color:var(--text, #fff)}.pr-detail-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.pr-emails-section h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text, #fff)}.pr-email-row{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:8px;margin-bottom:6px}.pr-email--sent{border-color:#34c7594d}.pr-email--failed{border-color:#ff6b6b4d}.pr-email-step{font-size:11px;font-weight:700;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.05em}.pr-email-subject{font-size:13px;font-weight:500;color:var(--text, #fff)}.pr-email-meta{font-size:11px;color:var(--text-secondary, #8e8e93);margin-top:2px}.pr-drawer-footer{padding-top:8px;border-top:1px solid var(--border, #3a3a3c)}@media(max-width:768px){.pr-content{padding:12px}.pr-row,.pr-row--header{grid-template-columns:1fr;gap:4px}.pr-row--header{display:none}.pr-row--5col{grid-template-columns:1fr}.pr-actions{justify-content:flex-start;margin-top:4px}.pr-drawer{width:100vw}.pr-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:10px}.pr-amount{font-weight:600;font-size:var(--fs-md)}.pr-actions .btn{min-height:var(--touch-target)}}.sales-analytics{display:flex;flex-direction:column;height:100%;overflow:hidden}.sa-content{flex:1;overflow-y:auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:16px}.sa-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sa-msg{font-size:13px;color:var(--text-secondary, #8e8e93);margin-left:8px}.sa-loading{display:flex;justify-content:center;padding:60px 0}.sa-spinner{width:28px;height:28px;border:2.5px solid var(--border, #3a3a3c);border-top-color:var(--orange, #f5a623);border-radius:50%;animation:sa-spin .7s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-period-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:10px}.sa-period-label{font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em}.sa-period-dash{color:var(--text-secondary, #8e8e93);font-size:13px}.sa-period-range{margin-left:auto;font-size:12px;color:var(--text-secondary, #8e8e93);font-variant-numeric:tabular-nums}.sa-stat-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.sa-stat--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--orange, #f5a623) 18%,var(--bg-elevated, #1c1c1e)),var(--bg-elevated, #1c1c1e));border-color:color-mix(in srgb,var(--orange, #f5a623) 35%,var(--border, #3a3a3c))}.sa-stat--primary .sa-stat-value{color:var(--orange, #f5a623);font-size:32px}.sa-stat{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:12px;padding:16px 18px}.sa-stat-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.sa-stat-value{font-size:28px;font-weight:700;color:var(--text, #fff);font-variant-numeric:tabular-nums}.sa-stat-sub{font-size:12px;color:var(--text-secondary, #8e8e93);margin-top:4px}.sa-stat-count{font-size:14px;font-weight:600;color:var(--text, #fff);margin-top:6px}.sa-stat--primary .sa-stat-count{color:var(--orange, #f5a623)}.sa-card{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:12px;padding:16px 18px}.sa-card-title{font-size:13px;font-weight:600;color:var(--text, #fff);margin-bottom:14px}.sa-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.sa-card-title-row .sa-card-title{margin-bottom:0}.sa-card-title-count{color:var(--text-secondary, #8e8e93);font-weight:500;font-size:12px}.sa-filters-row{display:flex;gap:8px;flex-wrap:wrap}.sa-chart-row{display:flex;gap:8px;align-items:stretch}.sa-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;padding:38px 0 22px;font-size:10px;color:var(--text-tertiary);text-align:right;min-width:34px;flex-shrink:0}.sa-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:220px;padding-top:20px;flex:1;min-width:0}.sa-bar-wrap{display:flex;flex-direction:column;align-items:center;height:100%;gap:4px;position:relative}.sa-bar-value{font-size:9px;color:var(--text-secondary, #8e8e93);font-variant-numeric:tabular-nums;white-space:nowrap;height:12px;line-height:1}.sa-bar-container{flex:1;width:100%;display:flex;align-items:flex-end}.sa-bar{width:100%;background:linear-gradient(180deg,var(--orange, #f5a623),color-mix(in srgb,var(--orange, #f5a623) 60%,transparent));border-radius:4px 4px 0 0;min-height:2px;transition:opacity .15s}.sa-bar:hover{opacity:.85}.sa-bar-label{font-size:10px;color:var(--text-secondary, #8e8e93);text-align:center}.sa-filter{padding:6px 10px;border-radius:6px;border:1px solid var(--border, #3a3a3c);background:var(--bg, #0f0f13);color:var(--text, #fff);font-size:12px;cursor:pointer}.sa-empty{padding:40px 20px;text-align:center;color:var(--text-secondary, #8e8e93);font-size:13px}.sa-entries{display:flex;flex-direction:column;gap:1px;background:var(--border, #3a3a3c);border-radius:8px;overflow:hidden}.sa-entry{display:grid;grid-template-columns:110px 140px 1fr 100px 32px;gap:10px;align-items:center;padding:10px 14px;background:var(--bg-elevated, #1c1c1e);font-size:13px;color:var(--text, #fff)}.sa-entry--header{background:var(--bg, #0f0f13);font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.05em;padding:9px 14px}.sa-source{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#f5a6231f;color:var(--orange, #f5a623)}.sa-source--stripe{background:#635bff26;color:#8b83ff}.sa-source--paypal{background:#009edb26;color:#4fc3f7}.sa-source--bank_deposit{background:#4caf5026;color:#66bb6a}.sa-source--adsense{background:#ff572226;color:#ff8a65}.sa-source--partnerstack,.sa-source--impact,.sa-source--affiliate_other{background:#9b59b626;color:#ce93d8}.sa-source--other{background:#8e8e9326;color:#aeaeb2}.sa-manual-flag{font-size:9px;background:#ffffff26;padding:1px 4px;border-radius:4px;font-weight:700}.sa-desc{color:var(--text-secondary, #c7c7cc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-amount{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.sa-row-actions{display:flex;justify-content:flex-end}.sa-text-btn{background:none;border:none;color:var(--text-secondary, #8e8e93);cursor:pointer;padding:2px 6px;border-radius:4px}.sa-text-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.sa-modal{background:var(--bg, #1a1a2e);border-radius:12px;border:1px solid var(--border, #3a3a3c);width:100%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border, #3a3a3c)}.sa-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #fff)}.sa-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.sa-label{font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.sa-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #3a3a3c);background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.sa-input:focus{border-color:var(--orange, #f5a623)}.sa-qty-hint{font-size:12px;color:var(--orange, #f5a623);font-weight:600;margin-top:-2px}.sa-error{color:#ff6b6b;font-size:13px;padding:8px 10px;background:#ff6b6b1a;border-radius:6px;margin-top:4px}.sa-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border, #3a3a3c)}.sa-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #8e8e93);cursor:pointer}.sa-icon-btn:hover{background:var(--bg-elevated, #1c1c1e);color:var(--text, #fff)}@media(max-width:768px){.sa-content{padding:12px}.sa-stat-grid{grid-template-columns:1fr;gap:10px}.sa-stat{padding:14px 16px}.sa-stat-value{font-size:24px}.sa-stat--primary .sa-stat-value{font-size:28px}.sa-stat-count{font-size:13px}.sa-period-bar{padding:12px;gap:8px}.sa-period-bar .sa-filter{width:100%;box-sizing:border-box}.sa-period-range{margin-left:0;flex-basis:100%;font-size:11px;order:99}.sa-period-dash{display:none}.sa-card-title-row{flex-direction:column;align-items:stretch;gap:10px}.sa-card-title-count{display:block;font-size:11px;margin-top:2px}.sa-filters-row{width:100%;flex-direction:column;gap:8px}.sa-filter{width:100%;box-sizing:border-box;min-height:40px;padding:10px 12px}.sa-toolbar{gap:6px}.sa-chart{grid-template-columns:repeat(12,minmax(0,1fr));height:160px;gap:3px;padding-bottom:4px}.sa-bar-wrap{min-width:0}.sa-bar-value{display:none}.sa-bar-label{font-size:8px;line-height:1.1;overflow:hidden;text-overflow:clip;white-space:nowrap}.sa-entry,.sa-entry--header{grid-template-columns:1fr;gap:6px}.sa-entry--header{display:none}.sa-entry{padding:14px}.sa-amount{text-align:left;font-size:16px}.sa-row-actions{justify-content:flex-start}.sa-desc{white-space:normal}.sa-modal{max-width:100%;max-height:100vh;height:100%;border-radius:0}.sa-modal-overlay{padding:0;align-items:stretch}}.reminders{display:flex;flex-direction:column;height:100%;overflow:hidden}.rem-content{flex:1;overflow-y:auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:16px;max-width:760px}.rem-add-card{background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.rem-add-title{font-size:13px;font-weight:600;color:var(--text, #fff)}.rem-input,.rem-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #3a3a3c);background:var(--bg, #0f0f13);color:var(--text, #fff);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.rem-input:focus,.rem-textarea:focus{border-color:var(--orange, #f5a623)}.rem-textarea{resize:vertical;line-height:1.5}.rem-add-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.rem-field{display:flex;flex-direction:column;gap:5px}.rem-label{font-size:11px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.05em}.rem-date{width:auto}.rem-section-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.06em;padding:4px 2px}.rem-section-head--toggle{cursor:pointer;margin-top:8px}.rem-toggle{color:var(--orange, #f5a623)}.rem-empty{padding:24px;text-align:center;color:var(--text-secondary, #8e8e93);font-size:13px;border:1px dashed var(--border, #3a3a3c);border-radius:10px}.rem-list{display:flex;flex-direction:column;gap:8px}.rem-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-elevated, #1c1c1e);border:1px solid var(--border, #3a3a3c);border-radius:10px}.rem-item--done{opacity:.6}.rem-check{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;margin-top:2px}.rem-check-box{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--text-secondary, #8e8e93);border-radius:6px;color:#000;font-size:14px;font-weight:700;transition:all .12s}.rem-check:hover .rem-check-box{border-color:var(--orange, #f5a623)}.rem-check--done .rem-check-box{background:#34c759;border-color:#34c759}.rem-item-body{flex:1;min-width:0}.rem-item-title{font-size:14px;font-weight:600;color:var(--text, #fff);line-height:1.4}.rem-item--done .rem-item-title{text-decoration:line-through}.rem-item-notes{font-size:13px;color:var(--text-secondary, #c7c7cc);margin-top:4px;line-height:1.5;white-space:pre-wrap}.rem-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.rem-due{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.rem-due--overdue{background:#ff6b6b2e;color:#ff6b6b}.rem-due--today{background:#f5a62333;color:#f5a623}.rem-due--soon{background:#f5a6231f;color:#f5a623}.rem-due--later{background:#8e8e9326;color:#aeaeb2}.rem-item-date{font-size:12px;color:var(--text-secondary, #8e8e93)}.rem-notified{font-size:11px;color:var(--text-secondary, #8e8e93)}.rem-del{flex-shrink:0;background:none;border:none;color:var(--text-secondary, #8e8e93);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:14px}.rem-del:hover{color:#ff6b6b;background:#ff6b6b1a}.rem-error{color:#ff6b6b;font-size:13px;padding:8px 10px;background:#ff6b6b1a;border-radius:6px}.rem-loading{display:flex;justify-content:center;padding:40px 0}.rem-spinner{width:26px;height:26px;border:2.5px solid var(--border, #3a3a3c);border-top-color:var(--orange, #f5a623);border-radius:50%;animation:rem-spin .7s linear infinite}@keyframes rem-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rem-content{padding:12px}.rem-add-row{flex-direction:column;align-items:stretch}.rem-add-row .btn{width:100%}.rem-date{width:100%;box-sizing:border-box}}.social-proof{display:flex;flex-direction:column;height:100%;overflow:hidden}.sp-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px 24px;align-items:start}.sp-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:10px}.sp-panel-title{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-feed-title,.sp-embed-title{margin-top:14px}.sp-preview-stage{background:repeating-conic-gradient(#e8e8e8,#e8e8e8 25%,#f7f7f7 0%,#f7f7f7 50%) 0 0/20px 20px,#f2f2f2;border-radius:var(--radius-sm);padding:26px 18px;display:flex;justify-content:flex-start}.sp-popup{display:flex;align-items:center;gap:12px;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.07);border-radius:14px;box-shadow:0 6px 28px #00000029,0 2px 6px #00000014;padding:13px 16px 13px 14px;max-width:360px}.sp-popup-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sp-accent, #e02b20) 10%,#fff);color:var(--sp-accent, #e02b20)}.sp-popup-avatar svg{width:22px;height:22px}.sp-popup-msg{font-size:13.5px;line-height:1.4;font-weight:500}.sp-popup-msg b{font-weight:700}.sp-popup-sub{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;color:#8a8a8a}.sp-popup-check{display:inline-flex;color:#18a558}.sp-popup-check svg{width:12px;height:12px}.sp-demo-btn{align-self:flex-start;display:flex;align-items:center;gap:7px}.sp-demo-btn svg{width:11px;height:11px}.sp-feed-count{font-size:11px;font-weight:600;color:var(--text-tertiary)}.sp-feed{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;max-height:320px;overflow-y:auto}.sp-feed-row{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;border-bottom:1px solid var(--border)}.sp-feed-row:last-child{border-bottom:none}.sp-feed-row.anon{opacity:.45}.sp-feed-avatar{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--orange-dim);color:var(--orange)}.sp-feed-avatar svg{width:14px;height:14px}.sp-feed-name{font-weight:600;color:var(--text-primary);min-width:90px}.sp-feed-loc{color:var(--text-secondary);flex:1}.sp-feed-time{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.sp-feed-note{font-size:12.5px;color:var(--text-secondary);line-height:1.55}.sp-feed-error{color:var(--danger)}.sp-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:4px;display:flex;flex-direction:column;gap:2px}.sp-label-hint{font-weight:400;color:var(--text-tertiary);font-size:11px}.sp-input{width:100%;padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.sp-input:focus{border-color:var(--orange)}.sp-textarea{resize:vertical;line-height:1.5}.sp-row{display:flex;gap:10px;flex-wrap:wrap}.sp-field{flex:1;min-width:110px;display:flex;flex-direction:column;gap:5px}.sp-color-wrap{display:flex;align-items:center;gap:8px}.sp-color{width:38px;height:34px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer}.sp-color-code{font-size:12px;color:var(--text-secondary);font-family:ui-monospace,monospace}.sp-snippet{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;overflow-x:auto}.sp-snippet code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.sp-copy-btn{align-self:flex-start;display:flex;align-items:center;gap:7px}.sp-copy-btn svg{width:13px;height:13px}.sp-howto{margin-top:6px;border-top:1px solid var(--border);padding-top:12px;font-size:12.5px;color:var(--text-secondary);line-height:1.6}.sp-howto-title{font-weight:700;color:var(--text-primary);margin-bottom:6px;font-size:12.5px}.sp-howto ol{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.sp-howto b{color:var(--text-primary);font-weight:600}.sp-howto code{font-family:ui-monospace,monospace;font-size:11.5px;background:var(--bg-input);padding:1px 5px;border-radius:4px}.sp-howto-note{color:var(--text-tertiary)}@media(max-width:900px){.sp-body{grid-template-columns:1fr;padding:12px 12px 90px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:24px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:44px 40px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-md)}.login-logo{height:44px;width:auto;margin-bottom:24px;object-fit:contain}.login-title{font-size:21px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.login-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.google-signin-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#3c4043;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:11px 28px;font-size:14px;font-weight:500;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;text-decoration:none;transition:background .12s,box-shadow .12s;box-shadow:0 1px 6px #0006}.google-signin-btn:hover{background:#f8f8f8;box-shadow:0 2px 10px #00000080}.google-signin-btn svg{width:18px;height:18px;flex-shrink:0}.login-notice{margin-top:20px;font-size:12px;color:var(--text-tertiary);line-height:1.6}.app-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app)}.app-loading-dot{width:10px;height:10px;background:var(--orange);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}