body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}.app{min-height:100vh;display:flex;flex-direction:column}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#fff;gap:20px}.loading-screen p{font-size:16px;color:#666;margin-top:16px}.desktop-window{display:flex;flex-direction:column;height:100vh;overflow:hidden}.title-bar{height:32px;background-color:#800020;-webkit-app-region:drag;display:flex;align-items:center;padding:0 16px;color:#fff;font-size:14px;font-weight:500}.title-bar-buttons{-webkit-app-region:no-drag;margin-left:auto;display:flex;gap:8px}.title-bar-button{width:12px;height:12px;border-radius:50%;cursor:pointer}.title-bar-button.close{background-color:#ff5f57}.title-bar-button.minimize{background-color:#ffbd2e}.title-bar-button.maximize{background-color:#28ca42}.main-layout{display:flex;height:calc(100vh - 32px)}.sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}.content-area{flex:1;overflow-y:auto;background-color:#f8f9fa;scrollbar-gutter:stable}.nav-menu{padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#333;text-decoration:none;transition:background-color .2s;cursor:pointer}.nav-item:hover{background-color:#f0f0f0}.nav-item.active{background-color:#800020;color:#fff;font-weight:600}.nav-icon{width:20px;height:20px;margin-right:12px}.card{background:#fff;border-radius:12px;padding:24px;margin:16px;box-shadow:0 2px 8px #0000001a}.card-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#800020;color:#fff}.btn-primary:hover:not(:disabled){background-color:#a00028}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-outline{background-color:transparent;border:2px solid #800020;color:#800020}.btn-outline:hover:not(:disabled){background-color:#800020;color:#fff}.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s}.form-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;transition:border-color .2s}.form-textarea:focus{outline:none;border-color:#800020}.error-message{color:#dc3545;font-size:14px;margin-top:8px}.success-message{color:#28a745;font-size:14px;margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:24px;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.sidebar{width:200px}.card{margin:8px;padding:16px}}:root{--app-sidebar-offset: 0px;--app-bottom-nav-height: 65px}.tab-navigator{position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid #e9ecef;display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 8px #0000001a}.tab-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;color:#666;transition:all .2s;position:relative}.tab-button:hover{background:#f8f9fa;color:#800020}.tab-button.active{color:#800020}.tab-button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:#800020;border-radius:0 0 3px 3px}.tab-label{font-size:12px;font-weight:500}.tab-logo{width:24px;height:24px;object-fit:contain}.tab-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #800020}.tab-avatar-initials{width:24px;height:24px;border-radius:50%;background:#800020;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}@media(min-width:769px){.tab-avatar,.tab-avatar-initials{width:28px;height:28px}.tab-avatar-initials{font-size:11px}}.tab-bottom-logo{display:none}.tab-task-badge{position:absolute;top:4px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#9ca3af;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}@media(min-width:769px){:root{--app-sidebar-offset: 140px;--app-bottom-nav-height: 0px}.tab-navigator{position:fixed;left:0;top:0;bottom:0;right:auto;width:140px;height:100vh;flex-direction:column;justify-content:flex-start;padding-top:12px;border-top:none;border-right:1px solid #e9ecef;box-shadow:2px 0 8px #0000000d;transition:width .2s ease;overflow:visible}.sidebar-edge-toggle{position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:28px;background:#fff;border:1px solid #d1d5db;border-left:none;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;box-shadow:2px 0 5px #00000012;transition:color .15s,background .15s;z-index:1001;padding:0;flex-shrink:0}.sidebar-edge-toggle:hover{color:#800020;background:#fdf0f3}.tab-button{flex:0;width:100%;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 16px;margin-bottom:2px;border-radius:0}.tab-button.drop-target{background:#fdf0f3;color:#800020}.tab-button.drag-highlight{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 8px;margin:6px 10px;width:calc(100% - 20px);min-height:80px;border-radius:8px;background:#fdf0f3;color:#800020;border:2px dashed #800020;font-weight:700;animation:pulse-drop 1.4s ease-in-out infinite}.tab-button.drag-dim{opacity:.3;pointer-events:none}.tab-button.drag-dim .tab-label{display:none}@keyframes pulse-drop{0%,to{background:#fdf0f3;border-color:#800020}50%{background:#f5d5dc;border-color:#5a0016}}.tab-button.active:before{top:50%;left:0;transform:translateY(-50%);width:3px;height:28px;border-radius:0 3px 3px 0}.tab-label{font-size:13px}.tab-button.tab-bottom-pinned{margin-top:auto;margin-bottom:0}.tab-button.tab-settings{margin-bottom:16px}.tab-bottom-logo{display:block;width:30px;height:30px;object-fit:contain;margin-top:auto;margin-bottom:20px}.tab-navigator.collapsed{width:80px}.tab-navigator.collapsed .tab-button{flex-direction:column;justify-content:center;gap:4px;padding:16px;margin-bottom:8px}.tab-navigator.collapsed .tab-label{font-size:12px}.tab-navigator.collapsed .workspace-switcher-button{flex-direction:column;gap:3px;padding:10px 6px;font-size:10px}.tab-navigator.collapsed .workspace-name{max-width:60px;font-size:10px}.tab-navigator.collapsed .workspace-chevron{display:none}.sidebar-brand{display:flex;justify-content:center;align-items:center;width:100%;padding:4px 12px 12px;flex-shrink:0}.sidebar-brand-logo{height:42px;object-fit:contain;opacity:.92}.workspace-switcher{width:100%;position:relative;margin-bottom:16px;padding:0 10px}.workspace-switcher-button{width:100%;display:flex;flex-direction:row;align-items:center;gap:8px;padding:9px 12px;background:#f7f7f8;border:1px solid #e2e2e6;border-radius:10px;cursor:pointer;color:#444;font-size:11px;font-weight:600;letter-spacing:.01em;transition:all .2s ease}.workspace-switcher-button:hover{background:#ededf0;border-color:#d4d4d8;color:#333}.workspace-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:left}.workspace-chevron{font-size:9px;opacity:.5;transition:transform .2s ease,opacity .2s;margin-left:auto}.workspace-switcher-button:hover .workspace-chevron{opacity:.8}.workspace-chevron.open{transform:rotate(180deg);opacity:.8}.workspace-dropdown{position:absolute;top:calc(100% + 6px);left:10px;right:10px;min-width:200px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;z-index:1001;padding:6px;white-space:nowrap}.workspace-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:8px;cursor:pointer;font-size:13px;color:#444;transition:all .15s ease;white-space:nowrap}.workspace-option:hover{background:#f5f5f7;color:#333}.workspace-option.active{background:#f0f0f2;color:#333;font-weight:600}.workspace-check{margin-left:auto;color:#800020;font-size:13px;font-weight:500}.workspace-dropdown-divider{height:1px;background:#eee;margin:4px 10px}.workspace-option-add{color:#800020;font-weight:600;font-size:12px}.workspace-option-add:hover{background:#f5f5f7}}@media(max-width:768px){.workspace-switcher,.sidebar-edge-toggle,.sidebar-brand{display:none}}.session-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.session-warning-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.session-warning-icon{color:#f59e0b;margin-bottom:16px}.session-warning-title{font-size:24px;font-weight:600;color:#111827;margin:0 0 8px}.session-warning-message{font-size:14px;color:#6b7280;margin:0 0 24px}.session-warning-countdown{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.countdown-time{font-size:48px;font-weight:700;color:#dc2626;font-variant-numeric:tabular-nums;line-height:1}.countdown-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.session-warning-actions{display:flex;gap:12px}.session-btn{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.session-btn-secondary{background:#f3f4f6;color:#374151}.session-btn-secondary:hover{background:#e5e7eb}.session-btn-primary{background:#800020;color:#fff}.session-btn-primary:hover{background:#660019}.modal-shell-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:msOverlayIn .12s ease-out}@keyframes msOverlayIn{0%{opacity:0}to{opacity:1}}.modal-shell{background:#fff;border-radius:14px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;animation:msShellIn .15s ease-out}@keyframes msShellIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-shell-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:2px solid #800020;flex-shrink:0}.modal-shell-logo{height:24px;width:auto;flex-shrink:0}.modal-shell-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:-.2px}.modal-shell-body{padding:16px 20px;overflow-y:auto}.modal-shell-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid #f0f0f0;flex-shrink:0;background:#fafafa;border-radius:0 0 14px 14px}.modal-btn-secondary{padding:9px 18px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.modal-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-btn-primary{padding:9px 18px;border-radius:8px;border:none;background:#800020;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;min-width:80px;display:flex;align-items:center;justify-content:center;font-family:inherit}.modal-btn-primary:hover:not(:disabled){background:#9a0028}.modal-btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.modal-form-group{margin-bottom:14px}.modal-form-group:last-child{margin-bottom:0}.modal-form-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.modal-form-input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;background:#fff;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.modal-form-input:focus{border-color:#800020;box-shadow:0 0 0 3px #80002014}.modal-form-input:disabled{opacity:.5;cursor:not-allowed}.modal-type-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;background:#fff;border-radius:8px;margin-bottom:5px;border:1px solid #e5e7eb;cursor:pointer;transition:all .12s;text-align:left;font-size:13px;font-weight:500;color:#374151;font-family:inherit}.modal-type-option:last-child{margin-bottom:0}.modal-type-option:hover:not(.selected):not(:disabled){border-color:#800020;color:#800020}.modal-type-option.selected{background:#800020;border-color:#800020;color:#fff}.modal-type-option:disabled{opacity:.5;cursor:not-allowed}.modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:msSpinner .6s linear infinite}@keyframes msSpinner{to{transform:rotate(360deg)}}.folder-details-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #00000040}.folder-details-modal .modal-header{position:relative;padding:10px 20px 8px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.folder-details-modal .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.folder-details-modal .close-btn:hover{background:#f0f0f0;color:#333}.folder-details-modal .folder-icon{width:28px;height:28px;background:#fff8f8;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.folder-details-modal .folder-title{font-size:15px;font-weight:600;color:#333;margin:0;word-break:break-word;padding-right:28px;flex:1;min-width:0}.folder-type-badge{display:inline-block;padding:4px 10px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#666;margin:0}.folder-details-modal .stats-row{display:flex;gap:16px;padding:8px 20px}.folder-details-modal .stat-card{display:flex;flex-direction:row;align-items:center;gap:5px;padding:0;background:none;border:none;border-radius:0;animation:none}.folder-details-modal .stat-value{font-size:13px;font-weight:600;color:#333;line-height:normal}.folder-details-modal .stat-label{font-size:12px;color:#888;margin-top:0}.section{padding:12px 20px;border-bottom:1px solid #f0f0f0}.section:last-of-type{border-bottom:none}.section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px}.section-title svg{color:#800020}.last-edit-info{background:#f8f8f8;padding:10px 12px;border-radius:6px}.last-edit-text{font-size:13px;color:#333;margin:0 0 2px}.last-edit-text strong{color:#800020}.last-edit-date{font-size:12px;color:#888;margin:0}.contributors-list{display:flex;flex-direction:column;gap:8px}.contributor-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fafafa;border-radius:6px}.contributor-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#800020,#a00030);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-transform:uppercase;flex-shrink:0}.contributor-info{flex:1;min-width:0}.contributor-name{font-size:13px;font-weight:500;color:#333;margin:0}.contributor-email{font-size:11px;color:#888;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-badge{font-size:10px;font-weight:600;color:#800020;background:#fff0f0;padding:3px 8px;border-radius:10px;text-transform:uppercase}.history-list{max-height:300px;overflow-y:auto;padding-left:12px;border-left:2px solid #eee;margin-left:8px}.history-item{display:flex;gap:12px;padding:8px 0;position:relative}.history-dot{width:10px;height:10px;background:#800020;border-radius:50%;flex-shrink:0;margin-top:4px;margin-left:-18px;border:2px solid white}.history-content{flex:1}.history-action{font-size:13px;color:#333;margin:0;line-height:1.4}.history-action strong{color:#800020}.history-note{color:#666;font-style:italic}.history-date{font-size:11px;color:#999;margin:4px 0 0}.created-info{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:11px;color:#888;background:#fafafa;border-top:1px solid #eee;border-radius:0 0 12px 12px}.created-info svg{color:#aaa}.skeleton-bone{background:#e5e7eb;border-radius:4px;display:block}.skeleton-card{pointer-events:none;cursor:default}.skeleton-card:hover{background:inherit!important}.skeleton-matter-card{width:100%;display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:8px;background:#fafafa;border:none;border-radius:8px}.skeleton-matter-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-matter-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-matter-title{width:70%;height:15px;border-radius:4px}.skeleton-matter-meta{display:flex;align-items:center;gap:12px}.skeleton-matter-type{width:80px;height:13px;border-radius:10px}.skeleton-matter-count{width:50px;height:13px}.skeleton-matter-dates{display:flex;flex-direction:column;gap:3px;margin-top:2px}.skeleton-matter-date1{width:55%;height:11px}.skeleton-matter-date2{width:45%;height:11px}.skeleton-matter-action{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-section-header{display:flex;align-items:center;margin-bottom:4px;gap:12px}.skeleton-section-title{width:120px;height:18px;border-radius:4px}.skeleton-section-line{flex:1;height:1px;background:#e9ecef}.skeleton-note-card{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-note-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-note-title{width:65%;height:14px}.skeleton-note-meta{display:flex;align-items:center;gap:12px}.skeleton-note-type{width:70px;height:12px;border-radius:10px}.skeleton-note-date{width:120px;height:12px}.skeleton-note-action{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-folder-screen{display:flex;flex-direction:column;height:100%}.skeleton-folder-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;gap:12px;flex-shrink:0}.skeleton-folder-toolbar-left{display:flex;align-items:center;gap:10px;flex:1}.skeleton-folder-toolbar-right{display:flex;align-items:center;gap:8px}.skeleton-folder-icon-btn{width:34px;height:34px;border-radius:8px;flex-shrink:0}.skeleton-folder-name-bone{width:140px;height:16px;border-radius:4px}.skeleton-folder-divider{width:1px;height:24px;background:#e5e7eb;flex-shrink:0}.skeleton-folder-search{width:180px;height:34px;border-radius:8px}.skeleton-folder-action-btn{width:110px;height:34px;border-radius:8px}.skeleton-folder-new-btn{width:100px;height:36px;border-radius:8px}.skeleton-folder-notes{flex:1;padding:16px;background:#fff;border-radius:12px;margin:8px 16px 16px;box-shadow:0 2px 8px #0000000f}.skeleton-task-group{margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.skeleton-task-header{width:40%;height:18px;margin-bottom:16px}.skeleton-task-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skeleton-task-checkbox{width:20px;height:20px;border-radius:4px;flex-shrink:0}.skeleton-task-text{flex:1;height:14px}.skeleton-profile-header{display:flex;flex-direction:column;align-items:center;padding:32px 16px;margin-bottom:16px}.skeleton-avatar{width:80px;height:80px;border-radius:40px;margin-bottom:12px}.skeleton-profile-name{width:140px;height:20px;margin-bottom:8px}.skeleton-profile-email{width:180px;height:14px;margin-bottom:6px}.skeleton-profile-role{width:120px;height:12px}.skeleton-card-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.skeleton-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.skeleton-card-icon{width:24px;height:24px;border-radius:4px}.skeleton-card-title{width:120px;height:16px}.skeleton-stats-row{display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-stat-box{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.skeleton-stat-number{width:40px;height:20px}.skeleton-stat-label{width:60px;height:12px}.skeleton-progress-bar{width:100%;height:8px;border-radius:4px;margin-bottom:8px}.skeleton-remaining{width:60%;height:12px}.skeleton-plan-badge{width:80px;height:24px;border-radius:12px;margin-bottom:12px}.skeleton-plan-desc{width:85%;height:14px;margin-bottom:8px}.skeleton-plan-desc-short{width:65%;height:14px}.skeleton-settings-header{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.skeleton-settings-avatar{width:56px;height:56px;border-radius:28px;flex-shrink:0}.skeleton-settings-info{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-settings-name{width:60%;height:18px}.skeleton-settings-email{width:45%;height:14px}.skeleton-settings-section{margin-bottom:24px}.skeleton-settings-section-title{width:30%;height:18px;margin-bottom:16px}.skeleton-setting-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0f0}.skeleton-setting-icon{width:36px;height:36px;border-radius:18px;flex-shrink:0}.skeleton-setting-labels{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-setting-label{width:60%;height:14px}.skeleton-setting-sublabel{width:40%;height:10px}.skeleton-setting-toggle{width:44px;height:24px;border-radius:12px;flex-shrink:0}.skeleton-sub-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.skeleton-sub-title{width:200px;height:24px}.skeleton-sub-subtitle{width:280px;height:14px}.skeleton-sub-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f}.skeleton-sub-card-title{width:50%;height:20px;margin-bottom:8px}.skeleton-sub-card-price{width:35%;height:28px;margin-bottom:16px}.skeleton-sub-card-feature{width:80%;height:12px;margin-bottom:8px}.skeleton-sub-card-button{width:100%;height:44px;border-radius:8px;margin-top:8px}.skeleton-member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.skeleton-member-avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0}.skeleton-member-info{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-member-name{width:50%;height:14px}.skeleton-member-email{width:35%;height:10px}.skeleton-member-role{width:60px;height:14px;border-radius:10px;flex-shrink:0}.skeleton-note-detail{display:flex;flex-direction:column;flex:1;min-height:0}.skeleton-note-detail-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.skeleton-header-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-toolbar-button{width:36px;height:36px;border-radius:8px;flex-shrink:0}.skeleton-toolbar-title{width:160px;height:16px}.skeleton-toolbar-subtitle{width:90px;height:12px}.skeleton-note-detail-body{display:flex;flex:1;overflow:hidden}.skeleton-note-sidebar{width:260px;border-right:1px solid #e5e7eb;background:#fafafa;padding:16px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.skeleton-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.skeleton-sidebar-title{width:80px;height:14px}.skeleton-sidebar-count{width:24px;height:20px;border-radius:10px}.skeleton-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px}.skeleton-sidebar-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-sidebar-item-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-sidebar-item-title{width:80%;height:13px}.skeleton-sidebar-item-meta{width:55%;height:10px}.skeleton-note-detail-editor{flex:1;padding:32px 24px;display:flex;flex-direction:column;gap:14px}.skeleton-editor-line1{width:90%;height:14px}.skeleton-editor-line2{width:75%;height:14px}.skeleton-editor-line3{width:85%;height:14px}.skeleton-editor-line4{width:60%;height:14px}.skeleton-editor-line5{width:70%;height:14px}.skeleton-editor-inline{width:100%;height:100%;display:flex;flex-direction:column;padding:20px}.skeleton-editor-toolbar-row{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.skeleton-toolbar-btn{width:28px;height:28px;border-radius:4px}.skeleton-toolbar-btn-wide{width:64px;height:28px;border-radius:4px}.skeleton-editor-lines{flex:1;display:flex;flex-direction:column;gap:14px;padding:8px 4px}.tasks-side-panel{display:flex;flex-direction:column;height:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:8px 16px 16px 0;position:relative;flex-shrink:0;overflow:hidden;transition:opacity .2s ease,margin .25s ease}.tasks-side-panel.hidden{width:0!important;overflow:hidden;opacity:0;border:none;margin:8px 0 16px;pointer-events:none}.tsp-resize-handle{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10;background:transparent}.tsp-resize-handle:hover,.tsp-resize-handle:active{background:#80002014;border-radius:4px 0 0 4px}.tsp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tsp-header-left{display:flex;align-items:baseline;gap:8px;min-width:0}.tsp-title{font-size:16px;font-weight:700;color:#111827;margin:0;white-space:nowrap}.tsp-count{font-size:12px;color:#9ca3af;font-weight:500;white-space:nowrap}.tsp-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.tsp-icon-btn{width:28px;height:28px;border-radius:6px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .15s}.tsp-icon-btn:hover{background:#f3f4f6;color:#800020}.tsp-content{flex:1;overflow-y:auto;padding:8px 0}.tsp-loading{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:#9ca3af;font-size:13px}.tsp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.tsp-empty p{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 4px}.tsp-empty span{font-size:12px;color:#9ca3af}.tsp-group{margin-bottom:2px}.tsp-group-highlight{animation:tspHighlight 1.5s ease}@keyframes tspHighlight{0%,20%{background:#fff8e1}to{background:transparent}}.tsp-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#374151;transition:background .15s;text-align:left}.tsp-group-header:hover{background:#f9fafb}.tsp-group-chevron{display:flex;align-items:center;color:#9ca3af;flex-shrink:0}.tsp-group-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tsp-group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsp-group-badge{font-size:11px;font-weight:500;color:#9ca3af;background:#f3f4f6;padding:1px 6px;border-radius:8px;flex-shrink:0}.tsp-group-add{width:22px;height:22px;border-radius:4px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s;flex-shrink:0}.tsp-group-header:hover .tsp-group-add{opacity:1}.tsp-group-add:hover{background:#f3f4f6;color:#800020}.tsp-task-list{padding:0 8px 4px 28px}.tsp-task{display:flex;align-items:flex-start;gap:6px;padding:5px 6px;border-radius:6px;transition:background .15s}.tsp-task:hover{background:#f9fafb}.tsp-task-check{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0;padding:0;margin-top:1px}.tsp-task-text{flex:1;font-size:13px;color:#374151;line-height:1.4;min-width:0;word-break:break-word}.tsp-task.completed .tsp-task-text{text-decoration:line-through;color:#9ca3af}.tsp-task-delete{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#d1d5db;flex-shrink:0;opacity:0;transition:all .15s;padding:0}.tsp-task:hover .tsp-task-delete{opacity:1}.tsp-task-delete:hover{color:#ef4444}.tsp-add-task-row{display:flex;align-items:center;gap:6px;padding:4px 0;margin-top:2px}.tsp-add-task-input{flex:1;padding:6px 8px;font-size:13px;border:1px solid #e5e7eb;border-radius:6px;outline:none;background:#fafafa;color:#333;transition:border-color .15s}.tsp-add-task-input:focus{border-color:#800020;background:#fff}.tsp-add-task-input:disabled{opacity:.5}.tsp-add-task-btn{padding:5px 10px;font-size:12px;font-weight:600;background:#800020;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.tsp-add-task-btn:hover:not(:disabled){background:#6b001a}.tsp-add-task-btn:disabled{opacity:.5;cursor:not-allowed}.tsp-footer{padding:10px 16px;border-top:1px solid #e5e7eb;flex-shrink:0}.tsp-footer-stat{font-size:11px;color:#9ca3af;font-weight:500}@media(max-width:1023px){.tasks-side-panel,.tsp-resize-handle{display:none}}.main-screen{height:100vh;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}.main-split-layout{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0;position:relative}.main-content-section{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;background:#f8f9fa}.tasks-panel-fab{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:14px;background:#800020;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #80002059;transition:all .2s ease;z-index:100}.tasks-panel-fab:hover{background:#6b001a;transform:translateY(-2px);box-shadow:0 6px 20px #80002073}.tasks-fab-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#9ca3af;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}@media(max-width:1023px){.tasks-panel-fab{display:none}.main-split-layout{flex-direction:column}}.loading-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px}.loading-text{font-size:18px;font-weight:600;color:#333;margin-top:16px;text-align:center}.loading-subtext{font-size:14px;color:#666;margin-top:8px;text-align:center}.main-screen .header{background:#800020;padding:20px 16px;position:relative}.main-screen .header-content{display:flex;align-items:center;justify-content:space-between}.main-screen .header-text{flex:1;text-align:center}.main-screen .header-logo{position:absolute;right:-7px;bottom:-16px;height:32px;width:auto;object-fit:contain}.main-screen .header-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.main-screen .header-subtitle{font-size:14px;color:#fffc;margin:0}.header-actions{display:flex;gap:8px}.header-button{background:#fff3;width:40px;height:40px;border-radius:20px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.header-button:hover{background:#ffffff4d}.add-button{background:#fff3;width:44px;height:44px;border-radius:22px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.add-button:hover{background:#ffffff4d}.matters-banner{background:#800020;padding:10px 24px 12px;text-align:center;position:relative}.matters-banner-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px;transition:opacity .5s ease}.matters-banner-title.greeting-active{opacity:1}.matters-banner-title.greeting-done{animation:greetingFadeSwap .8s ease}@keyframes greetingFadeSwap{0%{opacity:0}to{opacity:1}}.matters-banner-subtitle{font-size:13px;color:#ffffffbf;margin:0}.matters-bar-updating{color:#ffffff80}.search-container{padding:10px 16px;background:#fff;border-bottom:1px solid #e9ecef;position:relative}.search-container .action-search-container{max-width:280px}.search-bar-logo{height:32px;object-fit:contain;margin-left:auto}.search-bar-row{display:flex;align-items:center;gap:8px}.search-input-container{display:flex;align-items:center;background:#f8f9fa;border-radius:12px;padding:0 12px;border:1px solid #e9ecef;flex:1;min-width:0;transition:all .2s ease}.search-input-container:hover{background:#f3f4f6;border-color:#d1d5db}.filter-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-action-button{display:flex;align-items:center;justify-content:center;height:44px;gap:6px;padding:0 16px;background:#f3f4f6;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;color:#4b5563;transition:all .2s}.filter-action-button:hover{background:#e5e7eb}.filter-action-button.add-btn{background:#800020;border:1px solid #800020;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.search-icon{margin-right:8px;color:#666}.search-input{flex:1;padding:12px 0;font-size:16px;border:none;background:transparent;outline:none;color:#333}.search-input::placeholder{color:#999}.clear-button{background:none;border:none;padding:4px;cursor:pointer;color:#999;display:flex;align-items:center}.filter-btn,.sort-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0}.filter-btn.active{background:linear-gradient(135deg,#800020,#a00028);color:#fff;border-color:#800020;box-shadow:0 2px 8px #80002040}.active-filters{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px}.active-filters .filter-label{font-size:13px;font-weight:500;color:#374151}.clear-filters-btn{display:flex;align-items:center;justify-content:center;padding:4px 10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.filter-modal{background:#fff;border-radius:16px;padding:0;width:90%;max-width:360px;overflow:hidden}.filter-modal .modal-title{padding:20px 20px 16px;margin:0;border-bottom:1px solid #e5e7eb}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:none;border:none;border-bottom:1px solid #f0f0f0;width:100%;text-align:left;font-size:15px;font-weight:400;color:#374151;cursor:pointer;transition:background .15s}.filter-option:hover{background:#f9fafb}.filter-option.selected{background:#fdf2f4;color:#800020;font-weight:500}.search-history{background:#f8f9fa;border-radius:8px;margin-top:8px;padding:8px 0}.search-history-item{display:flex;align-items:center;padding:8px 12px;background:none;border:none;cursor:pointer;width:100%;text-align:left;color:#666;gap:8px;transition:background .2s}.search-history-item:hover{background:#e9ecef}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e9ecef}.cancel-select-button{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;background:#f8f9fa;border:none;color:#800020;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cancel-select-button:hover{background:#e9ecef}.selection-count{font-size:16px;font-weight:600;color:#333}.delete-selected-button{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;background:#fff5f5;border:none;color:#f44;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.delete-selected-button:hover{background:#ffe5e5}.matters-container{flex:1;display:flex;flex-direction:column;padding:16px 16px 120px;overflow-y:auto;background:#fff;border-radius:12px;margin:4px 16px 16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.pagination-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#666;font-size:13px}.pagination-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top:2px solid #800020;border-radius:50%;animation:spin .8s linear infinite}.matter-section{margin-bottom:24px}.matter-section .section-header{display:flex;align-items:center;margin-bottom:8px;border-bottom:none}.matter-section .section-title{font-size:18px;font-weight:600;color:#800020;margin:0;text-decoration:none;text-transform:none;border-bottom:none}.section-line{display:none}.matter-card{width:100%;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin-bottom:8px;background:#fafafa;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.matter-card:last-child{margin-bottom:0}.matter-card[draggable=true]{cursor:grab}.matter-card[draggable=true]:active{cursor:grabbing;opacity:.7}@media(hover:hover)and (pointer:fine){.matter-card{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.matter-card:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 6px 14px #11182714}}.matter-card.selected{background:#fdf8f9}.matter-card.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#800020}.matter-card.selected .checkbox-container{background:#800020}.card-icon-container{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.matter-card:hover .card-icon-container,.matter-card.selected .card-icon-container{background:#800020}.matter-card:hover .card-icon-container svg,.matter-card.selected .card-icon-container svg{color:#fff!important}.card-content{flex:1;min-width:0}.matter-title{display:block;font-size:15px;font-weight:500;color:#111827;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matter-card:hover .matter-title,.matter-card.selected .matter-title{color:#800020}.matter-metadata{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.matter-type{font-size:10px;color:#555;background:#eceff1;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.matter-type[data-type="Administrative Law"]{background:#e2ecf7;color:#2b579a}.matter-type[data-type="Commercial Law"]{background:#e0f2f1;color:#00695c}.matter-type[data-type="Criminal Law"]{background:#ede7f6;color:#5b2c8f}.matter-type[data-type="Family Law"]{background:#fff3e0;color:#e65100}.matter-type[data-type="Immigration Law"]{background:#e8f5e9;color:#2e7d32}.task-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;cursor:pointer;white-space:nowrap;margin-top:4px;transition:opacity .2s;position:relative}.task-badge:before{content:"";position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px}.task-badge:hover{opacity:.8}.card-actions-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.note-count{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px;white-space:nowrap}.date-info{display:flex;flex-direction:column;gap:2px;margin-top:4px}.date-text{font-size:11px;color:#999}.edit-button{width:26px;height:26px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;border:none;cursor:pointer;transition:all .15s ease}.matter-card:hover .edit-button,.matter-card.selected .edit-button{background:#800020;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 32px;text-align:center;color:#ccc}.matters-container .empty-state-title{font-size:20px;font-weight:600;color:#333;margin:6px 0 8px!important}.empty-state-subtitle{font-size:14px;color:#666;line-height:1.5;margin-bottom:24px}.empty-state-button{background:#800020;color:#fff;padding:12px 24px;border-radius:20px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.empty-state-button:hover{background:#a00028}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sort-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-title{font-size:20px;font-weight:700;color:#333;margin:0 0 24px;text-align:center}.section-subtitle{font-size:16px;font-weight:600;color:#333;margin:8px 0 12px}.sort-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;border:1px solid #e9ecef;cursor:pointer;transition:all .2s}.sort-option:hover{background:#e9ecef}.sort-option.selected{background:#fff5f5;border-color:#800020;color:#800020;font-weight:600}.modal-close-button{background:#800020;color:#fff;padding:12px;border-radius:8px;border:none;width:100%;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .2s}.modal-close-button:hover{background:#a00028}.add-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.form-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.form-input{width:100%;border:1px solid #e9ecef;border-radius:8px;padding:12px;font-size:16px;background:#f8f9fa;color:#333;outline:none;transition:border-color .2s}.form-input:focus{border-color:#800020;background:#fff}.custom-type-input{margin-top:8px;background:#fff;border-color:#800020}.type-option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;border:1px solid #e9ecef;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-size:15px;font-weight:500;color:#333}.type-option:hover{background:#e9ecef}.type-option.disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{padding:12px 20px;border-radius:8px;border:1px solid #e9ecef;background:#fff;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8f9fa}.btn-primary{padding:12px 20px;border-radius:8px;border:none;background:#800020;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;min-width:80px;display:flex;align-items:center;justify-content:center}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.options-modal{background:#fff;width:280px;border-radius:0;padding:0;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb}.options-modal .modal-title{display:none}.option-button{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:0;background:none;border:none;border-bottom:1px solid #f0f0f0;width:100%;text-align:left;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background .15s}.delete-option{background:transparent}.delete-option:hover{background:#fef2f2}.delete-text{color:#dc2626}@media(max-width:768px){.header-title{font-size:24px}.matters-container{margin:0 8px 8px;padding:12px}.matter-card{padding:12px}.add-modal,.sort-modal{width:95%}}@media(max-width:768px){.main-screen,.profile-screen{padding-bottom:80px}}@media(min-width:769px){.main-screen,.profile-screen{margin-left:0}}.large-modal{max-width:700px!important;max-height:85vh;overflow-y:auto}.matter-form{display:flex;flex-direction:column;gap:24px}.form-section{border-bottom:1px solid #e9ecef;padding-bottom:20px}.form-section:last-of-type{border-bottom:none}.section-title{font-size:16px;font-weight:600;color:#800020;margin:0 0 16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-textarea{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;background:#f8f9fa;color:#333;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}.form-textarea:focus{border-color:#800020;background:#fff}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}@media(max-width:768px){.form-row,.type-grid{grid-template-columns:1fr}.large-modal{max-width:95%!important}}.filter-action-button{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:4px 14px;border-radius:10px;border:1px solid #e9ecef;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;line-height:1}.filter-action-button.sort-btn{color:#666}.filter-action-button.add-btn{background:#800020;border-color:#800020;color:#fff}.filter-action-button:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.filter-action-button.sort-btn:hover{background:#e9ecef}.filter-action-button.add-btn:hover{background:#a00028}.matter-name-container{display:flex;gap:8px;align-items:center}.matter-name-container .form-input{flex:1}.generate-name-button{padding:12px 16px;border-radius:8px;border:1px solid #c7a56c;background:#fff;color:#c7a56c;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;align-self:flex-end}.generate-name-button:hover:not(:disabled){background:#c7a56c;color:#fff}.generate-name-button:disabled{opacity:.6;cursor:not-allowed}.invite-modal-overlay{z-index:2000}.invite-confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d}.invite-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fff5f5,#ffe8e8);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid #800020}.invite-modal-title{font-size:22px;font-weight:700;color:#333;margin:0 0 8px}.invite-modal-org-name{font-size:18px;font-weight:600;color:#800020;margin:0 0 24px}.invite-modal-content{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.invite-modal-message{font-size:15px;color:#333;margin:0 0 12px;line-height:1.5}.invite-modal-note{font-size:13px;color:#666;margin:0;line-height:1.5;padding:12px;background:#e3f2fd;border-radius:8px;border:1px solid rgba(2,132,199,.2)}.invite-modal-actions{display:flex;flex-direction:column;gap:12px}.invite-btn-accept{display:flex;align-items:center;justify-content:center;gap:8px;background:#800020;color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.invite-btn-accept:hover:not(:disabled){background:#6b001a;transform:translateY(-1px)}.invite-btn-accept:disabled{opacity:.7;cursor:not-allowed}.invite-btn-decline{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#666;border:1px solid #ddd;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.invite-btn-decline:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#dc2626}.invite-btn-decline:disabled{opacity:.7;cursor:not-allowed}.note-details-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;padding:0;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;overflow:hidden}.note-details-modal .modal-header{display:flex;align-items:flex-start;gap:16px;padding:24px 56px 16px 24px;border-bottom:1px solid #eee;position:relative}.note-details-modal .note-icon{width:56px;height:56px;background:linear-gradient(135deg,#f5e6e8,#fce4ec);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.note-details-modal .note-title-section{flex:1;min-width:0}.note-details-modal .note-title-section h2{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 6px;word-break:break-word}.note-details-modal .note-type-badge{display:inline-block;background:#800020;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;margin:0}.note-details-modal .close-btn{position:absolute;top:16px;right:16px;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;flex-shrink:0}.note-details-modal .close-btn:hover{background:#eee;color:#333}.note-details-modal .section{padding:20px 24px;border-bottom:1px solid #f0f0f0}.note-details-modal .section:last-of-type{border-bottom:none}.note-details-modal .section-title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#800020;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.note-details-modal .info-row{background:#f9f9f9;border-radius:10px;padding:14px 16px}.note-details-modal .info-text{margin:0 0 4px;color:#333;font-size:.9rem}.note-details-modal .info-date{margin:0;color:#666;font-size:.8rem}.note-details-modal .history-list{display:flex;flex-direction:column;gap:0;position:relative;padding-left:24px}.note-details-modal .history-list:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#e0e0e0}.note-details-modal .history-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;position:relative}.note-details-modal .history-dot{position:absolute;left:-20px;top:14px;width:10px;height:10px;background:#800020;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #f0e0e0}.note-details-modal .history-content{flex:1}.note-details-modal .history-action{margin:0 0 4px;font-size:.875rem;color:#333}.note-details-modal .history-date{margin:0;font-size:.75rem;color:#888}.note-details-modal .metadata-section{background:#fafafa}.note-details-modal .metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.note-details-modal .metadata-item{background:#fff;border-radius:8px;padding:12px;border:1px solid #eee}.note-details-modal .metadata-label{display:block;font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.note-details-modal .metadata-value{display:block;font-size:.9rem;font-weight:500;color:#333}.note-details-modal .close-button{width:calc(100% - 48px);margin:16px 24px 24px;padding:14px;background:#800020;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.note-details-modal .close-button:hover{background:#600018}.folder-chat-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:8px 16px 16px 0;overflow:hidden;transition:opacity .2s ease,margin .25s ease;position:relative}.fcp-resize-handle{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10;background:transparent}.fcp-resize-handle:hover,.fcp-resize-handle:active{background:#80002014;border-radius:4px 0 0 4px}@media(max-width:1023px){.fcp-resize-handle{display:none}}.folder-chat-panel.hidden{width:0;opacity:0;border:none;margin:8px 0 16px;pointer-events:none}.folder-chat-panel.mobile-drawer{position:fixed;top:0;right:0;bottom:80px;width:92vw;max-width:400px;z-index:500;box-shadow:-8px 0 32px #0000002e;transform:translate(0);transition:transform .3s ease;border-radius:0;border:none;border-top:3px solid #800020;margin:0}.folder-chat-panel.mobile-drawer.hidden{transform:translate(110%);width:92vw;opacity:1;border:none;margin:0;pointer-events:none}.folder-chat-backdrop{display:none}@media(max-width:1023px){.folder-chat-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:499;animation:backdropIn .2s ease}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.fcp-header{background:#fff;padding:0 12px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #e9ecef;min-height:57px}.fcp-header-row{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.fcp-header-row .fcp-context-chip{flex:0 0 auto;min-width:0;max-width:160px;margin-left:auto}.fcp-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#111827;letter-spacing:.01em;flex-shrink:0}.fcp-title-icon{color:#c7a56c;flex-shrink:0}.fcp-header-actions{display:flex;align-items:center;gap:4px}.fcp-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.fcp-icon-btn:hover{background:#80002014;color:#800020}.fcp-context-chip{display:flex;align-items:center;gap:5px;padding:3px 4px;background:none;border:none;color:#800020;font-size:11px;font-weight:600;max-width:160px;overflow:hidden;flex-shrink:1;min-width:0}.fcp-context-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcp-messages{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.fcp-messages::-webkit-scrollbar{width:4px}.fcp-messages::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.fcp-loading-older{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;color:#9ca3af;font-size:12px}.fcp-message{display:flex;flex-direction:column;max-width:88%}.fcp-message.user{align-self:flex-end;align-items:flex-end}.fcp-message.assistant{align-self:flex-start;align-items:flex-start}.fcp-bubble{padding:10px 13px;font-size:13px;line-height:1.55;word-break:break-word}.fcp-message.user .fcp-bubble{background:#800020;color:#fff;border-radius:16px 16px 4px}.fcp-message.assistant .fcp-bubble{background:#f3f4f6;color:#111827;border-radius:16px 16px 16px 4px;border:1px solid #e5e7eb}.fcp-bubble code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:monospace;font-size:12px}.fcp-message.user .fcp-bubble code{background:#fff3}.fcp-bubble .reference-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#80002012;border:1px solid rgba(128,0,32,.15);border-radius:12px;color:#800020;text-decoration:none;font-size:11px;font-weight:500;transition:background .15s}.fcp-bubble .reference-chip:hover{background:#80002021}.fcp-bubble .reference-chip-icon{width:12px;height:12px;object-fit:contain;border-radius:2px}.fcp-bubble .reference-chips-inline{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.fcp-streaming-cursor{display:inline-block;width:2px;height:14px;background:#800020;margin-left:2px;vertical-align:middle;animation:fcpBlink .9s step-end infinite}@keyframes fcpBlink{0%,to{opacity:1}50%{opacity:0}}.fcp-thinking{display:flex;align-items:center;gap:3px;padding:10px 13px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px 16px 16px 4px;width:fit-content}.fcp-thinking span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:fcpDot 1.2s ease-in-out infinite}.fcp-thinking span:nth-child(2){animation-delay:.2s}.fcp-thinking span:nth-child(3){animation-delay:.4s}@keyframes fcpDot{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.fcp-searching{display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af;padding:2px 4px}.fcp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;gap:12px}.fcp-empty-icon{color:#c7a56c;opacity:.8}.fcp-empty-title{font-size:14px;font-weight:600;color:#111827;margin:0;line-height:1.4}.fcp-empty-title strong{color:#800020}.fcp-empty-desc{font-size:12px;color:#6b7280;margin:0}.fcp-suggestions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.fcp-suggestion-chip{width:100%;padding:9px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:12px;color:#374151;cursor:pointer;text-align:left;transition:all .15s;line-height:1.4}.fcp-suggestion-chip:hover{background:#fdf0f3;border-color:#80002040;color:#800020}.fcp-loading-history{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-size:13px}.fcp-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#800020;border-radius:50%;animation:fcpSpin .8s linear infinite}@keyframes fcpSpin{to{transform:rotate(360deg)}}.fcp-error-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fef2f2;border-top:1px solid #fecaca;font-size:12px;color:#dc2626;flex-shrink:0}.fcp-error-dismiss{background:none;border:none;color:#dc2626;cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0}.fcp-input-area{border-top:1px solid #e5e7eb;padding:10px 12px;background:#fff;flex-shrink:0}.fcp-input-row{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:8px 8px 8px 12px;transition:border-color .2s}.fcp-input-row:focus-within{border-color:#d1d5db;background:#fff}.fcp-textarea{flex:1;border:none;background:transparent;outline:none;resize:none;font-size:13px;color:#111827;line-height:1.5;min-height:20px;max-height:90px;overflow-y:auto;font-family:inherit}.fcp-textarea::placeholder{color:#9ca3af}.fcp-send-btn{width:30px;height:30px;border-radius:50%;border:none;background:#800020;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.fcp-send-btn:hover:not(:disabled){background:#a00028;transform:scale(1.05)}.fcp-send-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.fcp-disclaimer{margin-top:6px;font-size:10px;color:#9ca3af;text-align:center;line-height:1.4}.fcp-collapse-handle{position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:14px;height:32px;background:#fff;border:1px solid #e5e7eb;border-right:none;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;box-shadow:-2px 0 5px #0000000f;transition:color .15s,background .15s;z-index:10;padding:0}.fcp-collapse-handle:hover{color:#800020;background:#fdf0f3}@media(max-width:1023px){.fcp-collapse-handle{display:none}}.fcp-icon-btn.active{background:#8000201a;color:#800020}.fcp-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.fcp-history-list::-webkit-scrollbar{width:4px}.fcp-history-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.fcp-history-search{padding:8px 12px;position:relative;display:flex;align-items:center}.fcp-history-search-icon{position:absolute;left:20px;color:#9ca3af;pointer-events:none}.fcp-history-search-input{width:100%;padding:6px 24px 6px 28px;border:1px solid #e5e7eb;border-radius:5px;font-size:11px;color:#374151;background:#f9fafb;outline:none;transition:border-color .15s}.fcp-history-search-input:focus{border-color:#800020;background:#fff}.fcp-history-search-input::placeholder{color:#9ca3af}.fcp-history-search-clear{position:absolute;right:18px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.fcp-history-search-clear:hover{color:#374151}.fcp-history-count{padding:2px 14px 4px;font-size:10px;color:#9ca3af;font-weight:500}.fcp-history-load-more{display:block;width:100%;padding:8px;border:none;background:none;color:#800020;font-size:11px;font-weight:500;cursor:pointer;text-align:center}.fcp-history-load-more:hover{background:#f9fafb}.fcp-history-back{display:flex;align-items:center;gap:6px;padding:10px 14px;border:none;border-bottom:1px solid #e5e7eb;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#800020;font-family:inherit;flex-shrink:0;transition:background .12s}.fcp-history-back:hover{background:#fdf0f3}.fcp-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 16px;text-align:center;color:#9ca3af}.fcp-history-empty p{font-size:13px;margin:8px 0 0}.fcp-history-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid #f3f4f6;border-left:3px solid transparent;text-align:left;cursor:pointer;transition:background .12s ease;font-family:inherit}.fcp-history-item:hover{background:#f9fafb}.fcp-history-item.active{background:#8000200d;border-left-color:#800020}.fcp-history-item-icon{flex-shrink:0;margin-top:2px;color:#9ca3af}.fcp-history-item.active .fcp-history-item-icon{color:#800020}.fcp-history-item-content{flex:1;min-width:0;display:flex;flex-direction:column}.fcp-history-title{font-size:13px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcp-history-meta{font-size:11px;color:#9ca3af;margin-top:2px}.fcp-history-delete{display:none;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer;color:#d1d5db;flex-shrink:0;padding:0;transition:color .12s}.fcp-history-item:hover .fcp-history-delete{display:flex}.fcp-history-delete:hover{color:#ef4444}.fcp-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.fcp-locked-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;max-width:280px}.fcp-locked-content h3{margin:14px 0 6px;font-size:16px;font-weight:600;color:#1a1a2e}.fcp-locked-content p{margin:0 0 20px;font-size:13px;color:#666;line-height:1.4}.fcp-upgrade-btn{background:#800020;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.fcp-upgrade-btn:hover{background:#660019}.generate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.generate-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideIn .2s ease}.generate-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.generate-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.generate-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.generate-modal-close:hover{background:#f3f4f6;color:#111827}.generate-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.generate-option-btn{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s;width:100%}.generate-option-btn:hover{border-color:#800020;background:#80002008}.generate-option-btn svg{flex-shrink:0;margin-top:2px}.generate-option-text{display:flex;flex-direction:column;gap:4px}.generate-option-title{font-size:14px;font-weight:600;color:#111827}.generate-option-desc{font-size:12px;color:#6b7280;line-height:1.4}.generate-cancel-btn{width:100%;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;margin-top:4px;transition:all .2s}.generate-cancel-btn:hover{background:#f9fafb;color:#111827}.note-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.note-selection-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.note-selection-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.note-selection-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.note-selection-subtitle{margin:0;font-size:13px;color:#6b7280}.note-selection-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.note-selection-close:hover{background:#f3f4f6;color:#111827}.note-selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.select-all-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;color:#374151;transition:all .2s}.select-all-btn:hover{background:#e5e7eb}.selection-count{font-size:13px;color:#6b7280}.note-selection-list{flex:1;overflow-y:auto;padding:12px;min-height:200px;max-height:400px}.no-notes-message{display:flex;align-items:center;justify-content:center;height:150px;color:#6b7280;font-size:14px}.note-selection-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:8px}.note-selection-item:last-child{margin-bottom:0}.note-selection-item:hover{border-color:#d1d5db;background:#f9fafb}.note-selection-item.selected{border-color:#800020;background:#80002008}.note-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.note-info{flex:1;min-width:0}.note-title{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-meta{display:flex;align-items:center;gap:10px}.note-type{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;text-transform:capitalize}.note-date{font-size:12px;color:#9ca3af}.note-selection-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.note-selection-cancel{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s}.note-selection-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.note-selection-confirm{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#800020;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all .2s}.note-selection-confirm:hover:not(:disabled){background:#600018}.note-selection-confirm:disabled{background:#d1d5db;cursor:not-allowed}.followup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:followupFadeIn .2s ease}@keyframes followupFadeIn{0%{opacity:0}to{opacity:1}}.followup-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000059;animation:followupSlideIn .3s ease;overflow:hidden}@keyframes followupSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.followup-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.followup-modal-title-section{display:flex;align-items:center;gap:14px}.followup-modal-title-section h3{margin:0;font-size:18px;font-weight:600;color:#111827}.followup-modal-subtitle{margin:2px 0 0;font-size:13px;color:#6b7280}.followup-modal-close{background:none;border:none;cursor:pointer;padding:8px;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.followup-modal-close:hover{background:#f3f4f6;color:#111827}.followup-modal-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;min-height:0}.followup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.followup-spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top-color:#800020;border-radius:50%;animation:followupSpin .8s linear infinite}@keyframes followupSpin{to{transform:rotate(360deg)}}.followup-loading p{margin:0;font-size:16px;font-weight:500;color:#111827}.followup-loading-hint{font-size:13px;color:#9ca3af}.followup-toolbar{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.followup-toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#374151;transition:all .2s}.followup-toolbar-btn:hover{background:#f3f4f6;border-color:#d1d5db}.followup-toolbar-btn.active{background:#fef2f2;border-color:#800020;color:#800020}.followup-content-wrapper{flex:1;padding:0 20px 20px;min-height:350px;overflow:visible}.followup-editor{width:100%;height:100%;min-height:300px;padding:16px;border:1px solid #e5e7eb;border-radius:10px;font-family:Georgia,serif;font-size:14px;line-height:1.7;color:#1f2937;resize:none;outline:none;transition:border-color .2s}.followup-editor:focus{border-color:#800020;box-shadow:0 0 0 3px #8000201a}.followup-preview{font-family:Georgia,serif;font-size:14px;line-height:1.8;color:#1f2937;padding:20px;background:#fafafa;border-radius:10px;border:1px solid #e5e7eb}.followup-preview p{margin:0 0 12px}.followup-preview p:last-child{margin-bottom:0}.followup-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.followup-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.followup-action-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.followup-action-btn.secondary:hover{background:#f3f4f6;border-color:#d1d5db}.followup-action-btn.primary{background:#800020;border:none;color:#fff}.followup-action-btn.primary:hover{background:#660019}.followup-action-btn.pdf{background:#991b1b;border:none;color:#fff}.followup-action-btn.pdf:hover{background:#7f1d1d}.followup-action-btn.word{background:#1e40af;border:none;color:#fff}.followup-action-btn.word:hover{background:#1e3a8a}.followup-action-btn.send{background:#1e40af;border:none;color:#fff;flex:1}.followup-action-btn.send:hover{background:#1e3a8a}.followup-action-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.followup-action-btn.cancel:hover{background:#f9fafb;border-color:#d1d5db}.followup-view-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:3px;margin:16px 20px 12px}.followup-view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:5px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:transparent;color:#6b7280}.followup-view-btn:hover{color:#374151}.followup-view-btn.active{background:#fff;color:#800020;box-shadow:0 1px 3px #0000001a}.followup-view-btn.active:last-child{color:#1e40af}.followup-recipient-info{padding:10px 20px;background:#f8f9fa;border-radius:6px;margin:0 20px 12px}.followup-recipient-label{font-size:14px;font-weight:500;color:#111827}.followup-recipient-email{font-size:13px;color:#6b7280;margin-top:2px}.followup-disclaimer{font-size:13px;color:#6b7280;font-style:italic;margin:0 20px 12px;padding:0}.followup-form-label{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:8px}.followup-email-form{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.followup-form-group{display:flex;flex-direction:column}.followup-form-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.followup-form-input:focus{border-color:#800020;box-shadow:0 0 0 3px #8000201a}.followup-email-body{width:100%;min-height:150px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.6;font-family:inherit;outline:none;resize:vertical;transition:border-color .2s}.followup-email-body:focus{border-color:#800020;box-shadow:0 0 0 3px #8000201a}@media(max-width:768px){.followup-modal{max-width:95%;max-height:95vh;margin:10px}.followup-modal-footer{flex-wrap:wrap}.followup-action-btn{flex:1;justify-content:center;min-width:140px}}.folder-screen{height:100vh;background:#f8f9fa;display:flex;flex-direction:column;overflow:hidden}.folder-split-layout{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.folder-notes-section{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;background:#f8f9fa}.folder-chat-fab{position:fixed;bottom:calc(40px + var(--app-bottom-nav-height, 0px));right:40px;display:flex;align-items:center;gap:6px;padding:10px 16px;background:#800020;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #80002059;z-index:90;transition:all .2s}.folder-chat-fab:hover{background:#a00028;transform:translateY(-2px);box-shadow:0 6px 20px #80002073}.folder-header{background:#800020;padding:20px 16px;position:relative}.folder-header-content{display:flex;justify-content:center}.folder-name-row{display:flex;align-items:center;gap:10px}.folder-header-text{min-width:0}.folder-name{font-size:24px;font-weight:700;color:#fff;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-type{font-size:14px;color:#fffc;margin:0}.folder-stats{display:none}.folder-details-btn{background:#fff3;width:44px;height:44px;border-radius:22px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.folder-details-btn:hover{background:#ffffff4d}.note-count-large{font-size:18px;font-weight:700;color:#fff}.note-label{font-size:12px;color:#fffc}.tab-content{flex:1;overflow-y:auto;background:#f8f9fa}.action-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e9ecef;gap:8px}.action-bar-left-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.action-bar-right-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.folder-bar-identity{display:flex;align-items:center;gap:7px;flex-shrink:0}.folder-bar-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.folder-bar-divider{width:1px;height:20px;background:#e9ecef;flex-shrink:0}.action-search-container{position:relative;display:flex;align-items:center;flex:1;min-width:0;max-width:280px;height:36px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:0 10px 0 36px;transition:border-color .2s}.action-search-container:focus-within{border-color:#d1d5db}.action-search-container .search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none}.action-search-container .search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#111827;height:100%;padding:0}.action-search-container .clear-search-btn{position:static;background:none;border:none;padding:2px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;border-radius:4px}.action-search-container .clear-search-btn:hover{color:#374151}.icon-only-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:20px}.action-btn-collapse{overflow:hidden}.action-btn-collapse .btn-label{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;margin-left:0;transition:max-width .2s ease,opacity .15s ease,margin-left .2s ease}.action-btn-collapse:hover .btn-label{max-width:140px;opacity:1;margin-left:6px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid #800020;background:#fff;color:#800020;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:#f8f9fa}.action-btn.active{background:#800020;color:#fff}.action-btn.select-all-btn{margin-left:8px}.new-note-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:36px;border-radius:20px;border:none;background:#800020;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;flex-shrink:0}.new-note-btn:hover{background:#a00028}.notes-container{flex:1;display:flex;flex-direction:column;padding:16px 16px 120px;overflow-y:auto;background:#fff;border-radius:12px;margin:8px 16px 16px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.note-card{width:100%;display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:8px;background:#fafafa;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.note-card:last-child{margin-bottom:0}@media(hover:hover)and (pointer:fine){.note-card{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.note-card:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 6px 14px #11182714}}.note-card.selected{background:#fdf8f9}.note-card.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#800020}.checkbox-container{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.note-card.selected .checkbox-container{background:#800020}.note-content{flex:1;min-width:0}.note-title{display:block;font-size:14px;font-weight:500;color:#111827;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card:hover .note-title,.note-card.selected .note-title{color:#800020}.note-metadata-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-type-badge{font-size:11px;color:#555;background:#eceff1;padding:3px 8px;border-radius:4px;font-weight:500}.note-type-badge[data-type="Phone Call"]{background:#e2ecf7;color:#2b579a}.note-type-badge[data-type=Email]{background:#e0f2f1;color:#00695c}.note-type-badge[data-type="Court Attendance"]{background:#ede7f6;color:#5b2c8f}.note-type-badge[data-type="File Review"]{background:#fff3e0;color:#e65100}.note-type-badge[data-type="In-Person Meeting"]{background:#e8f5e9;color:#2e7d32}.note-type-badge[data-type=Other]{background:#eceff1;color:#546e6f}.note-date{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px}.note-actions{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.note-card:hover .note-actions,.note-card.selected .note-actions{background:#800020;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;padding:60px 32px;text-align:center;color:#ccc}.empty-state h3{font-size:18px;font-weight:600;color:#333;margin:16px 0 8px}.empty-state p{font-size:14px;color:#666;line-height:1.5}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center}.bottom-actions{position:fixed;bottom:0;left:var(--sidebar-width, 0px);right:0;background:#fff;padding:10px 20px 14px;z-index:100;box-shadow:0 -8px 24px #0f172a14;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-info{display:flex;align-items:center;gap:10px;flex-shrink:0}.selection-badge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#8000201a;color:#800020;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.selection-count{font-size:14px;color:#111827;font-weight:600}.action-icons{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:1}.action-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;cursor:pointer;border-radius:20px;transition:all .15s ease;position:relative;font-size:13px;font-weight:600;white-space:nowrap}.action-icon:hover{background:#f3f4f6;border-color:#d1d5db}.action-icon.pdf{color:#dc143c;background:#dc143c12;border-color:#dc143c33}.action-icon.pdf:hover{background:#dc143c21}.action-icon.word{color:#2b579a;background:#2b579a12;border-color:#2b579a38}.action-icon.word:hover{background:#2b579a21}.action-icon.word.disabled{opacity:.5;cursor:not-allowed}.action-icon.delete{color:#ef4444;background:#ef444412;border-color:#ef444438}.action-icon.delete:hover{background:#ef444421}.action-icon span{font-size:13px;font-weight:600}.lock-badge{position:absolute;top:-7px;right:-7px;background:#800020;color:#fff;border-radius:999px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;padding:0;width:90%;max-width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f;border:1px solid #e5e7eb}.modal-content.context-menu{width:280px;max-width:280px;border-radius:0;padding:0;box-shadow:0 4px 16px #0000001f;border:1px solid #e5e7eb}.modal-content.context-menu .modal-title{display:none}.modal-title{font-size:16px;font-weight:600;color:#111827;margin:0;padding:16px 20px;border-bottom:1px solid #e5e7eb;text-align:left}.type-options-container{padding:12px 16px}.type-option{width:100%;padding:12px 14px;background:#f9fafb;border-radius:8px;margin-bottom:6px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s;text-align:left;font-size:14px;font-weight:500;color:#374151}.type-option:last-child{margin-bottom:0}.type-option:hover{background:#f3f4f6;border-color:#d1d5db}.type-option.selected{background:#800020;border-color:#800020;color:#fff}.option-button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:0;background:none;border:none;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background .15s}.option-button:hover{background:#f5f5f5}.option-button span{flex:1}.option-button svg{width:20px;height:20px;flex-shrink:0}.option-button.disabled{opacity:.5;cursor:not-allowed}.option-button.disabled:hover{background:none}.modal-cancel{width:100%;padding:14px 18px;background:#f9fafb;border:none;border-top:1px solid #e5e7eb;color:#666;font-size:14px;font-weight:500;cursor:pointer;text-align:center;transition:background .15s}.modal-cancel:hover{background:#f0f0f0}.form-input-container{padding:16px}.form-input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;background:#f9fafb;color:#374151;outline:none;transition:all .2s}.form-input:focus{border-color:#800020;background:#fff;box-shadow:0 0 0 3px #8000201a}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb}.btn-secondary{padding:10px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.btn-primary{padding:10px 16px;border-radius:8px;border:none;background:#800020;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#a00028}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}@media(max-width:768px){.folder-header{padding:14px 12px}.folder-name{font-size:19px}.folder-type{font-size:12px}.action-bar{padding:8px 10px;gap:6px}.action-search-container{max-width:180px}.action-bar-right-group{gap:6px}.smart-summary-btn,.generate-btn{padding:0 10px}.new-note-btn{padding:0 10px;font-size:13px}.notes-container{margin:8px;padding:12px 12px 100px}.note-card{padding:12px}.modal-content{width:95%}.bottom-actions{padding-bottom:79px}}@media(max-width:480px){.smart-summary-btn{display:none}.action-search-container{max-width:140px}.new-note-btn span{display:none}.new-note-btn{width:36px;padding:0;justify-content:center}}.smart-summary-btn{display:flex;align-items:center;gap:0;padding:0 12px;height:36px;border-radius:20px;border:1px solid #c7a56c;background:#fff;color:#c7a56c;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;position:relative;overflow:hidden;margin-left:0;flex-shrink:0}.smart-summary-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(199,165,108,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s}.smart-summary-btn:hover:not(:disabled):before{opacity:1}.smart-summary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c7a56c4d;background:#fafafa}.smart-summary-btn:active{transform:translateY(0)}.smart-summary-btn:disabled{background:#f5f5f5;color:#ccc;border-color:#ddd;cursor:not-allowed;box-shadow:none}.smart-summary-btn:disabled:hover{transform:none;background:#f5f5f5}.header-summary-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;padding:6px 12px;font-size:12px}.header-summary-btn:hover:not(:disabled){background:#ffffff40;box-shadow:0 4px 12px #0003}.header-summary-btn:disabled{background:#ffffff1a;border-color:#fff3;color:#ffffff80}.summary-modal-content{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f;overflow:hidden}.summary-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.summary-icon{color:#800020}.summary-title{font-size:18px;font-weight:600;margin:0;color:#111827}.summary-subtitle{font-size:13px;margin:2px 0 0;color:#6b7280}.close-button{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.close-button:hover{background:#e5e7eb;color:#374151}.summary-metadata{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;color:#6b7280}.summary-content{flex:1;overflow-y:auto;padding:24px;background:#fff}.summary-section-header{font-size:15px;font-weight:600;color:#800020;margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.summary-section-header:first-child{margin-top:0}.summary-bold{font-weight:600;color:#111827;margin:8px 0}.summary-text{line-height:1.6;color:#374151;margin:8px 0;font-size:14px}.summary-list-item{line-height:1.6;color:#374151;margin:4px 0;padding-left:8px;font-size:14px}.summary-actions{display:flex;gap:10px;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.summary-export-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;flex:1;justify-content:center;background:#fff;color:#374151}.summary-export-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.summary-export-btn.pdf{background:#fff;color:#374151;border:1px solid #e5e7eb}.summary-export-btn.pdf svg{color:#dc2626}.summary-export-btn.pdf:hover:not(:disabled){background:#f3f4f6}.summary-export-btn.word{background:#fff;color:#374151;border:1px solid #e5e7eb}.summary-export-btn.word svg{color:#2563eb}.summary-export-btn.word:hover:not(:disabled){background:#f3f4f6}.summary-export-btn.disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.7}.summary-export-btn:disabled{opacity:.6;cursor:not-allowed}.summary-close-btn{padding:10px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.summary-close-btn:hover{background:#f3f4f6}.summary-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px 24px}.summary-error p{margin:0;color:#dc2626;font-size:13px}@media(max-width:768px){.summary-modal-content{width:95%;max-height:90vh}.summary-header{padding:14px 16px}.summary-title{font-size:16px}.summary-content{padding:16px}.summary-actions{flex-direction:column;padding:12px 16px}.summary-export-btn{width:100%}}.generate-summary-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,gold,orange,gold);border:none;border-radius:8px;color:#333;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffd70066;position:relative;overflow:hidden}.generate-summary-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.generate-summary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70099}.generate-summary-btn:disabled{opacity:.6;cursor:not-allowed}.generate-summary-btn .diamond-icon{width:28px;height:28px;background:linear-gradient(135deg,#fff8dc,gold);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003}.generate-summary-btn .diamond-icon svg{transform:rotate(-45deg);color:#8b4513}.generate-summary-btn .lock-badge{position:static;margin-left:4px;background:none;padding:0;color:#999}.summary-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,gold,orange);border-bottom:1px solid #e0e0e0}.summary-header-left{display:flex;align-items:center;gap:12px}.summary-header-left h3{margin:0;font-size:20px;color:#333;font-weight:700}.summary-modal-header .close-btn{background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.summary-modal-header .close-btn:hover{background:#ffffff80}.summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.summary-loading .spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.summary-loading p{margin:0;font-size:16px;color:#333;font-weight:500}.summary-loading .loading-subtext{font-size:14px;color:#666;font-weight:400}.summary-title-input{padding:16px 24px;border-bottom:1px solid #eee}.summary-title-input label{display:block;font-size:12px;color:#666;margin-bottom:6px;font-weight:500}.summary-title-input input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.summary-title-input input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.summary-content-area{flex:1;overflow-y:auto;padding:24px;background:#fafafa;min-height:200px;max-height:400px}.summary-text{font-family:Times New Roman,serif;font-size:14px;line-height:1.7;color:#333}.summary-text h1,.summary-text h2,.summary-text h3{color:#800020;margin-top:16px;margin-bottom:8px}.summary-text p{margin-bottom:12px}.summary-text ul,.summary-text ol{padding-left:24px;margin-bottom:12px}.summary-text li{margin-bottom:6px}.summary-usage-info{padding:12px 24px;background:#f5f5f5;border-top:1px solid #eee;font-size:12px;color:#666;display:flex;gap:8px;flex-wrap:wrap}.summary-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #eee;background:#fff;flex-wrap:wrap}.summary-action-btn{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.summary-action-btn.save{background:linear-gradient(135deg,gold,orange);color:#333}.summary-action-btn.save:hover:not(:disabled){box-shadow:0 4px 12px #ffd70066;transform:translateY(-1px)}.summary-action-btn.pdf{background:#dc143c;color:#fff}.summary-action-btn.pdf:hover:not(:disabled){background:#b01030}.summary-action-btn.word{background:#2b579a;color:#fff}.summary-action-btn.word:hover:not(:disabled){background:#1e3f6f}.summary-action-btn.word.disabled{background:#ccc;color:#666;cursor:not-allowed}.summary-action-btn:disabled{opacity:.6;cursor:not-allowed}.summary-action-btn .lock-small{font-size:12px;margin-left:4px}.note-type-badge.summary-badge{background:linear-gradient(135deg,gold,orange);color:#333;font-weight:600}.search-filter-bar{display:flex;align-items:flex-start;gap:12px;margin:16px 16px 20px}.search-input-container{flex:1;position:relative;display:flex;align-items:center;height:44px}.search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none;z-index:1}.search-input{width:100%;height:100%;padding:0 40px 0 44px;border:none;border-radius:10px;font-size:14px;color:#111827;background:#f8f9fa}.search-input:focus{outline:none}.search-input::placeholder{color:#9ca3af}.clear-search-btn{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#e5e7eb;color:#6b7280;cursor:pointer}.clear-search-btn:hover{background:#d1d5db;color:#374151}.filter-sort-buttons{display:flex;align-items:center;gap:8px;height:44px}.filter-btn,.sort-btn{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;height:36px;gap:6px;padding:0;background:#f3f4f6;border:none;border-radius:20px;font-size:13px;font-weight:500;color:#4b5563;cursor:pointer;white-space:nowrap}.filter-btn:hover,.sort-btn:hover{background:#e5e7eb}.filter-btn.active{background:linear-gradient(135deg,#800020,#a00028);color:#fff;box-shadow:0 2px 8px #80002040}.filter-btn.active:hover{background:linear-gradient(135deg,#6b001a,#900020)}.filter-btn svg,.sort-btn svg{flex-shrink:0}.action-bar-left-group .sort-btn,.action-bar-left-group .filter-btn{flex:0 0 36px;width:36px;min-width:36px;padding:0;border-radius:20px}.active-filters{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#fef2f4;border-radius:10px;font-size:13px;color:#6b7280;margin:0 16px 16px}.filter-label{font-weight:500;color:#374151}.clear-filters-btn{display:flex;align-items:center;justify-content:center;padding:4px 10px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.clear-filters-btn:hover{background:#fff;border-color:#800020;color:#800020}.filter-modal-overlay,.sort-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.filter-modal,.sort-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-modal-header,.sort-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.filter-modal-header h3,.sort-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-options,.sort-options{padding:12px;max-height:400px;overflow-y:auto}.filter-option,.sort-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:10px;font-size:14px;color:#374151;cursor:pointer;transition:all .15s ease;text-align:left}.filter-option:hover,.sort-option:hover{background:#f9fafb}.filter-option.active,.sort-option.active{background:#fdf2f4;color:#800020;font-weight:500}.filter-option .check-icon,.sort-option .check-icon{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.filter-option.active .check-icon,.sort-option.active .check-icon{background:#800020;border-color:#800020;color:#fff}.filter-option .check-icon svg,.sort-option .check-icon svg{font-size:12px}.filter-section-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px 8px;margin:0}@media(max-width:600px){.search-filter-bar{flex-direction:column;gap:8px}.search-input-container{width:100%}.filter-sort-buttons{width:100%;display:flex;gap:8px}.filter-btn,.sort-btn{flex:0 0 36px;justify-content:center;padding:0}.active-filters{flex-wrap:wrap;justify-content:center}}@media(max-width:600px){.generate-summary-btn{padding:8px 12px;font-size:13px}.generate-summary-btn span:not(.lock-badge){display:none}.generate-summary-btn .diamond-icon{width:24px;height:24px}.summary-modal{width:95%;max-height:90vh}.summary-actions{flex-direction:column}.summary-action-btn{min-width:100%}}.folder-name-container{display:flex;align-items:center;gap:8px}.client-details-btn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 6px;background:transparent;border:1px solid rgba(128,0,32,.3);border-radius:8px;color:#800020;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.client-details-btn:hover{color:#800020;border-color:#800020}.client-details-button{background:#fff3;width:32px;height:32px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.client-details-button:hover{background:#ffffff4d}.client-details-button .tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none}.generate-btn{display:flex;align-items:center;gap:0;padding:0 12px;height:36px;border-radius:20px;border:2px solid #c7a56c;background:#fff;color:#c7a56c;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;flex-shrink:0}.generate-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 6px 20px #c7a56c4d}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn .lock-badge{position:static;margin-left:4px;background:none;padding:0;color:#999}.client-details-modal{max-width:420px;position:relative}.client-details-modal .modal-header{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-bottom:1px solid #e5e7eb}.client-details-modal .modal-header .modal-title{border-bottom:none;padding:0;font-size:16px}.client-details-modal .close-btn{position:absolute;top:8px;right:8px;background:#f3f4f6;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;z-index:1}.client-details-modal .close-btn:hover{background:#e5e7eb;color:#374151}.client-details-form{padding:16px}.client-details-form .form-group{margin-bottom:12px}.client-details-form .form-group:last-child{margin-bottom:0}.client-details-form label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.client-details-form .form-input{padding:8px 10px;font-size:14px}.client-details-form .form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.client-details-form .form-row{display:flex;gap:10px;margin-bottom:12px}.client-details-form .form-row:last-child{margin-bottom:0}.client-details-form .form-row .form-group{flex:1;margin-bottom:0}.client-details-modal .modal-actions{padding:10px 16px}.client-details-modal .modal-actions .btn-primary,.client-details-modal .modal-actions .btn-secondary{padding:8px 16px;font-size:14px}.filter-option.selected,.sort-option.selected{background:#fdf2f4;color:#800020;font-weight:500}.folder-header-right{display:flex;align-items:center;gap:16px}.action-bar-spacer{flex:1}.action-bar-left{display:flex;align-items:center;gap:8px}.new-file-note-screen{height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.controls-panel{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.panel-divider{height:1px;background:#e5e7eb;margin:22px 0}.panel-section-title{font-size:11px;font-weight:600;color:#111827;margin:0 0 12px;text-transform:uppercase;letter-spacing:.03em}.controls-breadcrumb{display:flex;align-items:center;justify-content:center;gap:0}.breadcrumb-back-btn{background:transparent;border:none;padding:0;margin:0 10px 0 0;min-width:0;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:color .2s ease;flex-shrink:0;line-height:0;position:relative;z-index:1}.breadcrumb-back-btn:hover{color:#111827}.breadcrumb-text{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;margin-left:-26px;pointer-events:none}.breadcrumb-matter{font-size:15px;color:#800020;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{font-size:14px;color:#d1d5db;line-height:1;flex-shrink:0}.breadcrumb-current{font-size:15px;color:#111827;font-weight:600;line-height:1;flex-shrink:0}.new-note-content{flex:1;display:grid;grid-template-columns:280px 1fr;gap:16px;padding:8px 16px 0;max-width:1800px;margin:0 auto;width:100%;box-sizing:border-box}.editor-column{display:flex;flex-direction:column;gap:16px;min-width:0;max-height:calc(100vh - 24px);overflow:hidden}.controls-column{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 8px);overflow-y:auto;scrollbar-width:none}.controls-column::-webkit-scrollbar{display:none}.last-note-title{font-size:13px;color:#374151;font-weight:500;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-note-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca3af}.last-note-type{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-weight:500;color:#6b7280}.last-note-date{color:#9ca3af}.subscription-card{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:box-shadow .2s ease}.subscription-card:hover{box-shadow:0 4px 12px #00000014}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;background:transparent!important}.plan-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.plan-text{margin:0}.upgrade-btn{background:linear-gradient(135deg,#800020,#a00028);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{background:linear-gradient(135deg,#600018,#800020);transform:translateY(-1px);box-shadow:0 4px 12px #8000204d}.usage-section{margin-top:2px}.usage-title{font-size:9px;font-weight:600;color:#111827;margin:2px 0 0;text-transform:uppercase;letter-spacing:.03em}.usage-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:6px}.usage-progress{height:100%;border-radius:3px;transition:width .5s ease;background:linear-gradient(90deg,#800020,#a00028)}.usage-text{font-size:10px!important;color:#800020;margin:0;font-weight:400}.limit-reached-text{font-size:12px;color:#dc2626;font-weight:500;margin:10px 0 0;padding:10px 14px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.loading-text{font-size:13px;color:#6b7280;margin:0 0 0 8px;font-weight:400}.details-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:box-shadow .2s ease}.details-card:hover{box-shadow:0 4px 12px #00000014}.card-title{font-size:11px;font-weight:600;color:#111827;margin:0 0 16px;text-transform:uppercase;letter-spacing:.03em}.input-container{margin-bottom:16px}.input-label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.title-input{width:100%;border:none;border-radius:0;padding:8px 0;font-size:14px;background:transparent;transition:all .2s ease;box-sizing:border-box;color:#111827}.title-input:focus{outline:none;background:transparent}.title-input:disabled{opacity:.5;cursor:not-allowed}.note-metadata{display:flex;flex-direction:column;gap:8px}.metadata-item{display:flex;align-items:center;gap:10px;color:#374151;font-size:13px;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:background .2s ease}.metadata-item:hover{background:#f3f4f6}.metadata-item svg{color:#6b7280}.metadata-text{margin:0;font-weight:400}.recording-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;text-align:center;transition:box-shadow .2s ease}.recording-section .card-title{margin-bottom:0}.recording-section:hover{box-shadow:0 4px 12px #00000014}.recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timer-text{font-size:24px;font-weight:300;color:#111827;font-family:SF Mono,Monaco,monospace;letter-spacing:-.02em}.recording-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.record-button{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;transition:transform .3s ease}.record-button:hover:not(:disabled){transform:scale(1.05)}.record-button:disabled{opacity:.6;cursor:not-allowed}.record-button-inner{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#ff6b6b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px #dc354566;transition:all .3s ease;position:relative}.record-button-inner:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(220,53,69,.3);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.record-button:hover .record-button-inner{box-shadow:0 12px 32px #dc354580}.record-button-inner.disabled{background:linear-gradient(135deg,#6c757d,#adb5bd);box-shadow:0 4px 12px #00000026}.record-button-inner.disabled:before{display:none}.record-button-text{font-size:13px;color:#555;font-weight:500;text-align:center;max-width:200px;line-height:1.4}.active-recording-controls{display:flex;gap:20px;align-items:center;justify-content:center}.control-button{width:56px;height:56px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative}.control-button:hover:not(:disabled){transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button:disabled{opacity:.4;cursor:not-allowed}.discard-button{border:2px solid #9ca3af;color:#6b7280}.discard-button:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef444414}.pause-button{border:2px solid #374151;color:#374151}.pause-button:hover:not(:disabled){border-color:#111827;color:#111827;background:#1118270f}.stop-button{border:2px solid #ef4444;color:#ef4444}.stop-button:hover:not(:disabled){background:#ef4444;color:#fff}.recording-indicator{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,#fff5f5,#ffe0e0);border-radius:24px;margin-top:8px;border:1px solid rgba(220,53,69,.2)}.recording-dot{width:12px;height:12px;border-radius:50%;background:#dc3545;animation:pulse-recording 1.2s ease-in-out infinite}.recording-dot.paused{background:#ffc107;animation:none}@keyframes pulse-recording{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}.recording-status{font-size:13px;color:#c82333;font-weight:600;letter-spacing:.3px}.status-card{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:box-shadow .2s ease}.status-card:hover{box-shadow:0 4px 12px #00000014}.status-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.status-item{display:flex;align-items:center;gap:8px}.status-label{font-size:12px;color:#6b7280;margin:0;font-weight:400}.processing-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.processing-text{font-size:14px;color:#800020;font-weight:600;margin:0}.action-section{position:fixed;bottom:18px;right:32px;z-index:100;margin-top:0}.action-button{width:64px;height:64px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;gap:0;font-size:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #80002066;overflow:hidden}.action-button svg{font-size:26px;flex-shrink:0}.action-button .action-button-text{width:0;opacity:0;white-space:nowrap;transition:all .3s ease;font-size:15px}.action-button:hover:not(:disabled){width:auto;padding:0 24px;border-radius:32px;gap:10px;transform:translateY(-4px);box-shadow:0 12px 32px #80002080}.action-button:hover:not(:disabled) .action-button-text{width:auto;opacity:1}.action-button.saving{width:auto;padding:0 24px;border-radius:32px;gap:10px}.action-button.saving .action-button-text{width:auto;opacity:1}.save-button{background:linear-gradient(135deg,#800020,#a00028);color:#fff;border:none}.save-button:disabled{background:linear-gradient(135deg,#6c757d,#adb5bd);opacity:.7;cursor:not-allowed;box-shadow:0 4px 12px #00000026}@media(max-width:640px){.action-section{bottom:24px;right:24px}.action-button{width:56px;height:56px}.action-button svg{font-size:22px}}.save-button{background:linear-gradient(135deg,#800020,#a00028);color:#fff;box-shadow:0 4px 16px #8000204d}.save-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #80002066}.save-button:disabled{background:linear-gradient(135deg,#6c757d,#adb5bd);opacity:.7;cursor:not-allowed;box-shadow:none}.action-button-text{margin:0;letter-spacing:.3px}.editor-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s ease}.editor-card:hover{box-shadow:0 8px 32px #0000001a}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fafafa;border-bottom:1px solid #eee}.controls-column{padding-top:1px}.editor-status{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;background:#b8860b;transition:background .3s ease}.status-dot.ready{background:#28a745;box-shadow:0 0 8px #28a74580}.status-dot.loading{animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.editor-container{flex:1;background:#fff;min-height:0}.editor-iframe{width:100%;height:100%;min-height:0;border:none}.pending-recording-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:16px;padding:16px 20px;border:1px solid rgba(255,152,0,.3);box-shadow:0 2px 12px #ff980026}.pending-recording-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pending-recording-title{font-size:15px;font-weight:700;color:#e65100;margin:0}.pending-recording-text{font-size:13px;color:#bf360c;line-height:1.5;margin:0}.retry-text{font-size:12px;color:#e65100;font-weight:600;margin:8px 0 0}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0003}.modal-content{padding:28px}.modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.modal-title{font-size:22px;font-weight:700;color:#333;text-align:center;margin:0}.modal-description{font-size:15px;color:#666;text-align:center;line-height:1.6;margin:0 0 24px}.upgrade-features{margin-bottom:28px}.upgrade-features-title{font-size:15px;font-weight:700;color:#333;margin:0 0 16px}.feature-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;background:#f8fff8;border-radius:10px}.feature-text{font-size:14px;color:#333;margin:0}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.modal-button.primary{background:linear-gradient(135deg,#800020,#a00028);color:#fff;box-shadow:0 4px 12px #8000204d}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #80002066}.modal-button.secondary{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.modal-button.secondary:hover{background:#eee}.instructions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:instructionsFadeIn .2s ease}@keyframes instructionsFadeIn{0%{opacity:0}to{opacity:1}}.instructions-modal{background:#fff;border-radius:16px;width:90%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:instructionsSlideIn .25s ease;overflow:hidden;padding:0}@keyframes instructionsSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.instructions-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;margin:0}.instructions-title{font-size:18px;font-weight:600;color:#111827;margin:0}.instructions-close-btn{background:none;border:none;cursor:pointer;padding:6px;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.instructions-close-btn:hover{background:#f3f4f6;color:#111827}.instructions-body{padding:20px 24px}.instructions-steps{display:flex;flex-direction:column;gap:0}.instruction-step{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #f3f4f6}.instruction-step:last-child{border-bottom:none}.step-number{width:28px;height:28px;border-radius:50%;background:#800020;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.step-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-top:3px}.step-label{font-size:14px;font-weight:600;color:#111827}.step-desc{font-size:13px;color:#6b7280;line-height:1.4}.instructions-tip{font-size:13px;color:#6b7280;margin:16px 0 0;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;line-height:1.4}.instructions-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.instructions-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.instructions-btn.primary{background:#800020;color:#fff;border:none}.instructions-btn.primary:hover{background:#600018}.instructions-btn.secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.instructions-btn.secondary:hover{background:#f3f4f6;border-color:#d1d5db}.fullscreen-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.loader-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.loader-text{font-size:20px;font-weight:700;margin:24px 0 0}.loader-subtext{font-size:15px;color:#ffffffb3;margin:10px 0 0}.streaming-preview{margin-top:20px;padding:16px;background:#ffffff1a;border-radius:8px;max-width:500px;max-height:150px;overflow:hidden}.streaming-preview-text{font-size:13px;color:#ffffffe6;line-height:1.5;margin:0;font-family:Times New Roman,Georgia,serif;white-space:pre-wrap;word-break:break-word}@media(max-width:1024px){.new-note-content{grid-template-columns:1fr;padding:16px}.controls-column{display:flex;flex-direction:column;padding-bottom:100px;gap:16px;height:fit-content;max-height:none;overflow-y:visible}.recording-footer{position:fixed;top:auto;bottom:20px;left:50%;transform:translate(-50%);z-index:100}.editor-card,.editor-container,.editor-iframe{min-height:0}}@media(max-width:640px){.new-note-content{padding:12px;gap:12px}.modal-content{max-width:95%;border-radius:16px}.modal-actions{flex-direction:column}.record-button-inner{width:70px;height:70px}}.template-selector-button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;margin-top:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.template-selector-button:hover:not(.disabled){background:#f3f4f6;border-color:#800020;box-shadow:0 0 0 3px #80002014}.template-selector-button.disabled{opacity:.5;cursor:not-allowed}.template-selector-text{flex:1;display:flex;flex-direction:column;align-items:flex-start}.template-selector-label{font-size:11px;color:#6b7280;margin-bottom:2px;text-transform:uppercase;letter-spacing:.03em}.template-selector-value{font-size:14px;font-weight:500;color:#800020}.template-selector-arrow{font-size:18px;color:#9ca3af}.template-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:800px;width:90%;max-height:85vh;overflow-y:auto}.template-modal-header{text-align:left;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.template-modal-title{font-size:24px;font-weight:600;color:#111827;margin:0}.template-modal-subtitle{font-size:14px;color:#6b7280;margin-top:8px}.template-options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.template-option{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;height:100%}.template-option:hover:not(.locked){border-color:#800020;box-shadow:0 4px 12px #8000201a}.template-option.selected{border-color:#800020;border-width:2px;background:#fdf8f9}.template-option.locked{opacity:.6;cursor:not-allowed}.template-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.template-option-name{font-size:17px;font-weight:600;color:#1a1a1a}.template-option-name.selected{color:#800020}.template-option-name.locked{color:#999}.template-option-description{font-size:13px;color:#666;line-height:1.4;margin:0 0 12px}.template-option-description.locked{color:#999}.template-locked-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#666;background:#e5e7eb;padding:4px 8px;border-radius:6px}.template-gold-badge{font-size:10px;font-weight:700;color:#d97706;background:#fef3c7;padding:4px 8px;border-radius:6px}.template-premium-badge{font-size:10px;font-weight:700;color:#800020;background:#fdf2f4;padding:4px 8px;border-radius:6px}.template-selected-indicator{position:absolute;top:16px;right:16px}.template-preview{background:#fff;border-radius:8px;padding:12px;border:1px solid #e5e7eb}.template-preview.locked{opacity:.5}.preview-section{margin-bottom:8px}.preview-label{font-size:9px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:4px;display:block}.preview-label.burgundy-text{color:#800020;font-weight:700}.preview-label.orange-text{color:#d97706;font-weight:700}.preview-line{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:4px}.preview-bullet{display:flex;align-items:center;gap:6px;margin-bottom:4px}.preview-dot{width:4px;height:4px;border-radius:2px;background:#999;flex-shrink:0}.preview-dot.burgundy{background:#800020}.preview-dot.orange{background:#d97706}.template-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.template-modal-close-button{padding:12px 24px;background:#800020;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-modal-close-button:hover{background:#600018}.template-modal-cancel-button{padding:12px 24px;background:transparent;color:#6b7280;font-size:14px;font-weight:500;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-modal-cancel-button:hover{background:#f3f4f6;border-color:#d1d5db}.recording-footer{position:fixed;bottom:20px;left:130px;width:600px;background:transparent;border-top:none;padding:16px 0;z-index:100;box-shadow:none}.recording-footer-content{display:flex;align-items:center;gap:16px}.footer-record-button{width:70px;height:70px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.footer-record-button:hover:not(:disabled):not(.recording){transform:scale(1.05)}.footer-record-button:disabled{cursor:not-allowed}.footer-record-btn-inner{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#dc3545,#ff6b6b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #dc354566;transition:all .2s ease;position:relative}.footer-record-btn-inner:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(220,53,69,.3);animation:footer-pulse-ring 2s ease-out infinite}@keyframes footer-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.footer-record-btn-inner.disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);box-shadow:0 2px 8px #0000001a}.footer-record-btn-inner.disabled:before{display:none}.footer-record-btn-inner.recording{animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 4px 16px #dc354566}50%{box-shadow:0 4px 24px #dc354599}}.footer-timer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border-radius:24px;border:none}.footer-timer-icon{color:#dc3545;animation:timer-blink 1s ease-in-out infinite}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}.footer-timer-text{font-size:16px;font-weight:600;color:#dc3545;font-family:SF Mono,Monaco,monospace;min-width:50px}.footer-waveform{flex:1;max-width:400px;padding:0 20px}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:40px}.waveform-bar{width:3px;background:linear-gradient(180deg,#dc3545,#ff6b6b);border-radius:2px;min-height:8px}.waveform-bar.paused{height:8px!important;background:#9ca3af}.footer-recording-controls{display:flex;align-items:center;gap:12px}.footer-control-btn{width:44px;height:44px;border-radius:50%;border:2px solid;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.footer-control-btn:hover:not(:disabled){transform:scale(1.1)}.footer-control-btn:disabled{opacity:.5;cursor:not-allowed}.footer-control-btn.discard{border-color:#9ca3af;color:#6b7280}.footer-control-btn.discard:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#ef444414}.footer-control-btn.pause{border-color:#374151;color:#374151}.footer-control-btn.pause:hover:not(:disabled){border-color:#111827;color:#111827;background:#1118270f}.footer-control-btn.stop{border-color:#dc3545;color:#dc3545}.footer-control-btn.stop:hover:not(:disabled){background:#dc3545;color:#fff}@media(max-width:768px){.recording-footer{padding:12px 16px}.recording-footer-content{gap:12px}.footer-record-button,.footer-record-btn-inner{width:48px;height:48px}.footer-waveform{display:none}.footer-control-btn{width:40px;height:40px}}.recording-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recording-error-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:errorModalSlideIn .3s ease-out}@keyframes errorModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.recording-error-icon{font-size:48px;margin-bottom:16px}.recording-error-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 12px}.recording-error-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.recording-error-suggestion-box{background:#f3f4f6;border-radius:8px;padding:12px 16px;margin-bottom:16px}.recording-error-suggestion{font-size:13px;color:#374151;margin:0;font-weight:500}.recording-error-retry-info{font-size:12px;color:#9ca3af;margin:0 0 16px}.recording-error-buttons{display:flex;gap:12px;justify-content:center}.recording-error-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.recording-error-btn.secondary{border:1px solid #d1d5db;background:#fff;color:#374151}.recording-error-btn.secondary:hover{background:#f3f4f6}.recording-error-btn.primary{border:none;background:#1a4d3e;color:#fff}.recording-error-btn.primary:hover{background:#153d31}.recording-error-btn.primary.network{background:#10b981}.recording-error-btn.primary.network:hover{background:#059669}.recording-error-max-retries{font-size:13px;color:#dc2626;margin:16px 0 0;font-weight:500}.note-detail-screen{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.loading-screen,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center}.error-state h2{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.sidebar-breadcrumb{display:flex;align-items:center;gap:8px;padding:0 4px}.notes-sidebar .back-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.notes-sidebar .back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.breadcrumb-text{flex:1;min-width:0}.breadcrumb-matter{font-size:14px;font-weight:600;color:#800020;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.notes-sidebar .edit-toggle-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notes-sidebar .edit-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.editor-disclaimer-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.editor-disclaimer{font-size:13px;color:#6b7280;font-style:italic;margin:0}.editor-disclaimer-logo{height:20px;width:auto}.note-detail-content{flex:1;display:grid;grid-template-columns:280px 1fr;gap:8px;padding:12px 32px;max-width:1800px;margin:0 auto;width:100%;box-sizing:border-box}.notes-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:8px;height:fit-content;max-height:calc(100vh - 100px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.sidebar-title{font-size:11px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.notes-count{font-size:11px;font-weight:600;color:#800020;background:#fdf2f4;padding:2px 8px;border-radius:10px}.notes-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;overflow:hidden;max-height:calc(100vh - 320px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.notes-list::-webkit-scrollbar{width:4px}.notes-list::-webkit-scrollbar-track{background:transparent}.notes-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.note-list-item{width:100%;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.note-list-item:last-child{border-bottom:none}.note-list-item:hover{background:#f9fafb}.note-list-item.active{background:#fdf8f9}.note-list-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#800020}.note-item-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.note-list-item.active .note-item-icon{background:#800020;color:#fff}.note-item-content{flex:1;min-width:0}.note-item-title{display:block;font-size:13px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-item.active .note-item-title{color:#800020}.note-item-meta{display:flex;align-items:center;gap:8px}.note-item-type{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.note-item-date{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px}.note-item-indicator{width:6px;height:6px;border-radius:50%;background:#800020;flex-shrink:0;margin-top:4px}.no-notes-message{padding:32px 16px;text-align:center}.no-notes-message p{font-size:13px;color:#9ca3af;margin:0}.sidebar-controls{display:flex;flex-direction:column;gap:8px}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.toggle-btn.active{background:#111827;color:#fff;border-color:#111827}.toggle-btn.active:hover{background:#1f2937}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#800020,#a00028);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #80002040}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #80002059}.save-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;transform:none;box-shadow:none}.unsaved-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fef3c7;border-radius:8px;border:1px solid #fcd34d}.unsaved-indicator span{font-size:12px;color:#92400e;font-weight:500}.autosave-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.autosave-label{font-size:12px;font-weight:600;color:#555;white-space:nowrap}.autosave-toggle input{display:none}.autosave-slider{width:36px;height:20px;background:#ccc;border-radius:10px;position:relative;transition:background .2s}.autosave-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.autosave-toggle input:checked+.autosave-slider{background:#4caf50}.autosave-toggle input:checked+.autosave-slider:after{transform:translate(16px)}.lock-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fee2e2;border-radius:8px;border:1px solid #fca5a5}.lock-indicator span{font-size:12px;color:#991b1b;font-weight:500}.lock-indicator svg{color:#dc2626}.toggle-btn.locked{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.toggle-btn.locked:hover{background:#f3f4f6}.editor-column{display:flex;flex-direction:column;min-width:0}.editor-offline-state{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:700px;color:#999}.editor-offline-state h3{font-size:18px;font-weight:600;color:#666;margin:16px 0 8px}.editor-offline-state p{font-size:14px;color:#999}.editor-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:700px;border:1px solid rgba(0,0,0,.06)}.editor-container{flex:1;background:#fff;min-height:650px;position:relative}.editor-skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:#fff}.editor-iframe{width:100%;height:100%;min-height:650px;border:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.btn-primary{padding:12px 24px;background:#800020;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#a00028}@media(max-width:1024px){.note-detail-content{grid-template-columns:1fr;padding:16px}.notes-sidebar{position:static;max-height:none}.notes-list{max-height:250px}.editor-card{min-height:500px}.editor-container,.editor-iframe{min-height:450px}}@media(max-width:640px){.note-detail-content{padding:12px;gap:12px}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:#fff;border-radius:12px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 8px 30px #00000026}.confirm-modal-title{font-size:17px;font-weight:600;color:#111827;margin:0 0 8px}.confirm-modal-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-modal-btn{padding:9px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.confirm-modal-btn.secondary{background:#f3f4f6;color:#374151}.confirm-modal-btn.secondary:hover{background:#e5e7eb}.confirm-modal-btn.primary{background:#800020;color:#fff}.confirm-modal-btn.primary:hover{background:#6b001a}.confirm-modal-btn.primary.danger{background:#dc2626}.confirm-modal-btn.primary.danger:hover{background:#b91c1c}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.signup-screen{min-height:100vh;background:#f8f9fa;position:relative;overflow-x:hidden}.background-logo{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;opacity:.06;z-index:0;pointer-events:none}.background-logo img{width:100%;height:100%;object-fit:contain}.signup-header{background:transparent;padding:15px 15px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.accent-diamond{position:absolute;top:15%;left:8%;width:50px;height:50px;border:1.5px solid rgba(128,0,32,.15);transform:rotate(45deg);z-index:0;pointer-events:none;animation:float1 10s ease-in-out infinite}.accent-circle{position:absolute;bottom:10%;right:10%;width:60px;height:60px;border:1.5px solid rgba(128,0,32,.15);border-radius:50%;z-index:0;pointer-events:none;animation:float2 8s ease-in-out infinite}.accent-rectangle{position:absolute;top:30%;right:20%;width:35px;height:55px;border:1.5px solid rgba(128,0,32,.12);z-index:0;pointer-events:none;animation:float3 6s ease-in-out infinite}@keyframes float1{0%,to{transform:rotate(45deg) translateY(0)}25%{transform:rotate(50deg) translateY(-8px)}50%{transform:rotate(45deg) translateY(-12px)}75%{transform:rotate(40deg) translateY(-8px)}}@keyframes float2{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(10px)}}@keyframes float3{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(-5px) translateY(-5px)}66%{transform:translate(5px) translateY(5px)}}.back-btn{width:40px;height:40px;border-radius:20px;background:#8000201a;border:1px solid rgba(128,0,32,.3);display:flex;align-items:center;justify-content:center;color:#800020;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.back-btn:hover{background:#80002033}.header-content{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.header-content svg{margin-bottom:8px;color:#800020}.header-title{font-size:24px;font-weight:400;color:#1a1a1a;margin:0 0 4px;font-family:Playfair Display,Georgia,serif}.header-subtitle{font-size:14px;color:#800020;margin:0;font-weight:400}.header-spacer{width:40px}.signup-content{max-width:600px;margin:0 auto;padding:-5px 24px 40px;position:relative;z-index:1}.welcome-section{text-align:center;margin-bottom:30px}.welcome-section:after{content:"";display:block;width:50px;height:1px;background:#c7a56c;margin:20px auto 0}.welcome-title{font-size:26px;font-weight:400;color:#1a1a1a;margin:0 0 8px;font-family:Playfair Display,Georgia,serif}.welcome-subtitle{font-size:15px;color:#666;margin:0;font-weight:300}.signup-form{display:flex;flex-direction:column;gap:16px}.name-row{display:flex;gap:16px}.input-container{display:flex;align-items:center;background:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:0 16px;min-height:56px;transition:all .3s ease;position:relative}.input-container:focus-within{border-color:#c7a56c;box-shadow:0 0 0 3px #c7a56c26}.input-container.half{flex:1}.signup-form .form-input{flex:1;border:none;outline:none;font-size:16px;color:#333;background:transparent;padding:0;margin:0;line-height:normal;height:auto;border-radius:0;box-shadow:none}.signup-form .form-input::placeholder{color:#999}.signup-form .form-input:focus{border:none;outline:none;box-shadow:none}.signup-form .form-input:disabled{opacity:.6;cursor:not-allowed}.password-help{padding:8px;margin-left:8px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;transition:color .2s}.password-help:hover{color:#800020}.password-toggle{padding:8px;margin-left:8px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;transition:color .2s}.password-toggle:hover{color:#800020}.password-requirements{background:#fee;border-radius:12px;padding:16px;border-left:4px solid #dc3545;margin-top:-8px}.requirements-title{font-size:14px;font-weight:600;color:#dc3545;margin:0 0 8px}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.requirements-list li{font-size:12px;color:#666;line-height:1.4}.requirements-list li.optional{color:#999;font-style:italic}.button-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.signup-form .button-section .primary-btn{background:#800020;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 6px #80002033;transition:background .2s,transform .2s;width:70%;align-self:center}.secondary-btn{background:#fff;color:#666;border:1px solid #e1e5e9;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #0000000d;transition:background .2s}.secondary-btn:hover:not(:disabled){background:#f8f9fa}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #800020;border-radius:50%;animation:spin 1s linear infinite}.privacy-agreement{margin-top:-10px;padding:0 16px}.terms-checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:12px;color:#666;line-height:1.5}.terms-checkbox{width:16px;height:16px;margin-top:2px;accent-color:#800020;cursor:pointer;flex-shrink:0}.privacy-agreement p{font-size:12px;color:#666;line-height:1.5;margin:0}.privacy-agreement a,.terms-link{color:#800020;font-weight:600;text-decoration:underline;background:none;border:none;padding:0;font-size:inherit;cursor:pointer;display:inline}.privacy-agreement a:hover,.terms-link:hover{color:#a00028}.link-sent-container{display:flex;flex-direction:column;align-items:center;padding:0}.link-sent-icon-container{width:60px;height:60px;border-radius:50%;background:#c7a56c1a;border:1px solid rgba(199,165,108,.3);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.link-sent-title{font-size:20px;font-weight:400;color:#1a1a1a;margin:0 0 8px;font-family:Playfair Display,Georgia,serif}.link-sent-text{font-size:14px;color:#666;margin:0 0 2px;text-align:center}.link-sent-email{font-size:15px;font-weight:600;color:#800020;margin:0 0 10px;text-align:center}.link-sent-instructions{font-size:13px;color:#888;text-align:center;line-height:1.4;margin-bottom:16px;padding:0 20px}.outline-btn{background:#fff;color:#800020;border:2px solid #800020;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:background .2s}.outline-btn:hover:not(:disabled){background:#8000200d}.outline-btn:disabled,.outline-btn.disabled{opacity:.6;cursor:not-allowed}.change-email-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:12px 0;text-decoration:underline;text-align:center;width:100%}.change-email-btn:hover:not(:disabled){color:#333}.change-email-btn:disabled{opacity:.6;cursor:not-allowed}.code-input-container{width:100%;max-width:280px;margin-bottom:24px}.code-input{width:100%;height:60px;border:2px solid #e1e5e9;border-radius:12px;font-size:32px;font-weight:700;text-align:center;letter-spacing:12px;color:#333;background:#f9f9f9;outline:none;transition:border-color .2s}.code-input:focus{border-color:#c7a56c;background:#fff;box-shadow:0 0 0 3px #c7a56c26}.code-input::placeholder{color:#ccc;letter-spacing:12px}.code-input:disabled{opacity:.6;cursor:not-allowed}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000004d;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.modal-header h3{font-size:18px;font-weight:700;color:#333;margin:0}.modal-close{background:#f8f9fa;border:none;width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#666;cursor:pointer;transition:background .2s}.modal-close:hover{background:#e9ecef}.modal-body{padding:16px 20px}.modal-body p{font-size:16px;color:#333;font-weight:500;margin:0 0 16px}.modal-btn{background:#800020;color:#fff;border:none;width:100%;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.modal-btn:hover{background:#a00028}@media(max-width:768px){.signup-content{padding:20px 16px}.name-row{flex-direction:column;gap:16px}.input-container.half{width:100%}.welcome-title{font-size:20px}.header-title{font-size:22px}}.profile-screen{min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#fff);display:flex;flex-direction:column}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.profile-loading p{font-size:14px;color:#6b7280;margin:0}.profile-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #800020;border-radius:50%;animation:spin 1s linear infinite}.profile-hero{position:relative;padding:32px 32px 24px;background:#fff;border-bottom:1px solid #e5e7eb;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;height:100px;background:#fff;pointer-events:none}.hero-content{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.hero-avatar-section{display:flex;align-items:center;gap:20px}.hero-avatar{position:relative;width:72px;height:72px}.avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,#800020,#a00028,#800020);animation:ringPulse 3s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.avatar-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:linear-gradient(135deg,#800020,#a00028);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;letter-spacing:.5px;z-index:1}.hero-avatar{cursor:pointer}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:12px;font-weight:600}.hero-avatar:hover .avatar-edit-overlay{opacity:1}.avatar-spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}.remove-photo-badge{position:absolute;top:0;right:0;width:20px;height:20px;border-radius:50%;background:#800020;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:3;padding:0;transition:background .15s,transform .15s}.remove-photo-badge:hover{background:#a00028;transform:scale(1.1)}.remove-photo-confirm-modal{background:#fff;border-radius:16px;padding:28px;width:360px;max-width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}.remove-photo-confirm-modal h2{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.remove-photo-confirm-modal p{font-size:14px;color:#6b7280;margin:0 0 24px}.avatar-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;background:#10b981;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.hero-info{display:flex;flex-direction:column;gap:4px}.hero-name{font-size:24px;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.hero-email{font-size:14px;color:#6b7280;margin:0}.hero-position-text{display:inline-block;font-size:12px;color:#800020;font-weight:500;margin-top:2px}.hero-org-text{display:inline-flex;align-items:center;font-size:12px;color:#6b7280;font-weight:500;margin-top:2px}.hero-actions{display:flex;gap:12px}.hero-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.hero-action-btn.secondary{background:#f3f4f6;color:#374151}.hero-action-btn.secondary:hover{background:#e5e7eb}.hero-action-btn.primary{background:#111827;color:#fff;box-shadow:0 2px 8px #11182740}.hero-action-btn.primary:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182759}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:20px 32px;background:#fff;border-bottom:1px solid #e5e7eb}.stat-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;position:relative;animation:statFadeIn .4s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--delay) * .1s);transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes statFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{border-color:#80002033;box-shadow:0 4px 12px #0000000d}.stat-icon{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#800020;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:16px;font-weight:700;color:#111827}.stat-label{font-size:12px;color:#6b7280}.stat-warning{position:absolute;top:10px;right:10px;color:#f59e0b;animation:pulse 2s ease-in-out infinite}.profile-tabs{display:flex;gap:4px;padding:0 32px;background:#fff;border-bottom:1px solid #e5e7eb}.profile-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.profile-tab:hover{color:#374151}.profile-tab.active{color:#800020;border-bottom-color:#800020}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#800020,transparent);opacity:.3}.profile-content{flex:1;padding:24px 32px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.overview-card:hover{box-shadow:0 8px 24px #0000000f}.overview-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.overview-card .card-header h3{font-size:14px;font-weight:600;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.03em}.header-icon{color:#f59e0b}.card-link-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:13px;color:#800020;font-weight:500;cursor:pointer;transition:all .2s ease}.card-link-btn:hover{gap:8px}.card-loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner-small{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #800020;border-radius:50%;animation:spin 1s linear infinite}.usage-overview-card{grid-column:1;overflow:visible}.usage-visual{display:flex;align-items:center;gap:32px;margin-top:8px}.usage-circle-container{position:relative;width:120px;height:120px;flex-shrink:0;overflow:visible}.usage-circle{width:120px;height:120px;transform:rotate(-90deg);transform-origin:center center;display:block}.usage-circle-bg{fill:none;stroke:#f3f4f6;stroke-width:8}.usage-circle-progress{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.usage-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.usage-number{display:block;font-size:28px;font-weight:700;color:#111827;line-height:1}.usage-total{display:block;font-size:13px;color:#6b7280;margin-top:4px}.usage-details{flex:1;display:flex;flex-direction:column;gap:12px}.usage-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.usage-detail-label{font-size:13px;color:#6b7280}.usage-detail-value{font-size:14px;font-weight:600;color:#111827}.insights-overview-card{grid-column:2}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:10px;font-size:14px;color:#374151;transition:all .2s ease}.insight-item:hover{background:#f3f4f6}.insight-item svg{color:#800020;flex-shrink:0}.insight-item strong{color:#111827;font-weight:600}.insight-item.warning{background:linear-gradient(135deg,#fef3c7,#fef9e7);color:#92400e}.insight-item.warning svg{color:#f59e0b}.insight-item.muted{color:#9ca3af}.insight-item.muted svg{color:#d1d5db}.activity-overview-card{grid-column:1 / -1}.quick-activity-list{display:flex;flex-direction:column;gap:4px}.quick-activity-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease;animation:itemSlideIn .3s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--delay) * .08s)}@keyframes itemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.quick-activity-item:hover{background:#f9fafb}.activity-item-icon{width:36px;height:36px;background:#80002014;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#800020;flex-shrink:0}.activity-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.activity-item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item-meta{font-size:12px;color:#6b7280}.activity-item-time{font-size:12px;color:#9ca3af;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#9ca3af}.empty-state svg{opacity:.5;margin-bottom:12px}.empty-state p{font-size:14px;margin:0}.empty-state.large{padding:60px}.empty-state.large h3{font-size:18px;color:#374151;margin:0 0 8px}.empty-state.large p{color:#9ca3af}.activity-tab{max-width:100%}.activity-filters{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.activity-filter-btn{padding:6px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;line-height:1.2;white-space:nowrap}.activity-filter-btn:hover{background:#e9ecef}.activity-filter-btn.active{background:#800020;border-color:#800020;color:#fff}.activity-filter-btn.active:hover{background:#a00028}.activity-timeline{position:relative}.timeline-section{margin-bottom:32px}.timeline-header{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;padding-left:28px}.timeline-item{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 28px;position:relative;cursor:pointer;transition:all .2s ease;border-radius:12px;margin-bottom:4px}.timeline-item:hover{background:#f9fafb}.timeline-item:hover .timeline-arrow{opacity:1;transform:translate(0)}.timeline-line{position:absolute;left:11px;top:32px;bottom:-4px;width:2px;background:#e5e7eb}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{position:absolute;left:6px;top:24px;width:12px;height:12px;background:#800020;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #80002033}.timeline-content{flex:1;min-width:0}.timeline-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.timeline-item-name{font-size:15px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item-time{font-size:12px;color:#9ca3af;flex-shrink:0}.timeline-item-meta{display:flex;align-items:center;gap:12px}.timeline-item-type{font-size:11px;color:#800020;background:#80002014;padding:3px 8px;border-radius:4px;font-weight:500}.timeline-item-notes{font-size:12px;color:#6b7280}.timeline-arrow{color:#9ca3af;opacity:0;transform:translate(-8px);transition:all .2s ease}.subscription-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.subscription-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.subscription-card:hover{box-shadow:0 8px 24px #0000000f}.current-plan-card{grid-column:1}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.plan-badge-large{display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#8000201a,#8000200d);border-radius:10px;color:#800020}.plan-badge-large span{font-size:18px;font-weight:700}.plan-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.status-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133}.plan-features{margin-bottom:24px}.plan-features h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.feature-check{color:#10b981;flex-shrink:0}.plan-billing{padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:20px}.billing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.billing-row:not(:last-child){border-bottom:1px solid #e5e7eb}.billing-label{font-size:13px;color:#6b7280}.billing-value{font-size:14px;font-weight:600;color:#111827}.manage-billing-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-billing-btn:hover{background:#1f2937}.upgrade-card{grid-column:2;background:linear-gradient(135deg,#800020,#a00028);color:#fff;border:none}.upgrade-header{text-align:center;margin-bottom:24px}.upgrade-header svg{color:#ffffffe6;margin-bottom:12px}.upgrade-header h3{font-size:20px;font-weight:700;margin:0 0 4px}.upgrade-header p{font-size:14px;opacity:.85;margin:0}.upgrade-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.upgrade-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:10px;font-size:14px}.upgrade-feature svg{opacity:.9}.upgrade-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#fff;color:#800020;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.usage-summary-card{grid-column:1 / -1}.usage-summary-card h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 20px}.usage-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.usage-bar-item{display:flex;flex-direction:column;gap:8px}.usage-bar-header{display:flex;justify-content:space-between;font-size:13px}.usage-bar-header span:first-child{color:#6b7280}.usage-bar-header span:last-child{font-weight:600;color:#111827}.usage-bar{height:8px;background:#f3f4f6;border-radius:100px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.4,0,.2,1)}.usage-bar-note{font-size:11px;color:#9ca3af}.profile-footer{padding:20px 32px;border-top:1px solid #e5e7eb;background:#fff;display:flex;justify-content:flex-end}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.logout-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.contact-admin-modal{background:#fff;width:420px;max-width:90%;border-radius:16px;position:relative;box-shadow:0 20px 60px #0003;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:6px}.modal-close-btn:hover{color:#374151;background:#f3f4f6}.contact-admin-content{padding:40px 32px 32px;text-align:center}.contact-admin-icon{color:#374151;margin-bottom:16px}.contact-admin-title{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px}.contact-admin-message{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px}.contact-admin-org{display:flex;flex-direction:column;gap:4px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:24px}.org-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.org-name{font-size:16px;font-weight:600;color:#111827}.contact-admin-close-btn{width:100%;padding:14px 24px;background:#111827;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.contact-admin-close-btn:hover{background:#1f2937}.edit-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.edit-profile-modal{background:#fff;border-radius:16px;padding:28px;width:420px;max-width:90vw;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-profile-modal h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 24px}.edit-profile-form-group{margin-bottom:16px}.edit-profile-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.edit-profile-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s;box-sizing:border-box}.edit-profile-input:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px #8000201a}.edit-profile-input.read-only{background:#f9fafb;color:#6b7280;cursor:not-allowed}.edit-profile-input-hint{display:block;font-size:11px;color:#9ca3af;margin-top:4px}.edit-profile-modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.edit-profile-btn-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.edit-profile-btn-cancel:hover{background:#f3f4f6}.edit-profile-btn-save{padding:10px 20px;border:none;border-radius:8px;background:#800020;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.edit-profile-btn-save:hover{opacity:.9}.edit-profile-btn-save:disabled{opacity:.6;cursor:not-allowed}.account-details-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.account-details-card h3{font-size:14px;font-weight:600;color:#111827;margin:0 0 16px}.account-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.account-detail-row:last-child{border-bottom:none}.account-detail-label{font-size:13px;color:#6b7280;font-weight:500}.account-detail-value{font-size:13px;color:#111827;font-weight:500;text-align:right}@media(max-width:1024px){.profile-stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.usage-overview-card,.insights-overview-card,.activity-overview-card{grid-column:1}.subscription-grid{grid-template-columns:1fr}.current-plan-card,.upgrade-card,.usage-summary-card{grid-column:1}.usage-bars{grid-template-columns:1fr}}@media(max-width:768px){.profile-hero{padding:24px 20px}.hero-content{flex-direction:column;align-items:flex-start;gap:20px}.hero-actions{width:100%}.hero-action-btn{flex:1;justify-content:center}.profile-stats{grid-template-columns:1fr;padding:16px 20px;gap:12px}.profile-tabs{padding:0 20px;overflow-x:auto}.profile-tab{padding:12px 16px;white-space:nowrap}.profile-content{padding:20px}.usage-visual{flex-direction:column;gap:24px}.profile-footer{padding:16px 20px}.timeline-item{padding:12px 16px 12px 24px}.timeline-header{padding-left:24px}.timeline-dot{left:4px}.timeline-line{left:9px}}@media(max-width:480px){.hero-avatar{width:60px;height:60px}.avatar-inner{font-size:18px}.hero-name{font-size:20px}.hero-actions{flex-direction:column}.hero-action-btn{width:100%}.stat-card{padding:12px 16px}.stat-icon{width:36px;height:36px}.stat-value{font-size:14px}.overview-card{padding:20px}.usage-circle-container,.usage-circle{width:100px;height:100px}.usage-number{font-size:22px}}.subscription-screen{min-height:100vh;background:#fff;padding-bottom:60px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:#fff}.loading-screen p{margin-top:20px;font-size:15px;color:#6b7280;font-weight:400}.retry-text{margin-top:8px!important;font-size:13px!important;color:#9ca3af!important}.billing-header-bar{display:flex;align-items:center;gap:12px;padding:8px 20px;background:#fff;color:#1f2937;border-bottom:1px solid #e5e7eb}.billing-header-bar h1{font-size:18px;font-weight:600;color:#1f2937;margin:0}.billing-header-logo{height:36px;object-fit:contain;margin-left:auto}.section-toggle-container .back-btn{position:absolute;left:20px;width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;display:flex!important;align-items:center;justify-content:center;color:#111827;cursor:pointer;transition:all .2s}.section-toggle-container .back-btn:hover{background:#f9fafb;border-color:#d1d5db}.section-toggle-container .back-btn svg{display:block;width:20px;height:20px}.subscription-content{max-width:1100px;margin:0 auto;padding:6px 20px}.success-message{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:12px 16px;margin-bottom:24px}.success-message span{color:#166534;font-size:14px;font-weight:500}.subscription-overview-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}.current-status-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:0;display:flex;flex-direction:column}.current-status-card .subscription-actions{margin-top:auto}.status-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.status-header-left{display:flex;align-items:center;gap:10px}.status-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-header h3{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.status-content{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;gap:16px}.status-plan-info{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;gap:6px;margin-top:-8px}.status-plan{font-size:22px;font-weight:600;color:#111827;letter-spacing:-.02em}.status-usage{font-size:14px;color:#6b7280;font-weight:400}.status-source{font-size:11px;color:#9ca3af;font-weight:400}.active-badge{display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:6px 12px;border-radius:4px;white-space:nowrap;border:1px solid #d1d5db}.active-badge span{font-size:12px;color:#6b7280;font-weight:600}.active-badge.cancelling{background:#fff;border-color:#f59e0b}.active-badge.cancelling span{color:#b45309}.cancellation-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:1px solid #f59e0b;margin-bottom:16px}.cancellation-notice svg{flex-shrink:0;color:#b45309;margin-top:2px}.cancellation-notice-content{display:flex;flex-direction:column;gap:2px}.cancellation-notice-title{font-size:14px;font-weight:600;color:#92400e}.cancellation-notice-date{font-size:13px;color:#b45309}.pending-plan-change-text{display:block;font-size:13px;color:#9ca3af;font-weight:400;margin-top:4px}.usage-circle-container{position:relative;width:130px;height:130px;flex-shrink:0;align-self:center;margin-top:-80px}.usage-circle{width:100%;height:100%;transform:rotate(-90deg)}.usage-circle-bg{fill:none;stroke:#e5e7eb;stroke-width:3}.usage-circle-progress{fill:none;stroke:#800020;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.usage-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.usage-circle-count{font-size:22px;font-weight:600;color:#111827;line-height:1}.usage-circle-label{font-size:11px;color:#6b7280;margin-top:2px}.usage-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-bottom:16px;overflow:hidden}.usage-progress{height:100%;background:#111827;border-radius:3px;transition:width .3s}.development-notice{display:flex;align-items:center;gap:10px;background:#fffbeb;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #fde047}.development-notice span{font-size:13px;color:#854d0e;flex:1;font-weight:400}.manage-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;padding:12px 20px;border-radius:8px;border:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.manage-btn:hover{background:#f9fafb;border-color:#d1d5db}.billing-toggle-container{padding:0 0 32px}.billing-toggle{display:flex;background:#fff;border-radius:0;padding:0;gap:0;max-width:360px;margin:0 auto;border:1px solid #e5e7eb}.billing-option{flex:1;padding:14px 20px;background:#fff;border:none;border-radius:0;cursor:pointer;transition:all .2s;position:relative;font-size:14px;font-weight:500;color:#6b7280}.billing-option.active{background:#111827;color:#fff;border-radius:0}.savings-badge,.savings-badge span{display:none}.network-error{background:#fef2f2;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.network-error p{font-size:14px;color:#991b1b;margin:0;font-weight:400}.retry-btn{display:flex;align-items:center;gap:6px;background:#fff;padding:10px 18px;border-radius:8px;border:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#f9fafb;border-color:#d1d5db}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px;align-items:start}.plan-card{background:#fff;border-radius:0;border:none;border-top:3px solid #d4af37;padding:28px 24px;position:relative;transition:all .2s;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px #0000001a}.plan-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.plan-card.popular{border-top-color:#d4af37;border-top-width:3px}.plan-card.current{background:#fff;border-top-color:#111827}.popular-badge,.popular-badge span{display:none}.current-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;background:#fff!important;padding:4px 8px;border-radius:4px;border:1px solid #e5e7eb}.current-badge svg{color:#22c55e;width:12px;height:12px}.current-badge span{color:#374151;font-size:9px;font-weight:600;letter-spacing:.05em}.plan-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:20px;margin-top:0;text-align:center}.plan-icon{display:none}.plan-icon svg{display:none}.plan-title-container{flex:1;text-align:center;width:100%}.plan-name{font-size:22px;font-weight:400;margin:0 0 8px;letter-spacing:-.02em;color:#111827;font-family:Times New Roman,serif}.plan-subtitle{font-size:13px;color:#9ca3af;margin:0;font-weight:400}.price-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding:0;border-bottom:none}.price{font-size:32px;font-weight:300;color:#111827;margin-bottom:0;letter-spacing:-.03em}.savings{display:none}.features-container{margin-bottom:20px;flex:1}.feature-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;padding-left:0;background:transparent!important}.feature-item:last-child{margin-bottom:0}.feature-item svg{flex-shrink:0;margin-top:2px}.feature-item span{flex:1;font-size:13px;color:#6b7280;line-height:1.5;font-weight:400}.select-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:#111827}.select-btn:hover:not(:disabled){background:#1f2937}.select-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-footer{text-align:center;padding:40px 20px 10px;max-width:600px;margin:0 auto;border-top:1px solid #e5e7eb}.footer-text{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.6;font-weight:400}.footer-note{font-size:12px;color:#9ca3af;margin:0;line-height:1.8;font-weight:400}.currency-disclaimer{font-size:11px;color:#9ca3af;margin:16px 0 0;padding-top:12px;border-top:1px solid #e5e7eb;font-style:italic}.spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top:3px solid #111827;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.plans-container{grid-template-columns:1fr}.subscription-content{padding:24px 16px}.plan-card{padding:28px 20px}.header-title{font-size:18px}.billing-toggle{max-width:100%}}@media(max-width:480px){.section-toggle-container{padding:12px 16px;gap:12px}.status-content{flex-direction:column;align-items:flex-start}.active-badge{margin-top:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mobile-subscription-modal{background:#fff;border-radius:16px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden}.mobile-subscription-modal .modal-header{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;position:relative}.mobile-subscription-modal .modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#374151}.mobile-subscription-modal .modal-header h3{font-size:20px;font-weight:600;color:#111827;margin:0;flex:1}.mobile-subscription-modal .modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s}.mobile-subscription-modal .modal-close-btn:hover{background:#f3f4f6;color:#374151}.mobile-subscription-modal .modal-body{padding:24px}.mobile-subscription-modal .modal-message{font-size:15px;color:#4b5563;line-height:1.6;margin:0 0 20px}.mobile-subscription-modal .instructions-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.mobile-subscription-modal .instructions-box h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.mobile-subscription-modal .instructions-list{margin:0;padding-left:20px}.mobile-subscription-modal .instructions-list li{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:8px}.mobile-subscription-modal .instructions-list li:last-child{margin-bottom:0}.mobile-subscription-modal .modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.mobile-subscription-modal .modal-btn-primary{background:#800020;color:#fff;border:none;padding:12px 32px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:background .2s}.mobile-subscription-modal .modal-btn-primary:hover{background:#990026}.subscription-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;margin-bottom:12px}.subscription-actions .manage-btn{flex:none;min-width:unset;padding:8px 10px;font-size:12px;gap:6px;border-radius:6px;white-space:nowrap}.subscription-actions .manage-btn svg{width:14px;height:14px}.subscription-actions .manage-btn.secondary{background:#f9fafb;border-color:#e5e7eb}.subscription-actions .manage-btn.secondary:hover{background:#f3f4f6;border-color:#d1d5db}.subscription-actions-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subscription-actions-bottom .manage-btn{padding:10px 12px;font-size:12px;gap:6px;border-radius:6px}.subscription-actions-bottom .manage-btn svg{width:14px;height:14px}.subscription-actions-bottom .manage-btn.danger{background:transparent;border:1px solid #fecaca;color:#dc2626}.subscription-actions-bottom .manage-btn.danger:hover{background:#fef2f2;border-color:#f87171}.next-payment-info{display:flex;align-items:center;gap:6px;padding:10px 0;font-size:13px;color:#6b7280}.next-payment-label{color:#9ca3af}.next-payment-amount{font-weight:600;color:#800020}.next-payment-date{color:#9ca3af}.next-payment-pending{color:#9ca3af;font-style:italic}.subscription-menu-container{position:relative;margin-top:16px}.subscription-menu-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#800020;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.subscription-menu-trigger:hover{background:#6b001a}.subscription-menu-trigger:disabled{opacity:.6;cursor:not-allowed}.subscription-menu-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.subscription-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:14px;color:#374151;cursor:pointer;transition:background .15s;text-align:left}.subscription-menu-item:hover{background:#f9fafb}.subscription-menu-item svg{color:#6b7280;flex-shrink:0}.subscription-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.subscription-menu-item.danger{color:#dc2626}.subscription-menu-item.danger svg{color:#dc2626}.subscription-menu-item.danger:hover{background:#fef2f2}.subscription-menu-item.reactivate{color:#059669}.subscription-menu-item.reactivate svg{color:#059669}.subscription-menu-item.reactivate:hover{background:#ecfdf5}.subscription-menu-item:disabled{opacity:.6;cursor:not-allowed}.change-plan-modal{max-width:560px;width:100%;padding:0;background:#fff;overflow:hidden}.change-plan-modal .modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.change-plan-modal .modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.change-plan-modal .modal-close-btn{position:absolute;top:14px;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.change-plan-modal .modal-close-btn:hover{color:#111827}.change-plan-modal .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.change-plan-modal .modal-body{padding:16px 20px}.change-plan-modal .modal-subtitle{font-size:14px;color:#6b7280;margin:0 0 16px;text-align:center;font-weight:400}.change-plan-modal .modal-subtitle strong{color:#111827;font-weight:600}.change-plan-error{display:flex;align-items:flex-start;gap:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:20px}.change-plan-error svg{color:#dc2626;flex-shrink:0;margin-top:2px}.change-plan-error span{font-size:14px;color:#991b1b;line-height:1.5}.plan-comparison-grid{display:flex;align-items:stretch;justify-content:center;gap:16px;margin-bottom:16px}.plan-comparison-card{flex:1;max-width:200px;background:#fff;border:1px solid #e5e7eb;padding:0;text-align:center;position:relative;overflow:hidden}.plan-comparison-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#d1d5db}.plan-comparison-card.current:before{background:#6b7280}.plan-comparison-card.new.upgrade:before{background:#b8860b}.plan-comparison-card.new.downgrade:before{background:#800020}.plan-comparison-card.current{border-color:#d1d5db;background:#f9fafb}.plan-comparison-card.new.upgrade{border-color:#b8860b;background:#fff}.plan-comparison-card.new.downgrade{border-color:#800020;background:#fff}.comparison-header{padding:12px 12px 8px;border-bottom:1px solid #e5e7eb}.comparison-header .plan-label{display:block;font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.plan-comparison-card.new.upgrade .comparison-header .plan-label,.plan-comparison-card.new.downgrade .comparison-header .plan-label{color:#9ca3af}.comparison-header .plan-name{font-size:18px;font-weight:600;color:#111827;letter-spacing:-.01em}.comparison-header .plan-name.gold{color:#b8860b}.comparison-header .plan-name.premium{color:#800020}.comparison-price{padding:10px 12px;background:#fafafa}.plan-comparison-card.new.upgrade .comparison-price,.plan-comparison-card.new.downgrade .comparison-price{background:#fafafa}.comparison-price .price-value{font-size:28px;font-weight:300;color:#111827;letter-spacing:-.02em}.comparison-price span{font-size:13px;font-weight:400;color:#6b7280}.comparison-features{list-style:none;padding:10px 12px;margin:0;text-align:left}.comparison-features li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#4b5563;padding:3px 0}.comparison-features li svg{flex-shrink:0;margin-top:2px;color:#9ca3af}.plan-comparison-card.new.upgrade .comparison-features li svg{color:#b8860b}.plan-comparison-card.new.downgrade .comparison-features li svg{color:#800020}.comparison-arrow{color:#800020;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px}.proration-info{background:#f9fafb;border:1px solid #e5e7eb;border-left:3px solid #b8860b;padding:12px 16px;margin-bottom:12px}.proration-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.proration-loading{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px}.proration-details .proration-amount{font-size:16px;font-weight:600;margin:0 0 6px;color:#111827}.proration-details .proration-amount.upgrade{color:#111827;background:transparent!important}.proration-details .proration-amount.upgrade .proration-label{color:#111827}.proration-details .proration-amount.upgrade strong{color:#b8860b}.proration-details .proration-amount.credit,.proration-details .proration-amount.downgrade{color:#059669}.proration-details .proration-amount.scheduled{color:#6b7280}.proration-info.scheduled{border-left-color:#6b7280}.proration-details .proration-explanation{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.confirm-checkbox{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.confirm-checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.confirm-checkbox input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;cursor:pointer;accent-color:#800020;flex-shrink:0}.confirm-checkbox span{font-size:13px;color:#374151;line-height:1.4}.change-plan-modal .modal-footer{padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb}.change-plan-modal .btn-secondary{background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.change-plan-modal .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.change-plan-modal .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.change-plan-modal .btn-primary{background:#111827;color:#fff;border:none;padding:10px 24px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.change-plan-modal .btn-primary:hover:not(:disabled){background:#1f2937}.change-plan-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.change-plan-modal .btn-primary.upgrade{background:#fff;color:#b8860b;border:2px solid #b8860b}.change-plan-modal .btn-primary.upgrade:hover:not(:disabled){background:#fffbeb;color:#996f00}.change-plan-modal .btn-primary.downgrade{background:#800020}.change-plan-modal .btn-primary.downgrade:hover:not(:disabled){background:#660019}.manage-btn.danger{background:transparent;border:1px solid #fecaca;color:#dc2626}.manage-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#f87171;color:#dc2626}.manage-btn.reactivate{background:transparent;border:1px solid #e5c6cd;color:#800020}.manage-btn.reactivate:hover:not(:disabled){background:#fdf2f4;border-color:#800020;color:#800020}.cancel-modal{max-width:480px}.cancel-modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:20px}.cancel-modal-header h3{margin:0;color:#111827}.cancel-modal-body{text-align:left}.cancel-modal-body>p{margin-bottom:16px;color:#374151;text-align:center}.cancel-warning-box{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:16px}.cancel-warning-box p{margin:0 0 8px;color:#991b1b}.cancel-warning-box ul{margin:0;padding-left:20px;color:#7f1d1d}.cancel-warning-box li{margin-bottom:6px;font-size:13px}.cancel-email-note{font-size:13px;color:#6b7280;text-align:center;font-style:italic}.cancel-success-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.cancel-success-content h3{margin:16px 0 8px;color:#059669}.cancel-success-content p{color:#374151;margin-bottom:8px}.cancel-success-content .cancel-note{font-size:13px;color:#6b7280}.btn-danger{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .15s ease}.otp-input-section{margin:20px 0;text-align:center}.otp-input{width:180px;padding:16px 20px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.otp-input:focus{border-color:#111827}.otp-input:disabled{background:#f9fafb;color:#9ca3af}.otp-error{color:#dc2626;font-size:13px;margin-top:10px;text-align:center}@media(max-width:640px){.plan-comparison-grid{flex-direction:column}.plan-comparison-card{max-width:100%;width:100%}.comparison-arrow{transform:rotate(90deg)}.subscription-actions{grid-template-columns:1fr 1fr}.subscription-actions .manage-btn{width:100%;padding:8px 6px;font-size:11px}}.section-toggle{display:flex;gap:0;flex:1;max-width:400px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#fff;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;position:relative}.toggle-btn:hover:not(.active){background:#f9fafb;color:#111827}.toggle-btn.active{background:#111827;color:#fff}.toggle-btn .active-indicator{width:8px;height:8px;border-radius:50%;background:#059669}.toggle-btn.active .active-indicator{background:#34d399}.toggle-btn.single{flex:none;width:100%}.owner-exempt-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;font-size:14px;color:#6b7280;line-height:1.5;box-shadow:0 1px 3px #0000000d}.subscription-overview-grid.team{margin-bottom:24px}.team-status-card{background:#fff;padding:24px;margin-bottom:0;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column}.team-status-card .status-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.team-status-card .status-header h3{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.team-status-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.team-plan-info{display:flex;flex-direction:column;gap:6px}.team-plan{font-size:20px;font-weight:500;color:#111827}.team-members{font-size:14px;color:#6b7280}.team-stats{display:flex;gap:32px;padding:16px 0;margin-bottom:20px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.team-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.team-stats .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.team-stats .stat-value{font-size:24px;font-weight:300;color:#111827}.team-actions{display:flex;align-items:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.team-actions .manage-btn{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease}.team-actions .manage-btn:hover:not(:disabled){color:#111827;background:none}.team-actions .manage-btn.secondary{background:none;border:none}.team-actions .manage-btn.danger{color:#dc2626;background:none;border:none}.team-actions .manage-btn.danger:hover:not(:disabled){color:#b91c1c;background:none}.no-subscription-content{text-align:center;padding:24px}.no-sub-text{font-size:16px;color:#6b7280;margin:0 0 8px}.no-sub-desc{font-size:13px;color:#9ca3af;margin:0 0 20px}.start-team-sub-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#111827;color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.start-team-sub-btn:hover:not(:disabled){background:#1f2937}.start-team-sub-btn:disabled{opacity:.5;cursor:not-allowed}.volume-pricing-card{background:#fff;padding:24px;border:1px solid #e5e7eb;margin-top:20px}.volume-pricing-card h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.pricing-desc{font-size:13px;color:#6b7280;margin:0 0 16px}.discount-tiers{display:flex;flex-direction:column;gap:8px}.tier{display:flex;justify-content:space-between;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb}.tier-range{font-size:13px;color:#374151;font-weight:500}.tier-discount{font-size:13px;color:#059669;font-weight:600}.team-billing-modal{max-width:700px;padding:0;background:#fff}.team-billing-modal .modal-header{padding:24px 28px 20px;border-bottom:1px solid #e5e7eb}.team-billing-modal .modal-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.team-billing-modal .modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.team-billing-modal .modal-close-btn:hover{color:#111827}.owner-notice{display:flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;border-bottom:1px solid #e5e7eb;font-size:12px;color:#374151}.team-billing-modal .modal-body{padding:24px 28px}.team-plan-header{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fefce8,#fff7ed);border:1px solid #fbbf24;border-radius:8px}.team-plan-badge{display:flex;align-items:center;gap:10px;margin-bottom:8px}.team-plan-name{font-size:20px;font-weight:600;color:#92400e}.team-plan-subtitle{font-size:14px;color:#78350f;margin:0 0 16px}.tiered-pricing-info{background:#ffffffb3;border-radius:6px;padding:16px}.tiered-pricing-info h5{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#78350f;margin:0 0 12px}.pricing-tiers{display:flex;flex-direction:column;gap:8px}.pricing-tiers .tier{display:flex;justify-content:space-between;font-size:14px;color:#44403c;padding:4px 0}.pricing-tiers .tier span:last-child{font-weight:600;color:#111827}.pricing-tiers .tier.highlight{background:#fef3c7;margin:4px -8px 0;padding:8px;border-radius:4px;font-weight:500}.pricing-tiers .tier.highlight span:last-child{color:#b45309}.plan-selection{margin-bottom:24px}.plan-selection h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 12px}.plan-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plan-option{padding:20px;background:#fff;border:2px solid #e5e7eb;cursor:pointer;text-align:center;transition:all .15s}.plan-option:hover{border-color:#9ca3af}.plan-option.active{border-color:#111827;background:#fafafa}.plan-option .plan-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.plan-option .plan-price{font-size:13px;color:#6b7280;margin:0}.member-selection{margin-bottom:24px}.member-selection h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 8px}.selection-hint{font-size:12px;color:#9ca3af;margin:0 0 12px}.member-list{max-height:240px;overflow-y:auto;border:1px solid #e5e7eb}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.member-item:last-child{border-bottom:none}.member-item:hover{background:#f9fafb}.member-item.selected{background:#ecfdf5}.member-item.disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.member-item.disabled:hover{background:#f9fafb}.member-item.disabled .member-role{color:#9ca3af;font-style:italic}.member-info{display:flex;flex-direction:column;gap:2px}.member-name{font-size:14px;font-weight:500;color:#111827}.member-role,.member-status{font-size:12px;color:#6b7280}.member-status.has-sub{color:#059669}.member-checkbox{display:flex;align-items:center}.checkbox-empty{width:22px;height:22px;border:2px solid #d1d5db;border-radius:50%}.no-members{padding:20px;text-align:center;color:#6b7280;font-size:13px}.price-summary{background:#f9fafb;border:1px solid #e5e7eb;padding:16px;margin-top:16px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#374151}.price-row.discount{color:#059669}.price-row.total{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:4px;font-weight:600;font-size:16px;color:#111827}.proration-note{font-size:12px;color:#6b7280;margin-top:12px;line-height:1.5}.proration-info-box{background:#fafafa;border:1px solid #e5e7eb;border-left:3px solid #b8860b;padding:14px 16px;margin-top:12px}.proration-info-box .proration-loading{display:flex;align-items:center;gap:10px}.proration-info-box .proration-loading span{font-size:13px;color:#6b7280}.proration-info-box .proration-amount{font-size:14px;color:#b8860b;margin:0 0 6px}.proration-info-box .proration-explanation{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.proration-info-box .proration-note{margin-top:0}.team-billing-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid #e5e7eb;background:#fafafa}.manage-team-modal{width:780px;max-width:90vw;padding:0;background:#fff}.manage-team-modal .modal-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #e5e7eb}.manage-team-modal .modal-header .back-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center}.manage-team-modal .modal-header .back-btn:hover{color:#111827}.manage-team-modal .modal-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1}.manage-team-modal .modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.manage-team-modal .modal-body{padding:24px 28px;min-height:420px}.overview-layout{display:flex;gap:20px}.overview-left{flex:1;min-width:0}.overview-right{width:140px;flex-shrink:0}.overview-right h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 8px}.subscription-overview{display:flex;justify-content:space-around;padding:14px;background:#f9fafb;margin-bottom:14px}.all-members-section{margin-bottom:0}.all-members-section h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 6px}.all-members-section .member-list{max-height:220px;overflow-y:auto;border:1px solid #e5e7eb}.member-item.overview-member{cursor:default;padding:6px 10px}.member-item.overview-member:hover{background:#fafafa}.member-sub-badge{display:flex;align-items:center}.sub-badge{font-size:11px;font-weight:500;padding:3px 8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280}.sub-badge.active{border-color:#d1d5db;background:#fff;color:#111827}.sub-badge.inactive{border-color:#e5e7eb;background:#f9fafb;color:#9ca3af}.sub-badge.cancelling{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.sub-badge.owner{border-color:#d1d5db;background:#fff;color:#6b7280}.member-sub-actions{display:flex;align-items:center;gap:8px}.undo-cancel-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;cursor:pointer;transition:all .15s ease}.undo-cancel-btn:hover:not(:disabled){background:#d1fae5;border-color:#6ee7b7}.undo-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.overview-stat .label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:6px}.overview-stat .value{font-size:22px;font-weight:300;color:#111827}.action-grid{display:flex;flex-direction:row;gap:10px}.action-card{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;text-align:center;transition:all .15s}.action-card svg{color:#6b7280;flex-shrink:0}.action-card:hover:not(:disabled) svg{color:#111827}.action-card.danger:hover:not(:disabled){border-color:#dc2626}.action-card.danger:hover:not(:disabled) svg{color:#dc2626}.action-card svg{width:18px;height:18px}.action-title{display:block;font-size:12px;font-weight:500;color:#111827}.action-desc{display:block;font-size:10px;color:#9ca3af;margin-top:2px;line-height:1.3}.action-grid-vertical{display:flex;flex-direction:column;gap:6px}.action-card-compact{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;text-align:left;font-size:12px;font-weight:500;color:#374151;transition:all .15s;width:100%}.action-card-compact:hover:not(:disabled){border-color:#111827;background:#fafafa}.action-card-compact:disabled{opacity:.5;cursor:not-allowed}.action-card-compact svg{flex-shrink:0;color:#6b7280}.action-card-compact:hover:not(:disabled) svg{color:#111827}.action-card-compact.danger:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.action-card-compact.danger:hover:not(:disabled) svg{color:#dc2626}.warning-box{background:#fef3c7;border:1px solid #f59e0b;padding:16px;margin:16px 0}.warning-box p{margin:0 0 8px;font-size:13px;color:#92400e}.warning-box ul{margin:8px 0 0;padding-left:20px}.warning-box li{font-size:13px;color:#92400e;margin-bottom:4px}.cancel-warning-box{background:#fef2f2;border:1px solid #fecaca;padding:16px;margin:16px 0}.cancel-warning-box p{margin:0;font-size:13px;color:#991b1b}.cancel-warning-box ul{margin:12px 0 0;padding-left:20px}.cancel-warning-box li{font-size:13px;color:#991b1b;margin-bottom:4px}.cancel-note{font-size:12px;color:#6b7280;margin-top:12px}.cancel-success-content{text-align:center;padding:24px}.cancel-success-content h4{font-size:18px;font-weight:600;color:#111827;margin:16px 0 8px}.cancel-success-content p{font-size:14px;color:#6b7280;margin:0 0 8px}.manage-team-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fafafa}.invoices-modal{max-width:600px;padding:0;background:#fff}.invoices-modal .modal-header{padding:24px;border-bottom:1px solid #e5e7eb}.invoices-modal .modal-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.invoices-modal .modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#6b7280;cursor:pointer}.invoices-modal .modal-body{padding:24px;max-height:500px;overflow-y:auto}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#6b7280}.upcoming-invoice{margin-bottom:28px}.upcoming-invoice h4,.past-invoices h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:0 0 12px}.invoice-card{background:#f9fafb;border:1px solid #e5e7eb;padding:16px}.invoice-row span:first-child{font-size:13px;color:#6b7280}.invoice-row .amount{font-size:18px;font-weight:600;color:#111827}.invoice-row.credit-note{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:12px}.invoice-row .credit{font-size:14px;font-weight:500;color:#059669}.no-invoices{text-align:center;padding:32px;color:#6b7280}.no-invoices p{font-size:14px;margin:12px 0 4px;color:#374151}.no-invoices span{font-size:12px;color:#9ca3af}.no-upcoming-invoice{text-align:left;padding:20px 24px;background:#f9fafb;border:1px solid #e5e7eb}.no-upcoming-invoice p{font-size:14px;font-weight:500;color:#374151;margin:0 0 4px}.no-upcoming-invoice span{font-size:12px;color:#9ca3af}.next-payment-card{background:#111827;border:none;border-radius:0;padding:28px 24px;color:#fff;position:relative;overflow:hidden}.next-payment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#800020}.next-payment-card .next-payment-amount{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.next-payment-card .amount-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:8px}.next-payment-card .amount-value{font-size:36px;font-weight:300;color:#fff;letter-spacing:-.02em}.next-payment-card .invoice-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.next-payment-card .invoice-row span:first-child{font-size:13px;color:#ffffff80;font-weight:400}.next-payment-card .invoice-row span:last-child{font-size:14px;color:#fff;font-weight:500}.next-payment-card .invoice-row.credit-note{border-top:1px solid rgba(255,255,255,.1);margin-top:8px;padding-top:16px}.next-payment-card .credit{color:#34d399!important}.invoice-item{display:flex;align-items:center;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;gap:16px}.invoice-info{flex:1;display:flex;align-items:center;gap:12px}.invoice-date{font-size:13px;font-weight:500;color:#111827;min-width:90px}.invoice-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:4px 8px;border-radius:4px}.invoice-status.paid{background:#dcfce7;color:#166534}.invoice-status.open{background:#fef3c7;color:#92400e}.invoice-status.void{background:#f3f4f6;color:#6b7280}.invoice-status.draft{background:#e5e7eb;color:#4b5563}.invoice-status.uncollectible{background:#fee2e2;color:#991b1b}.invoice-status.unknown{background:#f3f4f6;color:#9ca3af}.invoice-amount{font-size:14px;font-weight:600;color:#111827;min-width:80px;text-align:right}.invoice-actions{display:flex;gap:8px}.invoice-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .15s;text-decoration:none}.invoice-btn:hover{background:#e5e7eb;color:#111827}.load-more-btn{width:100%;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;margin-top:12px;transition:all .15s}.load-more-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.view-in-stripe-link{display:flex;justify-content:center;padding-top:16px;margin-top:16px;border-top:1px solid #e5e7eb}.stripe-link-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;font-size:13px;font-weight:500;color:#800020;cursor:pointer;transition:all .15s}.stripe-link-btn:hover{color:#990026;text-decoration:underline}.stripe-link-btn svg{flex-shrink:0}@media(max-width:640px){.section-toggle{max-width:100%}.team-stats{flex-wrap:wrap;gap:16px}.team-actions{flex-direction:column}.team-actions .manage-btn{width:100%}.plan-options{grid-template-columns:1fr}.team-billing-modal,.manage-team-modal,.invoices-modal{margin:10px;max-width:calc(100% - 20px)}}.team-billing-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-bottom:24px}.team-members-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.team-members-panel .panel-header{margin-bottom:20px}.team-members-panel .panel-header h3{font-size:20px;font-weight:600;color:#800020;margin:0 0 4px}.team-members-panel .panel-header p{font-size:14px;color:#6b7280;margin:0}.members-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:#fdf8f8}.members-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.members-table th:last-child{width:50px}.members-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.members-table tbody tr:last-child{border-bottom:none}.members-table tbody tr:hover{background:#f9fafb}.members-table tbody tr.adding{background:#fdf8f9}.members-table tbody tr.removing{background:#fef2f2}.members-table td{padding:12px 16px;vertical-align:middle}.members-table .member-cell{display:flex;align-items:center;gap:12px}.members-table .member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#800020,#5c0017);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.members-table .member-name{font-size:14px;font-weight:500;color:#111827}.members-table .role-cell .role-badge{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500;color:#374151}.members-table .subscription-cell .sub-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.members-table .sub-badge.active{background:#fff;color:#800020;border:1px solid #e5e7eb}.members-table .sub-badge.personal{background:#fff;color:#b8860b;border:1px solid #e5e7eb}.members-table .sub-badge.none{background:#fff;color:#9ca3af;border:1px solid #e5e7eb}.members-table .sub-badge.cancelling{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.members-table .cancelling-text{font-size:11px;color:#c2410c;font-weight:500}.members-table .cancelling-action{display:flex;align-items:center;gap:8px;justify-content:flex-end}.table-action-btn.revert{width:24px;height:24px;min-width:24px;color:#6b7280}.table-action-btn.revert:hover{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.members-table .action-cell{text-align:center}.members-table .action-cell .pending-text{font-size:11px;color:#c2410c;font-weight:500}.members-table .no-members-cell{text-align:center;color:#6b7280;padding:24px 16px}.table-action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:#6b7280}.table-action-btn:hover{background:#f3f4f6}.table-action-btn.add:hover,.table-action-btn.add.selected{background:#fdf2f4;border-color:#800020;color:#800020}.table-action-btn.remove:hover,.table-action-btn.remove.selected{background:#fee2e2;border-color:#ef4444;color:#dc2626}.cancelling-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.table-action-btn.undo{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.table-action-btn.undo:hover{background:#d1fae5;border-color:#6ee7b7;color:#047857}.action-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-top:16px;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.action-summary-bar.remove{background:#fff;border-color:#fecaca}.action-summary-bar .summary-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#800020}.action-summary-bar.remove .summary-info{color:#dc2626}.action-summary-bar .proration-text{font-weight:400;color:#6b7280;margin-left:8px}.action-summary-bar .summary-actions{display:flex;gap:8px}.action-summary-bar .summary-btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease}.action-summary-bar .summary-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#374151}.action-summary-bar .summary-btn.cancel:hover{background:#f3f4f6}.action-summary-bar .summary-btn.confirm{background:#800020;border:none;color:#fff}.action-summary-bar .summary-btn.confirm:hover{background:#660019}.action-summary-bar .summary-btn.confirm.remove{background:#ef4444}.action-summary-bar .summary-btn.confirm.remove:hover{background:#dc2626}.billing-summary-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;height:fit-content;border-top:3px solid #800020}.billing-summary-panel h4{font-size:16px;font-weight:600;color:#800020;margin:0 0 6px}.billing-summary-panel .billing-stats{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.billing-summary-panel .stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.billing-summary-panel .stat-row .stat-label{font-size:14px;color:#6b7280}.billing-summary-panel .stat-row .stat-value{font-size:14px;font-weight:500;color:#111827}.billing-summary-panel .stat-row.available .stat-value{color:#800020}.billing-summary-panel .billing-total-section{padding:16px 0;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.billing-total-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.billing-total-toggle .total-label{font-size:14px;font-weight:500;color:#374151}.billing-total-toggle .total-right{display:flex;align-items:center;gap:6px;color:#9ca3af}.billing-total-toggle .total-amount{font-size:24px;font-weight:600;color:#800020}.billing-breakdown{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:13px;color:#6b7280}.breakdown-amount{font-size:13px;font-weight:500;color:#374151}.plan-features-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.plan-features-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:color .15s ease}.plan-features-toggle:hover{color:#111827}.plan-features-list{padding-top:12px;background:transparent!important}.plan-features-list .feature-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:#6b7280;background:transparent!important;border:none!important}.plan-features-list .feature-item svg{display:block!important;flex-shrink:0;margin-top:2px}.billing-summary-panel .billing-actions{display:flex;flex-direction:column;gap:8px}.billing-action-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:none;font-size:13px;font-weight:500;color:#800020;cursor:pointer;border-radius:6px;transition:all .15s ease}.billing-action-btn:hover{background:#fdf2f4}.billing-action-btn.danger{color:#dc2626}.billing-action-btn.danger:hover{background:#fef2f2}@media(max-width:900px){.team-billing-layout{grid-template-columns:1fr}.billing-summary-panel{order:-1}}@media(max-width:600px){.members-table th:nth-child(2),.members-table td:nth-child(2){display:none}.members-table .member-cell{flex-direction:column;align-items:flex-start;gap:4px}.members-table .member-avatar{width:28px;height:28px;font-size:12px}}.team-plan-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:28px 24px;margin-bottom:40px}.team-plan-card .plan-header{text-align:center;margin-bottom:20px}.team-plan-card .plan-name{font-size:22px;font-weight:400;margin:0 0 8px;letter-spacing:-.02em;color:#111827;font-family:Times New Roman,serif}.team-plan-card .price-container{display:flex;justify-content:center;align-items:baseline;gap:4px}.team-plan-card .price{font-size:32px;font-weight:300;color:#111827;letter-spacing:-.03em}.team-plan-card .price-period{font-size:14px;color:#6b7280}.team-plan-card .features-container{margin-bottom:24px}.team-plan-card .feature-item{display:flex;align-items:flex-start;margin-bottom:6px}.team-plan-card .feature-item span{font-size:13px;color:#6b7280;line-height:1.5}.team-pricing-calculator{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.calculator-header{text-align:center;margin-bottom:12px}.calculator-header span{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.calculator-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.seat-btn{width:36px;height:36px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font-size:18px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.seat-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.seat-display{display:flex;flex-direction:column;align-items:center;min-width:80px}.seat-count{font-size:28px;font-weight:600;color:#111827;line-height:1}.seat-label{font-size:12px;color:#6b7280;margin-top:2px}.calculator-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.total-label{font-size:14px;color:#6b7280}.total-price{font-size:24px;font-weight:600;color:#111827}.calculator-savings{text-align:center;margin-top:8px}.calculator-savings span{font-size:12px;color:#059669;font-weight:500}.team-plan-card .select-btn{margin-top:0}.no-subscription-pricing{text-align:center}.no-subscription-pricing .pricing-header{margin-bottom:16px}.no-subscription-pricing .pricing-header .price{font-size:32px;font-weight:600;color:#b8860b}.no-subscription-pricing .pricing-header .price-period{font-size:14px;color:#6b7280;margin-left:4px}.no-subscription-pricing .plan-features-list.compact{text-align:left;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px}.no-subscription-pricing .plan-features-list.compact .feature-item{padding:4px 0;font-size:13px}.no-subscription-pricing .team-pricing-calculator.compact{margin-bottom:16px}.start-subscription-btn{width:100%;padding:14px 24px;background:#b8860b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.start-subscription-btn:hover:not(:disabled){background:#9a7209;transform:translateY(-1px)}.start-subscription-btn:disabled{opacity:.6;cursor:not-allowed}.team-billing-details-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.team-billing-details-section .billing-details-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.team-billing-details-section .billing-details-header h5{font-size:14px;font-weight:600;color:#800020;margin:0;flex:1}.team-billing-details-section .edit-billing-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s}.team-billing-details-section .edit-billing-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.team-billing-details-section .billing-display.locked{display:flex;flex-direction:column;gap:0}.team-billing-details-section .billing-display.locked .billing-field{margin-bottom:12px}.team-billing-details-section .billing-display.locked .billing-field:last-child{margin-bottom:0}.team-billing-details-section .locked-input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;background:#f9fafb;color:#374151;cursor:default;box-sizing:border-box}.team-billing-details-section .locked-input.not-set{color:#9ca3af;font-style:italic}.team-billing-details-section .billing-field{margin-bottom:12px}.team-billing-details-section .billing-field label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.team-billing-details-section .billing-field input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;transition:border-color .15s}.team-billing-details-section .billing-field input:focus{outline:none;border-color:#b8860b}.team-billing-details-section .billing-edit-actions{display:flex;gap:8px;margin-top:12px}.team-billing-details-section .cancel-btn{flex:1;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.team-billing-details-section .cancel-btn:hover{background:#e5e7eb}.team-billing-details-section .save-btn{flex:1;padding:8px 12px;background:#b8860b;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.team-billing-details-section .save-btn:hover{background:#9a7209}.team-billing-details-section .save-btn:disabled,.team-billing-details-section .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.team-billing-details-section .billing-error{color:#dc2626;font-size:12px;margin:8px 0 0}.team-billing-details-section .billing-success{color:#059669;font-size:12px;margin:8px 0 0}.team-billing-details-section .billing-loading{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.team-billing-details-section .view-invoices-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:10px 16px;background:transparent;border:1px solid #800020;border-radius:6px;font-size:13px;font-weight:500;color:#800020;cursor:pointer;transition:all .15s}.team-billing-details-section .view-invoices-btn:hover{background:#8000200d}.team-billing-details-section .view-invoices-btn:disabled{opacity:.5;cursor:not-allowed}.team-billing-details-section.no-subscription{opacity:.7}.team-billing-details-section.no-subscription .billing-details-header h5{color:#9ca3af}.team-billing-details-section .locked-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;color:#6b7280}.team-billing-details-section .locked-badge svg{color:#9ca3af}.team-billing-details-section .billing-display.disabled{display:flex;flex-direction:column;gap:0}.team-billing-details-section .billing-display.disabled .billing-field{margin-bottom:12px}.team-billing-details-section .billing-display.disabled .billing-field:last-child{margin-bottom:0}.team-billing-details-section .billing-display.disabled .locked-input{background:#f9fafb;color:#9ca3af}.team-billing-details-section .billing-display.disabled .billing-field label{color:#9ca3af}.billing-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:0;align-self:stretch}.billing-details-card.locked{background:#fafafa}.billing-details-card.locked .billing-details-header h4{color:#9ca3af}.billing-locked-message{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:13px}.billing-locked-message svg{flex-shrink:0}.billing-details-card.team{border-color:#b8860b33}.billing-details-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.billing-details-header h4{margin:0;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.billing-details-content{display:flex;flex-direction:column;gap:16px}.billing-field{display:flex;flex-direction:column;gap:6px}.billing-field label{font-size:14px;font-weight:500;color:#374151}.billing-field .field-description{font-size:12px;color:#6b7280;margin:0 0 8px;line-height:1.4}.billing-input-group{display:flex;gap:10px;align-items:stretch}.billing-input-group input{flex:1;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.billing-input-group input:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px #8000201a}.billing-input-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.billing-input-group input::placeholder{color:#9ca3af}.save-billing-btn{padding:12px 20px;background:#800020;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.save-billing-btn:hover:not(:disabled){background:#600018}.save-billing-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.billing-details-card.team .save-billing-btn{background:#b8860b}.billing-details-card.team .save-billing-btn:hover:not(:disabled){background:#9a7209}.billing-details-card.team .billing-input-group input:focus{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.billing-details-collapsible{margin-top:20px}.billing-details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.billing-details-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.billing-toggle-left{display:flex;align-items:center;gap:10px}.billing-toggle-left span{font-size:14px;font-weight:500;color:#374151}.billing-details-expandable{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.billing-details-expandable.expanded{max-height:500px;opacity:1}.billing-details-inner{padding:16px 0 0}.billing-details-inner .billing-locked-message{padding:12px;background:#f9fafb;border-radius:8px;font-size:13px;color:#6b7280}.billing-details-inner .billing-display-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.billing-details-inner .billing-display-field{display:flex;flex-direction:column;gap:4px}.billing-details-inner .billing-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.billing-details-inner .billing-value{font-size:14px;color:#1f2937}.billing-details-inner .billing-value.not-set{color:#9ca3af;font-style:italic}.edit-billing-btn-inline{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;margin-top:8px;background:transparent;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.edit-billing-btn-inline:hover{background:#f9fafb;border-color:#800020;color:#800020}.billing-details-inner .billing-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.billing-details-inner .billing-field label{font-size:14px;font-weight:500;color:#374151}.billing-details-inner .billing-field .field-description{font-size:12px;color:#6b7280;margin:0 0 4px;line-height:1.4}.billing-details-inner .billing-field input{padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.billing-details-inner .billing-field input:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px #8000201a}.billing-details-inner .billing-field input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.billing-details-inner .billing-field input::placeholder{color:#9ca3af}.billing-details-inner .billing-actions{display:flex;gap:12px;margin-top:8px}.billing-details-inner .cancel-billing-btn{flex:1;padding:10px 16px;background:transparent;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.billing-details-inner .cancel-billing-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.billing-details-inner .save-billing-btn{flex:1;padding:10px 16px;background:#800020;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.billing-details-inner .save-billing-btn:hover:not(:disabled){background:#600018}.billing-details-inner .save-billing-btn:disabled,.billing-details-inner .cancel-billing-btn:disabled{opacity:.6;cursor:not-allowed}.billing-details-inner .billing-error{font-size:13px;color:#dc2626;margin:0 0 8px}.billing-details-inner .billing-success{font-size:13px;color:#059669;margin-top:12px}@media(max-width:480px){.billing-details-inner .billing-display-row{grid-template-columns:1fr;gap:12px}.billing-details-inner .billing-actions{flex-direction:column}}.billing-error{font-size:13px;color:#dc2626;margin:4px 0 0}.billing-success{font-size:13px;color:#059669;margin:8px 0 0}.edit-billing-btn{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.edit-billing-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.billing-details-card.team .edit-billing-btn:hover{border-color:#b8860b;color:#b8860b}.billing-loading{display:flex;align-items:center;gap:10px;padding:16px 0;color:#6b7280;font-size:14px}.billing-display-row{display:flex;flex-direction:column;gap:16px}.billing-display-field{display:flex;flex-direction:column;gap:6px}.billing-display-field .billing-label{font-size:13px;font-weight:500;color:#374151}.billing-display-field .billing-value{padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937}.billing-display-field .billing-value.not-set{color:#9ca3af;font-style:italic}.billing-details-content .billing-field{margin-bottom:16px}.billing-details-content .billing-field:last-of-type{margin-bottom:12px}.billing-details-content .billing-field input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s}.billing-details-content .billing-field input:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px #8000201a}.billing-details-content .billing-field input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.billing-details-content .billing-field input::placeholder{color:#9ca3af}.billing-details-card.team .billing-field input:focus{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1a}.billing-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.cancel-billing-btn{padding:10px 18px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-billing-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.cancel-billing-btn:disabled{opacity:.5;cursor:not-allowed}.team-members-inline{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.team-members-inline h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 12px}.members-list-inline{display:flex;flex-direction:column;gap:0;max-height:320px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px}.member-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #f3f4f6}.member-row:last-child{border-bottom:none}.member-avatar-small{width:36px;height:36px;border-radius:50%;background:#b8860b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.member-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.member-name-inline{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email-inline{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-subscription-status{flex-shrink:0}.sub-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px}.sub-status.active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.sub-status.none{background:#f9fafb;color:#9ca3af;border:1px solid #e5e7eb}.sub-status.personal{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.no-members-text{font-size:14px;color:#9ca3af;text-align:center;padding:20px}.team-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.team-members-header h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0}.seats-available-badge{font-size:11px;font-weight:500;padding:4px 10px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:4px}.members-list-inline .member-row{transition:all .15s ease}.member-row.adding{background:#f9fdfb}.member-row.removing{background:#fefafa}.member-actions{flex-shrink:0;margin-left:8px}.member-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease;border:1px solid}.member-action-btn.add{background:#fff;color:#059669;border-color:#a7f3d0}.member-action-btn.add:hover:not(:disabled){background:#ecfdf5;border-color:#059669}.member-action-btn.add.selected{background:#059669;color:#fff;border-color:#059669}.member-action-btn.remove{background:#fff;color:#dc2626;border-color:#fecaca}.member-action-btn.remove:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.member-action-btn.remove.selected{background:#dc2626;color:#fff;border-color:#dc2626}.member-action-btn:disabled{opacity:.5;cursor:not-allowed}.inline-action-summary{margin-top:16px;padding:14px 16px;border-radius:6px;border:1px solid #e5e7eb;background:#fafafa}.inline-action-summary.add{border-left:3px solid #059669}.inline-action-summary.remove{border-left:3px solid #dc2626}.action-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:#374151}.inline-action-summary.add .action-summary-header svg{color:#059669}.inline-action-summary.remove .action-summary-header svg{color:#dc2626}.action-summary-pricing{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;margin-bottom:12px}.action-summary-pricing .price-row{display:flex;align-items:baseline;gap:8px;font-size:13px;color:#6b7280}.action-summary-pricing .price-row span:last-child{font-weight:600;color:#111827}.action-summary-pricing .price-row.total span:last-child{font-size:14px}.proration-loading-inline{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;width:100%;margin-top:4px}.proration-inline{display:flex;align-items:baseline;gap:8px;font-size:13px;width:100%;margin-top:4px;padding-top:8px;border-top:1px solid #e5e7eb}.proration-inline strong{color:#059669}.proration-inline span{font-size:12px;color:#6b7280}.action-summary-warning{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#6b7280}.action-summary-warning svg{flex-shrink:0;color:#dc2626}.action-summary-buttons{display:flex;gap:8px;justify-content:flex-end}.summary-btn{padding:6px 14px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease;border:none}.summary-btn.cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.summary-btn.cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.summary-btn.confirm{color:#fff}.summary-btn.confirm.add{background:#059669}.summary-btn.confirm.add:hover:not(:disabled){background:#047857}.summary-btn.confirm.remove{background:#dc2626}.summary-btn.confirm.remove:hover:not(:disabled){background:#b91c1c}.summary-btn:disabled{opacity:.5;cursor:not-allowed}.action-summary-note{font-size:12px;color:#991b1b;margin:8px 0 0;text-align:center}@media(max-width:640px){.member-row{flex-wrap:wrap}.member-actions{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;margin-left:0}.member-action-btn{width:100%;justify-content:center}.action-summary-buttons{flex-direction:column-reverse}.summary-btn{width:100%}}.change-plan-modal.wide{width:680px;max-width:95vw}.plan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.plan-column{padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:border-color .2s,background .2s}.plan-column.current{border-color:#d1d5db;background:#f9fafb}.plan-column.target{border-color:#b8860b;background:#fffbeb}.plan-column-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.plan-column-name{font-size:18px;font-weight:600}.current-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:#e5e7eb;color:#6b7280;border-radius:4px}.target-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:#fef3c7;color:#b45309;border-radius:4px}.plan-column-price{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:12px}.plan-column-features{list-style:none;margin:0;padding:0}.plan-column-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151;padding:5px 0;background:transparent!important}.plan-column-features li svg{flex-shrink:0;margin-top:2px}@media(max-width:480px){.billing-input-group{flex-direction:column}.save-billing-btn{width:100%}.billing-display-row{flex-direction:column;gap:16px}.billing-actions{flex-direction:column-reverse}.billing-actions button{width:100%}.plan-comparison{grid-template-columns:1fr}.change-plan-modal.wide{width:95vw}.member-row{flex-wrap:wrap}.member-subscription-status{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}}.payment-overdue-banner{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.overdue-header{display:flex;align-items:center;gap:10px}.overdue-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fef2f2;border-radius:8px;color:#dc2626;flex-shrink:0}.overdue-header h4{margin:0;font-size:15px;font-weight:600;color:#111827}.overdue-message{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.update-payment-btn{align-self:flex-start;background:#111827;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.update-payment-btn:hover{background:#374151}@media(max-width:768px){.payment-overdue-banner{padding:16px 20px}.update-payment-btn{width:100%}}.scheduled-success-modal{max-width:420px;width:90%;padding:32px;background:#fff;border-radius:16px;text-align:center;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scheduled-success-modal .success-icon-container{margin-bottom:20px}.scheduled-success-modal h3{font-size:22px;font-weight:600;color:#111827;margin:0 0 12px}.scheduled-success-modal .success-message-text{font-size:15px;color:#6b7280;margin:0 0 24px;line-height:1.5}.scheduled-success-modal .success-message-text strong{color:#111827;font-weight:600}.scheduled-success-modal .scheduled-date-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:16px 24px;margin-bottom:20px}.scheduled-success-modal .scheduled-date-box .date-label{display:block;font-size:12px;font-weight:500;color:#166534;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.scheduled-success-modal .scheduled-date-box .date-value{display:block;font-size:18px;font-weight:600;color:#15803d}.scheduled-success-modal .success-note{font-size:13px;color:#9ca3af;margin:0 0 24px;font-style:italic}.scheduled-success-modal .btn-primary{width:100%;padding:14px 24px;background:#800020;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.scheduled-success-modal .btn-primary:hover{background:#600018;transform:translateY(-1px)}@media(max-width:480px){.scheduled-success-modal{padding:24px 20px}.scheduled-success-modal h3{font-size:20px}.scheduled-success-modal .scheduled-date-box .date-value{font-size:16px}}.pending-change-modal{max-width:420px;width:90%;padding:32px;background:#fff;border-radius:16px;text-align:center;animation:modalSlideIn .3s ease-out}.pending-change-modal .pending-icon-container{margin-bottom:16px}.pending-change-modal h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.pending-change-modal .pending-message-text{font-size:14px;color:#6b7280;margin:0 0 20px}.pending-change-modal .pending-change-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.pending-change-modal .pending-change-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pending-change-modal .pending-change-row:first-child{padding-top:0}.pending-change-modal .pending-change-row:last-child{padding-bottom:0}.pending-change-modal .pending-change-row:not(:last-child){border-bottom:1px solid #e2e8f0}.pending-change-modal .change-label{font-size:13px;color:#64748b}.pending-change-modal .change-value{font-size:14px;font-weight:600;color:#1e293b}.pending-change-modal .pending-note{font-size:13px;color:#9ca3af;margin:0 0 20px;line-height:1.5}.pending-change-modal .btn-primary{width:100%;padding:12px 24px;background:#800020;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.pending-change-modal .btn-primary:hover{background:#600018}@media(max-width:480px){.pending-change-modal{padding:24px 20px}.pending-change-modal h3{font-size:18px}}.disclaimer-screen{min-height:100vh;display:flex;background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.disclaimer-branding-panel{width:33%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.disclaimer-branding-content{position:relative;z-index:1}.disclaimer-accent-1{position:absolute;top:20%;left:10%;width:100px;height:100px;border:2px solid rgba(199,165,108,.3);transform:rotate(45deg);animation:float1 10s ease-in-out infinite}.disclaimer-accent-2{position:absolute;bottom:30%;right:15%;width:150px;height:150px;border:2px solid rgba(199,165,108,.3);border-radius:50%;animation:float2 8s ease-in-out infinite}.disclaimer-accent-3{position:absolute;top:50%;right:10%;width:80px;height:120px;border:2px solid rgba(199,165,108,.3);animation:float3 6s ease-in-out infinite}@keyframes float1{0%,to{transform:rotate(45deg) translateY(0)}25%{transform:rotate(50deg) translateY(-15px)}50%{transform:rotate(45deg) translateY(-20px)}75%{transform:rotate(40deg) translateY(-15px)}}@keyframes float2{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(20px)}}@keyframes float3{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(-10px) translateY(-10px)}66%{transform:translate(10px) translateY(10px)}}.disclaimer-logo-wrapper{margin-bottom:32px}.disclaimer-logo-icon{width:64px;height:64px;background:#c7a56c1a;border:1px solid rgba(199,165,108,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disclaimer-logo-image{width:52px;height:52px;object-fit:contain}.disclaimer-brand-title{font-size:42px;font-weight:400;color:#fff;margin:0 0 12px;letter-spacing:-1px;font-family:Playfair Display,Georgia,serif}.disclaimer-brand-subtitle{font-size:18px;color:#ffffffb3;margin:0 0 48px;font-weight:300}.disclaimer-feature-list{display:flex;flex-direction:column;gap:16px}.disclaimer-feature-item{display:flex;align-items:center;gap:12px;color:#fffc;font-size:15px;font-weight:300}.disclaimer-feature-dot{width:8px;height:8px;border-radius:50%;background:#c7a56c}.disclaimer-branding-footer{position:relative;z-index:1}.disclaimer-footer-text{color:#fff9;font-size:14px;margin:0}.disclaimer-content-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 60px;background:#fff;overflow-y:auto}.disclaimer-content-wrapper{width:100%;max-width:520px}.disclaimer-header{margin-bottom:32px;text-align:center}.disclaimer-header-icon{width:56px;height:56px;border-radius:50%;background:#c7a56c1a;border:1px solid rgba(199,165,108,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.disclaimer-title{font-size:28px;font-weight:400;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px;font-family:Playfair Display,Georgia,serif}.disclaimer-subtitle{font-size:15px;color:#666;margin:0;font-weight:300}.disclaimer-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.disclaimer-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fafafa;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.disclaimer-item:hover{background:#f5f5f5;border-color:#e8e8e8}.disclaimer-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disclaimer-item-icon.warning{background:#f59e0b1a;color:#d97706}.disclaimer-item-icon.burgundy{background:#80002014;color:#800020}.disclaimer-item-icon.success{background:#22c55e1a;color:#16a34a}.disclaimer-item-icon.info{background:#3b82f61a;color:#2563eb}.disclaimer-item-content h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.disclaimer-item-content p{font-size:13px;color:#666;line-height:1.5;margin:0}.disclaimer-acknowledgment{background:#8000200a;border-left:3px solid #800020;border-radius:0 8px 8px 0;padding:14px 16px;margin-bottom:24px}.disclaimer-acknowledgment p{font-size:13px;color:#4a4a4a;line-height:1.6;margin:0;font-style:italic}.disclaimer-accept-button{width:100%;background:#800020;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;font-family:inherit;letter-spacing:.5px;text-transform:uppercase}.disclaimer-accept-button:hover{background:#9a0028;transform:translateY(-1px);box-shadow:0 4px 12px #80002040}.disclaimer-accept-button:active{transform:translateY(0)}@media(max-width:900px){.disclaimer-screen{flex-direction:column}.disclaimer-branding-panel{width:100%;padding:40px 30px;min-height:auto}.disclaimer-brand-title{font-size:32px}.disclaimer-brand-subtitle{margin-bottom:24px}.disclaimer-feature-list,.disclaimer-branding-footer{display:none}.disclaimer-content-panel{padding:30px 20px}.disclaimer-title{font-size:24px}}@media(max-width:480px){.disclaimer-branding-panel{padding:30px 20px}.disclaimer-brand-title{font-size:28px}.disclaimer-item{padding:14px}.disclaimer-item-icon{width:36px;height:36px}}.reset-password-screen{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.reset-header{background:#800020;padding:15px 16px 25px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:20px}.back-btn{width:40px;height:40px;border-radius:20px;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s;flex-shrink:0}.back-btn:hover{background:#ffffff4d}.header-content{flex:1;display:flex;flex-direction:column;align-items:center;color:#fff}.header-content svg{margin-bottom:6px}.header-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 2px}.header-subtitle{font-size:13px;color:#fffc;margin:0;font-weight:500}.header-spacer{width:40px;flex-shrink:0}.reset-content{flex:1;max-width:600px;margin:0 auto;padding:20px 24px 40px;width:100%}.instruction-section{text-align:center;margin-bottom:25px}.instruction-title{font-size:22px;font-weight:700;color:#333;margin:0 0 8px}.instruction-text{font-size:15px;color:#666;line-height:1.5;margin:0;padding:0 10px}.reset-form{display:flex;flex-direction:column}.input-container{display:flex;align-items:center;background:#fff;border-radius:12px;border:1px solid #e1e5e9;padding:0 16px;min-height:52px;box-shadow:0 2px 4px #0000000d;transition:border-color .2s;margin-bottom:20px}.input-container:focus-within{border-color:#800020}.input-icon{color:#666;margin-right:12px;flex-shrink:0}.form-input{flex:1;border:none;outline:none;font-size:16px;color:#333;background:transparent;padding:16px 0}.form-input::placeholder{color:#999}.form-input:disabled{opacity:.6;cursor:not-allowed}.security-info{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px;border-left:4px solid #4CAF50}.security-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.security-item:last-child{margin-bottom:0}.security-item span{font-size:14px;color:#666;flex:1}.button-section{margin-bottom:28px}.primary-btn{background:#800020;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 6px #80002033;transition:background .2s,transform .2s;width:100%}.primary-btn:hover:not(:disabled){background:#a00028;transform:translateY(-1px)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.link-section{display:flex;flex-direction:column;align-items:center;gap:8px}.link-button{padding:12px 16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s}.link-button:hover:not(:disabled){opacity:.8}.link-button:disabled{opacity:.5;cursor:not-allowed}.link-text{font-size:14px;color:#666}.link-text-bold{font-size:14px;color:#800020;font-weight:600}@media(max-width:768px){.reset-content{padding:20px 16px}.instruction-title{font-size:20px}.header-title{font-size:24px}}.settings-screen{min-height:100vh;background:#f8f9fa}.settings-layout{display:flex;min-height:100vh}.settings-sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb}.sidebar-header h1{font-size:20px;font-weight:600;color:#111827;margin:0}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:#800020;border-radius:0 2px 2px 0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{background:#f3f4f6;color:#111827}.sidebar-item.active{background:#fef7f8;color:#800020}.sidebar-item.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-item.active svg{color:#800020}.sidebar-item.danger{color:#dc2626}.sidebar-item.danger:hover{background:#fef2f2}.sidebar-item.danger.active{background:#fef2f2;color:#dc2626}.sidebar-footer{padding:16px 12px;border-top:1px solid #e5e7eb}.sidebar-logout{display:flex;align-items:center;gap:12px;padding:12px 14px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#dc2626;transition:all .15s ease;width:100%}.sidebar-logout:hover{background:#fef2f2}.settings-main{flex:1;padding:32px 48px;max-width:1200px}.settings-section{animation:sectionFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-header{font-size:24px;font-weight:600;color:#111827;margin:0 0 24px}.subsection-header{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.plan-section{background:#fff;padding:32px;display:flex;flex-direction:column;gap:18px}.plan-loading{display:flex;align-items:center;justify-content:center;padding:40px}.billing-cycle-inline{font-weight:400;color:#6b7280;font-size:13px}.billing-bar-inline{display:flex;flex-direction:column;gap:6px;margin-top:4px}.billing-bar-track{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;width:100%}.billing-bar-fill{height:100%;background:#800020;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.billing-bar-text{font-size:12px;color:#9ca3af}.settings-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:0 4px 12px #0000000f}.settings-card .setting-item{border:none;border-radius:0;margin-bottom:0;border-bottom:1px solid #e5e7eb}.settings-card .setting-item:last-child{border-bottom:none}.setting-item.restore-item{background:#f0fdf4}.setting-item.restore-item:hover{background:#dcfce7}.danger-zone{background:#fff;border:1px solid #fecaca;border-radius:12px;overflow:hidden}.danger-zone-header{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#fef2f2;border-bottom:1px solid #fecaca}.danger-zone-header svg{color:#dc2626;flex-shrink:0;margin-top:2px}.danger-zone-header h2{font-size:18px;font-weight:600;color:#dc2626;margin:0 0 4px}.danger-zone-header p{font-size:14px;color:#991b1b;margin:0}.danger-zone-content{padding:8px}.danger-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;cursor:pointer;transition:background .15s ease}.danger-item:hover{background:#fef2f2}.danger-item.restore{background:#f0fdf4}.danger-item.restore:hover{background:#dcfce7}.danger-item-icon{width:40px;height:40px;border-radius:8px;background:#fee2e2;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.danger-item-icon.restore{background:#dcfce7;color:#059669}.danger-item-content{flex:1}.danger-item-content h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.danger-item-content p{font-size:13px;color:#6b7280;margin:0}.danger-item svg:last-child{color:#9ca3af}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px}.loading-screen p{margin-top:16px;font-size:16px;color:#666}.loading-card{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.avatar-container{width:50px;height:50px;border-radius:25px;background:#800020;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:18px;font-weight:700;color:#fff}.stat-label{font-size:11px;color:#6b7280;font-weight:400}.setting-item{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-radius:0;padding:14px;margin-bottom:8px;border:1px solid #e5e7eb;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.setting-item:hover{background:#f3f4f6;transform:translate(4px)}.setting-item:active{transform:translate(2px);background:#eef0f2}.setting-item.locked{opacity:.8;background:#f8f8f8}.setting-left{display:flex;align-items:center;gap:16px;flex:1}.setting-text{flex:1}.setting-title{font-size:14px;font-weight:500;color:#111827;margin:0 0 3px}.setting-subtitle{font-size:12px;color:#6b7280;margin:0;font-weight:400}.setting-right{display:flex;align-items:center;gap:8px}.usage-text{font-size:14px;font-weight:600;color:#800020}.usage-cycle{font-size:11px;color:#999}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0e0e0;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#800020}input:checked+.slider:before{transform:translate(20px)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#dc2626;border:2px solid #dc2626;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;margin-top:24px;width:100%;max-width:300px;transition:all .2s}.logout-btn:hover{background:#dc2626;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 10px 25px #0000004d}.modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:700;color:#333;margin:16px 0 8px}.modal-subtitle{font-size:14px;color:#666;line-height:1.5;margin:0}.modal-btn{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;transition:all .2s}.modal-btn.primary{background:#111827;color:#fff}.modal-btn.primary:hover{background:#1f2937}.modal-btn.secondary{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.modal-btn.secondary:hover{background:#f3f4f6}.modal-btn.danger{background:#dc2626;color:#fff}.modal-btn.danger:hover{background:#b91c1c}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-content.template-modal{max-width:1000px!important;width:95%!important;max-height:none!important;overflow:visible!important}.template-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.template-option{border:1px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;position:relative;transition:all .2s;background:#f8f9fa;display:flex;flex-direction:column}.template-option:hover{border-color:#800020;background:#fff}.template-option.selected{border-color:#800020;background:#fff5f5}.template-option.locked{opacity:.6;background:#f0f0f0;cursor:not-allowed}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.template-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.template-description{font-size:13px;color:#666;margin:0}.tier-badge{padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff}.tier-badge.free{background:#6c757d}.tier-badge.premium{background:#17a2b8}.tier-badge.gold{background:#ffc107;color:#000}.locked-badge{display:flex;align-items:center;gap:4px;background:#e0e0e0;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;color:#666}.selected-icon{position:absolute;top:12px;right:12px}.template-preview{background:#fff;border-radius:8px;padding:10px;margin-top:10px;border:1px solid #e0e0e0}.preview-locked{opacity:.5}.preview-line{height:3px;border-radius:2px;margin-bottom:4px;background:#ccc}.preview-line.title-line{height:5px;background:#333;margin-bottom:8px}.preview-line.date-line{background:#999}.preview-line.title-line.burgundy{background:#800020}.preview-line.date-line.burgundy{background:#b36b7a}.preview-line.title-line.executive{background:#1a365d;margin-bottom:6px}.preview-paragraph{margin-top:8px}.burgundy-preview{border-left:3px solid #800020}.preview-header-bar{background:#800020;height:6px;border-radius:3px;margin-bottom:8px}.preview-section-header{height:4px;border-radius:2px;margin-bottom:6px;margin-top:8px}.preview-section-header.key-points{background:#2c5282}.preview-section-header.action-items{background:#c53030}.preview-bullet{display:flex;align-items:center;margin-bottom:3px}.bullet-dot{width:4px;height:4px;border-radius:2px;margin-right:6px;background:#666}.bullet-dot.key-points{background:#2c5282}.bullet-dot.action-items{background:#c53030}.preview-line.bullet-line{flex:1}.preview-label{display:block;font-size:8px;font-weight:600;color:#666;margin-bottom:3px;margin-top:6px}.preview-label:first-child{margin-top:0}.preview-label.small{font-size:7px}.preview-label.burgundy{color:#800020}.preview-label.action{color:#c53030}.bullet-dot.burgundy{background:#800020}.email-display{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:16px;border-radius:12px;margin-bottom:20px;border:1px solid #e0e0e0}.email-display span{font-size:16px;color:#333;font-weight:500}.password-requirements{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #e0e0e0}.password-requirements h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;margin-bottom:8px}.email-steps{margin-bottom:24px}.step{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.step-number{width:24px;height:24px;border-radius:12px;background:#800020;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step span:last-child{flex:1;font-size:14px;color:#333;line-height:1.5}.password-input-container{margin-bottom:20px}.password-input-container label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.password-input{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;font-size:16px;background:#f8f9fa;color:#333;box-sizing:border-box}.password-input:focus{outline:none;border-color:#800020}.danger-modal .modal-header{margin-bottom:20px}.warning-list{background:#fff0f0;border-radius:12px;padding:16px;margin-bottom:20px;border-left:4px solid #dc143c}.warning-list h3{font-size:16px;font-weight:600;color:#dc143c;margin:0 0 12px}.warning-list ul{list-style:none;padding:0;margin:0}.warning-list li{font-size:14px;color:#8b0000;margin-bottom:6px}.support-modal{max-width:700px;max-height:85vh;overflow-y:auto;padding:16px 24px 24px}.support-modal .modal-header.compact{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;text-align:center}.support-modal .modal-header.compact h2{font-size:18px;font-weight:600;margin:0;color:#111827}.support-sections{margin-bottom:16px}.support-section{margin-bottom:20px}.support-section:last-child{margin-bottom:0}.support-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#800020;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.support-list{display:flex;flex-direction:column;gap:6px}.support-item{display:flex;align-items:center;gap:12px;background:#f8f9fa;border-radius:10px;padding:14px 16px;cursor:pointer;border:1px solid #e9ecef;transition:all .25s cubic-bezier(.4,0,.2,1)}.support-item:hover{background:#fff;border-color:#800020;transform:translate(4px)}.support-item span{flex:1;font-size:14px;color:#333;font-weight:500;line-height:1.4}.faq-answer-modal{max-width:500px;padding:24px}.faq-answer-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.faq-answer-header svg{flex-shrink:0;margin-top:2px}.faq-answer-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.4}.faq-answer-content{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:20px}.faq-answer-content p{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.form-input{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;font-size:16px;background:#f8f9fa;color:#333;box-sizing:border-box}.form-input:focus{outline:none;border-color:#800020}.read-only-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0;border-radius:8px;padding:12px;background:#f5f5f5}.read-only-input span{font-size:16px;color:#666;flex:1}.input-hint{font-size:12px;color:#999;margin:4px 0 0;font-style:italic}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #800020;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-account-modal{max-width:440px;padding:0;border-radius:16px;overflow:visible;max-height:none}.modal-close-btn{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;z-index:1}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.delete-modal-header{position:relative;padding:32px 24px 24px;text-align:center;background:linear-gradient(180deg,#fef2f2,#fff)}.delete-icon-container{width:64px;height:64px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.delete-modal-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.delete-modal-header p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.delete-modal-body{padding:0 24px 24px}.delete-warning-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.delete-warning-box h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.delete-warning-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;color:#4b5563;line-height:1.4}.delete-warning-item svg{color:#9ca3af;flex-shrink:0;margin-top:1px}.delete-warning-item:last-child{margin-bottom:0}.delete-info-notice{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px;margin-bottom:20px;font-size:13px;color:#92400e;line-height:1.4}.delete-modal-btn{width:100%;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-bottom:10px}.delete-modal-btn:last-child{margin-bottom:0}.delete-modal-btn.danger{background:#dc2626;color:#fff}.delete-modal-btn.danger:hover{background:#b91c1c}.delete-modal-btn.secondary{background:#f3f4f6;color:#374151}.delete-modal-btn.secondary:hover{background:#e5e7eb}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed}.delete-email-display{display:flex;align-items:center;gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin-bottom:20px}.delete-email-display span{font-size:15px;color:#111827;font-weight:500}.delete-code-input-container{margin-bottom:16px}.delete-code-input-container label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.delete-code-input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;font-size:18px;font-weight:600;letter-spacing:4px;text-align:center;background:#f9fafb;color:#111827;box-sizing:border-box;transition:border-color .2s}.delete-code-input:focus{outline:none;border-color:#dc2626;background:#fff}.delete-code-input::placeholder{letter-spacing:normal;font-weight:400;color:#9ca3af}.delete-resend-link{text-align:center;margin-bottom:20px}.delete-resend-link button{background:none;border:none;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;padding:0}.delete-resend-link button:hover{text-decoration:underline}.delete-resend-link button:disabled{color:#9ca3af;cursor:not-allowed}.spinner-large{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media(max-width:900px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #e5e7eb}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:8px}.sidebar-item{white-space:nowrap;padding:10px 16px}.sidebar-footer{display:none}.settings-main{padding:24px 20px}}@media(max-width:768px){.modal-content{padding:20px;max-width:95%}.setting-item{padding:14px}.section-header{font-size:20px}}.restore-info-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:16px;margin-bottom:20px}.restore-info-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#065f46}.restore-info-item:first-child{padding-top:0}.restore-info-item:last-child{padding-bottom:0}.setting-item.restore-org{background:#f0fdf4;border:1px solid #bbf7d0}.setting-item.restore-org:hover{background:#dcfce7}.owner-choice-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.owner-choice-option{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.owner-choice-option:hover{background:#f3f4f6;border-color:#d1d5db}.owner-choice-option.selected{background:#fff7ed;border-color:#f97316}.choice-radio{width:20px;height:20px;min-width:20px;border:2px solid #9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.owner-choice-option.selected .choice-radio{border-color:#f97316}.radio-inner{width:10px;height:10px;background:#f97316;border-radius:50%}.choice-content{flex:1}.choice-content h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.choice-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.delete-warning-item.org-warning{color:#dc2626;font-weight:500}.delete-warning-item.org-warning svg{color:#dc2626}.subscription-warning-modal{max-width:440px;padding:0;border-radius:16px;overflow:visible;max-height:none;position:relative}.subscription-warning-header{position:relative;padding:32px 24px 24px;text-align:center;background:linear-gradient(180deg,#fef3c7,#fff)}.subscription-warning-icon{width:64px;height:64px;border-radius:50%;background:#fde68a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#b45309}.subscription-warning-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.subscription-warning-header p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.subscription-warning-content{padding:0 24px}.subscription-warning-item{display:flex;align-items:flex-start;gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:12px;font-size:13px;color:#374151;line-height:1.5}.subscription-warning-item svg{color:#6b7280;flex-shrink:0;margin-top:2px}.subscription-warning-item.warning{background:#fef2f2;border-color:#fecaca;color:#991b1b}.subscription-warning-item.warning svg{color:#dc2626}.subscription-warning-question{padding:16px 24px 0;text-align:center}.subscription-warning-question p{font-size:14px;font-weight:500;color:#374151;margin:0 0 16px}.subscription-warning-modal .modal-btn{margin:0 24px 10px;width:calc(100% - 48px)}.subscription-warning-modal .modal-btn:last-child{margin-bottom:24px}.section-description{font-size:15px;color:#6b7280;margin:-16px 0 24px;line-height:1.5}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.template-grid .template-card{animation:cardSlideUp .4s cubic-bezier(.4,0,.2,1) backwards}.template-grid .template-card:nth-child(1){animation-delay:.05s}.template-grid .template-card:nth-child(2){animation-delay:.1s}.template-grid .template-card:nth-child(3){animation-delay:.15s}.template-grid .template-card:nth-child(4){animation-delay:.2s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.template-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;transform:translateY(0)}.template-card:hover{border-color:#c9cdd3;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.template-card:active{transform:translateY(0);box-shadow:0 4px 12px #0000000f}.template-card.selected{border-color:#800020;background:linear-gradient(to bottom,#fef7f8,#fff);box-shadow:0 4px 16px #8000201a}.template-card.selected:hover{box-shadow:0 8px 24px #8000201f}.template-card.locked{opacity:.75;cursor:pointer}.template-card.locked:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.template-selected-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#800020,#a3324c);color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #80002040;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.template-locked-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:#f3f4f6;color:#6b7280;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.template-card:hover .template-locked-badge{background:#e5e7eb}.template-card-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px;min-height:100px}.template-card.locked .template-card-preview{opacity:.5}.template-card-info h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 6px}.template-card-info p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}@media(max-width:900px){.template-grid{grid-template-columns:1fr}}@media(max-width:768px){.template-card{padding:16px}.template-card-preview{min-height:80px;padding:12px}}.pdf-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a;position:relative}.pdf-settings-layout{display:grid;grid-template-columns:1fr 340px;gap:40px}.pdf-settings-left{flex:1;min-width:0}.pdf-settings-right{width:340px;position:sticky;top:20px;align-self:start}.pdf-settings-right h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.pdf-setting-group{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.pdf-setting-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.pdf-setting-group h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px}.setting-hint{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.5}.logo-upload-area{display:flex;align-items:center;gap:16px;margin-bottom:16px}.logo-preview{position:relative;display:inline-flex;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.logo-preview img{max-width:120px;max-height:60px;object-fit:contain}.signature-preview{position:relative;display:inline-flex;padding:16px 24px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.signature-preview img{max-width:180px;max-height:80px;object-fit:contain}.remove-logo-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#dc2626;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 4px #0000001a}.remove-logo-btn:hover{background:#b91c1c}.upload-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.upload-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.logo-position-selector{display:flex;align-items:center;gap:8px;margin-top:12px}.logo-position-selector span{font-size:13px;color:#6b7280;margin-right:8px}.position-btn{padding:6px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .2s}.position-btn:hover{background:#f9fafb;border-color:#d1d5db}.position-btn.active{background:#800020;border-color:#800020;color:#fff}.footer-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#800020;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.save-pdf-settings-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#800020;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;margin-top:24px;transition:all .2s}.save-pdf-settings-btn:hover{background:#660019}.save-pdf-settings-btn:disabled{background:#d1d5db;cursor:not-allowed}.premium-feature-notice{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.premium-feature-notice div{flex:1}.premium-feature-notice h4{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.premium-feature-notice p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.upgrade-btn{padding:10px 20px;background:#111827;color:#fff;border:none;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}.upgrade-btn:hover{background:#1f2937}.pdf-preview-container{border:1px solid #d1d5db;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000001a;width:320px;min-height:400px}.pdf-preview-header{border-bottom:1px solid #e5e7eb;padding:0}.pdf-preview-content{padding:40px 20px;background:#fafafa;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pdf-preview-footer{border-top:1px solid #e5e7eb}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#800020;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#800020;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .2s}input[type=color]:hover{border-color:#800020}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.signature-canvas-container{border:2px dashed #d1d5db;border-radius:8px;background:#fff;overflow:hidden;max-width:600px}.signature-canvas-container canvas{display:block}@media(max-width:900px){.pdf-settings-layout{grid-template-columns:1fr;gap:24px}.pdf-settings-right{width:100%;max-width:280px;position:static;order:-1;margin:0 auto}}.pp-screen{min-height:100vh;background:#f5f5f7}.pp-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e5e5e7;position:sticky;top:0;z-index:10}.pp-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#800020;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background .2s}.pp-back-btn:hover{background:#f0f0f0}.pp-brand{display:flex;align-items:center;gap:10px}.pp-logo{height:36px;width:auto}.pp-brand-name{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:-.3px}.pp-topbar-spacer{width:80px}.pp-hero{background:linear-gradient(135deg,#800020,#5a0016);padding:48px 32px 40px;text-align:center}.pp-hero-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.pp-hero-subtitle{font-size:16px;color:#fffc;margin:0 0 20px;font-weight:400}.pp-hero-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#ffffffa6}.pp-meta-divider{opacity:.4}.pp-body{max-width:800px;margin:0 auto;padding:32px 24px 48px}.pp-toc{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e5e7}.pp-toc-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.pp-toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pp-toc-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.pp-toc-item:hover{background:#f5f5f7}.pp-toc-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#800020;color:#fff;font-size:11px;font-weight:600;border-radius:6px;flex-shrink:0}.pp-toc-label{font-size:14px;color:#333;font-weight:500}.pp-section{background:#fff;border-radius:12px;padding:28px 28px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e5e7;scroll-margin-top:72px}.pp-section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #eee}.pp-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:#800020;color:#fff;font-size:13px;font-weight:700;border-radius:8px;flex-shrink:0}.pp-subsection{font-size:15px;font-weight:600;color:#800020;margin:20px 0 8px}.pp-section p{font-size:14px;color:#444;line-height:1.7;margin:0 0 12px}.pp-section p strong{color:#1a1a1a}.pp-section ul{list-style:none;padding:0;margin:8px 0 16px}.pp-section ul li{font-size:14px;color:#444;line-height:1.7;padding:4px 0 4px 20px;position:relative}.pp-section ul li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:#800020;border-radius:50%}.pp-section ul li strong{color:#1a1a1a}.pp-info-grid{background:#fafafa;border-radius:8px;padding:4px 16px;border:1px solid #eee}.pp-info-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid #f0f0f0}.pp-info-row:last-child{border-bottom:none}.pp-info-label{font-size:13px;font-weight:600;color:#888;min-width:140px;flex-shrink:0}.pp-info-value{font-size:14px;color:#333}.pp-acknowledgment{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:16px;border-left:4px solid #800020;box-shadow:0 1px 3px #0000000f;border-top:1px solid #e5e5e7;border-right:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7}.pp-acknowledgment h3{font-size:16px;font-weight:700;color:#800020;margin:0 0 8px}.pp-acknowledgment p{font-size:14px;color:#444;line-height:1.7;margin:0}.pp-footer{text-align:center;padding:32px 0 0;margin-top:16px;border-top:1px solid #e0e0e0}.pp-footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:600;color:#1a1a1a}.pp-footer-logo{height:28px;width:auto}.pp-footer-company{font-size:13px;color:#888;margin:0 0 4px}.pp-footer-contact{font-size:13px;color:#800020;margin:0 0 4px}.pp-footer-copy{font-size:12px;color:#aaa;margin:8px 0 0}@media(max-width:768px){.pp-topbar{padding:10px 16px}.pp-hero{padding:32px 20px 28px}.pp-hero-title{font-size:28px}.pp-body{padding:20px 12px 40px}.pp-toc-grid{grid-template-columns:1fr}.pp-section{padding:20px}.pp-info-row{flex-direction:column;gap:2px}.pp-info-label{min-width:unset}}.tos-screen{min-height:100vh;background:#f5f5f7}.tos-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:1px solid #e5e5e7;position:sticky;top:0;z-index:10}.tos-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#800020;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background .2s}.tos-back-btn:hover{background:#f0f0f0}.tos-brand{display:flex;align-items:center;gap:10px}.tos-logo{height:36px;width:auto}.tos-brand-name{font-size:18px;font-weight:600;color:#1a1a1a;letter-spacing:-.3px}.tos-topbar-spacer{width:80px}.tos-hero{background:linear-gradient(135deg,#800020,#5a0016);padding:48px 32px 40px;text-align:center}.tos-hero-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.tos-hero-subtitle{font-size:16px;color:#fffc;margin:0 0 20px;font-weight:400}.tos-hero-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#ffffffa6}.tos-meta-divider{opacity:.4}.tos-body{max-width:800px;margin:0 auto;padding:32px 24px 48px}.tos-notice{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:24px;border-left:4px solid #c7a56c;box-shadow:0 1px 3px #0000000f;border-top:1px solid #e5e5e7;border-right:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7}.tos-notice-title{font-size:16px;font-weight:700;color:#8a6d3b;margin:0 0 12px}.tos-notice p{font-size:14px;color:#555;line-height:1.7;margin:0 0 8px}.tos-notice p:last-child{margin-bottom:0}.tos-toc{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e5e7}.tos-toc-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.tos-toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tos-toc-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s}.tos-toc-item:hover{background:#f5f5f7}.tos-toc-num{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#800020;color:#fff;font-size:11px;font-weight:600;border-radius:6px;flex-shrink:0}.tos-toc-label{font-size:14px;color:#333;font-weight:500}.tos-section{background:#fff;border-radius:12px;padding:28px 28px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e5e7;scroll-margin-top:72px}.tos-section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #eee}.tos-num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;background:#800020;color:#fff;font-size:13px;font-weight:700;border-radius:8px;flex-shrink:0}.tos-subsection{font-size:15px;font-weight:600;color:#800020;margin:20px 0 8px}.tos-section p{font-size:14px;color:#444;line-height:1.7;margin:0 0 12px}.tos-section p strong{color:#1a1a1a}.tos-section>ul{list-style:none;padding:0;margin:8px 0 16px}.tos-section>ul>li{font-size:14px;color:#444;line-height:1.7;padding:4px 0 4px 20px;position:relative}.tos-section>ul>li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:#800020;border-radius:50%}.tos-section>ul>li strong{color:#1a1a1a}.tos-info-grid{background:#fafafa;border-radius:8px;padding:4px 16px;margin-bottom:16px;border:1px solid #eee}.tos-info-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid #f0f0f0}.tos-info-row:last-child{border-bottom:none}.tos-info-label{font-size:13px;font-weight:600;color:#888;min-width:140px;flex-shrink:0}.tos-info-value{font-size:14px;color:#333}.tos-callout{border-radius:8px;padding:20px;margin:16px 0}.tos-callout h4{font-size:15px;font-weight:700;margin:0 0 10px}.tos-callout p{font-size:14px;line-height:1.6;margin:0 0 8px}.tos-callout p:last-child{margin-bottom:0}.tos-callout ul{list-style:none;padding:0;margin:8px 0 12px}.tos-callout ul li{font-size:14px;line-height:1.7;padding:3px 0 3px 18px;position:relative}.tos-callout ul li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%}.tos-callout-info{background:#f0f4f8;border-left:4px solid #4a7c9b}.tos-callout-info h4{color:#2c5f7c}.tos-callout-info p,.tos-callout-info ul li{color:#3a6a8a}.tos-callout-info ul li:before{background:#4a7c9b}.tos-callout-warning{background:#fdf6f0;border-left:4px solid #b8860b}.tos-callout-warning h4{color:#8b6914}.tos-callout-warning p,.tos-callout-warning ul li{color:#6b5a30}.tos-callout-warning ul li:before{background:#b8860b}.tos-callout-warning p strong,.tos-callout-warning ul li strong{color:#5a4310}.tos-footer{text-align:center;padding:32px 0 0;margin-top:16px;border-top:1px solid #e0e0e0}.tos-footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:600;color:#1a1a1a}.tos-footer-logo{height:28px;width:auto}.tos-footer-company{font-size:13px;color:#888;margin:0 0 4px}.tos-footer-contact{font-size:13px;color:#800020;margin:0 0 4px}.tos-footer-copy{font-size:12px;color:#aaa;margin:8px 0 0}@media(max-width:768px){.tos-topbar{padding:10px 16px}.tos-hero{padding:32px 20px 28px}.tos-hero-title{font-size:28px}.tos-body{padding:20px 12px 40px}.tos-toc-grid{grid-template-columns:1fr}.tos-section{padding:20px}.tos-info-row{flex-direction:column;gap:2px}.tos-info-label{min-width:unset}}.verification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.verification-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 10px 40px #0003;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.verification-modal-title{font-size:24px;font-weight:600;color:#333;margin:0 0 16px}.verification-modal-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.verification-modal-description strong{color:#800020;font-weight:600}.verification-code-display{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center}.verification-label{font-size:14px;color:#666;margin:0 0 12px;font-weight:500}.verification-code-box{background:#fff;border:2px solid #800020;border-radius:8px;padding:16px;margin-bottom:12px}.verification-code{font-size:32px;font-weight:700;color:#800020;letter-spacing:4px;font-family:Courier New,monospace}.verification-note{font-size:12px;color:#999;margin:0;font-style:italic}.verification-input-section{margin-bottom:24px}.verification-input-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.verification-input{width:100%;padding:14px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;border:2px solid #ddd;border-radius:8px;font-family:Courier New,monospace;transition:border-color .2s}.verification-input:focus{outline:none;border-color:#800020;box-shadow:0 0 0 3px #8000201a}.verification-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.verification-error{color:#e53e3e;font-size:13px;margin:8px 0 0;font-weight:500}.verification-modal-actions{display:flex;gap:12px;justify-content:flex-end}.verification-btn-cancel,.verification-btn-verify{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.verification-btn-cancel{background:#f5f5f5;color:#666}.verification-btn-cancel:hover:not(:disabled){background:#e5e5e5}.verification-btn-verify{background:#800020;color:#fff}.verification-btn-verify:hover:not(:disabled){background:#600018;transform:translateY(-1px);box-shadow:0 4px 12px #8000204d}.verification-btn-cancel:disabled,.verification-btn-verify:disabled{opacity:.5;cursor:not-allowed;transform:none}:root{--team-primary: #800020;--team-primary-light: #9a1535;--team-primary-dark: #5c0017;--team-primary-soft: rgba(128, 0, 32, .06);--team-primary-hover: rgba(128, 0, 32, .1);--team-button: #111827;--team-button-hover: #1f2937;--team-gold: #d4af37;--team-gold-light: #e5c158;--team-surface: #ffffff;--team-surface-elevated: #f9fafb;--team-surface-hover: #f3f4f6;--team-surface-pressed: #e5e7eb;--team-border: #e5e7eb;--team-border-light: #f3f4f6;--team-border-focus: #111827;--team-text-primary: #111827;--team-text-secondary: #6b7280;--team-text-muted: #9ca3af;--team-text-inverse: #ffffff;--team-success: #059669;--team-success-soft: rgba(5, 150, 105, .1);--team-warning: #d97706;--team-warning-soft: rgba(217, 119, 6, .1);--team-danger: #dc2626;--team-danger-soft: rgba(220, 38, 38, .1);--team-info: #0284c7;--team-info-soft: rgba(2, 132, 199, .1);--team-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--team-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--team-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--team-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--team-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--team-radius-sm: 0;--team-radius-md: 0;--team-radius-lg: 0;--team-radius-xl: 0;--team-radius-2xl: 0;--team-radius-full: 9999px;--team-transition-fast: .15s ease;--team-transition: .2s ease;--team-transition-slow: .3s ease}.team-panel{background:var(--team-surface);border-radius:0;margin-bottom:20px;box-shadow:var(--team-shadow-sm);border:1px solid var(--team-border);border-top:3px solid var(--team-gold);overflow:hidden;transition:var(--team-transition)}.team-panel:hover{box-shadow:var(--team-shadow-md)}.team-header{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--team-surface);border-bottom:1px solid var(--team-border);position:relative}.team-header:before{display:none}.team-header h3{font-size:20px;font-weight:400;color:var(--team-text-primary);margin:0;flex:1;letter-spacing:-.02em;font-family:Times New Roman,Georgia,serif}.team-header svg{color:var(--team-gold)}.team-header-logo{height:36px;object-fit:contain;margin-left:auto}.add-member-btn{display:none}.team-layout,.team-layout.stacked{display:flex;flex-direction:column}.team-layout.stacked .team-members-section{border-bottom:none}.team-layout.split{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;min-height:300px}.team-layout.split .team-members-section{grid-column:1;grid-row:1;border-right:1px solid var(--team-border-light)}.team-layout.split .invite-member-section{grid-column:1;grid-row:2;border-right:1px solid var(--team-border-light)}.team-layout.split .team-billing-column{grid-column:2;grid-row:1 / 3}.team-members-section{display:flex;flex-direction:column;background:var(--team-surface);padding-bottom:8px}.team-billing-column{display:flex;flex-direction:column;background:#f8f8f8;border-top:3px solid var(--team-gold)}.team-billing-column .billing-section{margin:0;padding:16px;background:transparent;border:none;border-radius:0;flex:1}@media(max-width:768px){.team-layout.split{display:flex;flex-direction:column}.team-layout.split .team-members-section{border-right:none;border-bottom:1px solid var(--team-border-light)}.team-layout.split .invite-member-section{border-right:none}}.onboarding-cards{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff}.onboarding-card{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid var(--team-border-light);border-radius:8px;transition:all .2s ease}.onboarding-card:hover{border-color:#80002033;box-shadow:0 2px 8px #0000000a}.onboarding-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-card .onboarding-icon{background:#80002014;color:#800020}.subscribe-card .onboarding-icon{background:#d4af371f;color:#b8960b}.seats-card .onboarding-icon{background:#10b9811a;color:#059669}.onboarding-content{flex:1;min-width:0}.onboarding-content h4{font-size:14px;font-weight:600;color:var(--team-text-primary);margin:0 0 6px;font-family:Times New Roman,Georgia,serif}.onboarding-content p{font-size:12px;color:var(--team-text-secondary);margin:0 0 12px;line-height:1.5}.onboarding-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:#800020;border:1px solid rgba(128,0,32,.2);border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.onboarding-action:hover{background:#8000200a;border-color:#800020}.team-bottom-row{display:flex;flex-direction:column;gap:0;margin-top:8px}.team-bottom-row .invite-member-btn-compact{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;margin:0 16px;background:transparent;color:#800020;border:1px solid rgba(128,0,32,.2);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:auto}.team-bottom-row .invite-member-btn-compact:hover{background:#8000200a;border-color:#800020}.invite-member-btn-compact svg{color:#800020}.billing-section-compact{background:#f8f8f8;border-top:3px solid var(--team-gold);margin-top:16px;position:relative}.billing-section-compact:before{content:"";position:absolute;top:-19px;left:20px;right:20px;height:1px;background:var(--team-border)}.billing-section-compact-header{display:flex;align-items:center;gap:8px;padding:12px 20px 8px;font-size:10px;font-weight:600;color:var(--team-text-muted);text-transform:uppercase;letter-spacing:.08em}.billing-section-compact-header svg{color:var(--team-gold)}.billing-card-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px 16px;background:transparent}.billing-card-content{display:flex;align-items:center;gap:12px}.plan-name-compact{font-size:16px;font-weight:600;color:var(--team-text-primary);font-family:Times New Roman,Georgia,serif}.seat-summary-compact{font-size:11px;font-weight:600;color:#800020;padding:4px 10px;background:#8000200f;border-radius:4px;border:1px solid rgba(128,0,32,.1)}.no-plan-text{font-size:14px;color:var(--team-text-secondary)}.billing-link{font-size:12px;font-weight:500;color:#800020;background:transparent;border:1px solid rgba(128,0,32,.2);cursor:pointer;padding:8px 14px;border-radius:4px;transition:all .2s ease}.billing-link:hover:not(:disabled){background:#8000200a;border-color:#800020}.billing-link:disabled{color:var(--team-text-muted);border-color:var(--team-border-light);cursor:not-allowed}.billing-no-subscription{display:flex;flex-direction:column;gap:0}.billing-no-subscription .billing-card-content{padding-bottom:12px;border-bottom:1px solid var(--team-border-light);margin-bottom:12px}.billing-no-subscription .onboarding-card{margin:0 0 4px}@media(max-width:600px){.billing-card-compact{flex-direction:column;align-items:flex-start;gap:12px}.billing-link{width:100%;text-align:center}}.invite-member-section{padding:12px 16px;background:transparent;border-top:1px solid var(--team-border-light);margin-top:auto}.invite-member-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;color:#800020;border:1px solid rgba(128,0,32,.2);border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.invite-member-btn:hover{background:#8000200a;border-color:#800020}.invite-member-btn:active{background:#80002014}.invite-member-btn svg{color:#800020}.team-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:56px 24px;color:var(--team-text-muted);font-size:14px;font-weight:500}.no-org-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;background:var(--team-surface);flex:1;min-height:calc(100vh - 200px)}.no-org-state svg{opacity:.35}.no-org-state p{font-size:18px;font-weight:600;color:var(--team-text-primary);margin:20px 0 8px;letter-spacing:-.02em}.no-org-state span{font-size:14px;color:var(--team-text-secondary);margin-bottom:28px;max-width:260px;line-height:1.6}.personal-org-summary{display:flex;flex-direction:column;padding:32px 24px;flex:1}.org-summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--team-surface-elevated);border:1px solid var(--team-border);border-radius:0}.org-summary-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--team-primary-soft);color:var(--team-primary);border-radius:0;flex-shrink:0}.org-summary-details{flex:1;min-width:0}.org-summary-name{font-size:16px;font-weight:600;color:var(--team-text-primary);margin:0 0 6px;letter-spacing:-.02em}.org-summary-role{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--team-primary);background:var(--team-primary-soft);padding:3px 10px;border-radius:0;margin-bottom:6px}.org-summary-members{font-size:13px;color:var(--team-text-tertiary);margin:0}.org-summary-hint{font-size:13px;color:var(--team-text-secondary);line-height:1.6;margin:20px 0 24px}.create-org-btn{background:var(--team-button);color:var(--team-text-inverse);border:none;border-radius:0;padding:14px 28px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--team-transition)}.create-org-btn:hover{background:var(--team-button-hover)}.create-org-btn:active{background:#030712}.org-name{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--team-surface);border-bottom:1px solid var(--team-border-light)}.org-name svg{color:var(--team-gold);flex-shrink:0}.org-name span{font-size:15px;font-weight:600;color:var(--team-text-primary);letter-spacing:-.01em;flex:1}.org-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--team-success);font-weight:500}.org-status:before{content:"";width:8px;height:8px;background:var(--team-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.members-list-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px}.members-list-header h4{font-size:11px;font-weight:600;color:var(--team-text-muted);margin:0;text-transform:uppercase;letter-spacing:.08em}.members-count{font-size:11px;font-weight:600;color:#800020;background:#8000200f;padding:3px 10px;border-radius:10px;border:1px solid rgba(128,0,32,.1);margin-right:auto;margin-left:8px}.add-member-header-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#800020;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-member-header-btn:hover{background:#f9fafb;border-color:#d1d5db}.members-list{display:flex;flex-direction:column;padding:0 12px 12px;gap:4px}.member-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;position:relative}.member-item:hover{background:var(--team-surface-hover)}.member-item.is-you{background:#80002008;border-color:#80002014}.member-item.is-you:hover{background:#8000200f;border-color:#8000201f}.member-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.member-avatar{position:relative;overflow:hidden;width:40px;height:40px;border-radius:50%;background:#800020;color:var(--team-text-inverse);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;text-transform:uppercase;flex-shrink:0;letter-spacing:0;line-height:1}.member-item:nth-child(2n) .member-avatar{background:#9a1535}.member-item:nth-child(3n) .member-avatar{background:#6b0018}.member-item:nth-child(4n) .member-avatar{background:#800020}.member-avatar.large{width:72px;height:72px;font-size:26px;line-height:1}.member-avatar.small{width:34px;height:34px;font-size:13px;line-height:1}.member-info{flex:1;min-width:0}.member-name{font-size:14px;font-weight:600;color:var(--team-text-primary);margin:0;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.you-badge{font-size:9px;color:#800020;font-weight:600;background:#80002014;padding:2px 8px;border-radius:4px;letter-spacing:.03em;text-transform:uppercase}.member-email{font-size:12px;color:var(--team-text-muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-position{font-size:11px;color:var(--team-text-secondary);margin:2px 0 0;font-weight:500;font-style:italic}.member-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.role-badge.owner{background:transparent;color:#b8860b;border:1px solid #fcd34d}.role-badge.owner svg{color:#b8860b}.role-badge.admin{background:#fff;color:#800020;border:1px solid #e5e7eb}.role-badge.admin svg{color:#800020}.role-badge.member{background:#1118270d;color:#374151;border:1px solid rgba(17,24,39,.1)}.role-badge.member svg{color:#374151}.seat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.seat-badge.has-seat{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.seat-badge.no-seat{background:#6b72800f;color:var(--team-text-muted);border:1px solid rgba(107,114,128,.12)}.seat-badge.personal-sub{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.pending-section{margin:0 10px 10px;padding:16px;background:var(--team-surface-elevated);border-radius:var(--team-radius-md);border:1px solid var(--team-border-light)}.pending-section h4{font-size:11px;font-weight:700;color:var(--team-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.pending-invite-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--team-surface);border-radius:var(--team-radius-sm);margin-bottom:8px;border:1px solid var(--team-border-light);transition:var(--team-transition)}.pending-invite-item:last-child{margin-bottom:0}.pending-invite-item:hover{border-color:var(--team-border)}.invite-details{flex:1}.invite-email{font-size:13px;font-weight:500;color:var(--team-text-primary);margin:0}.invite-role-text{font-size:11px;color:var(--team-text-muted);margin:2px 0 0;text-transform:capitalize}.cancel-invite-btn{background:transparent;border:none;color:var(--team-text-muted);cursor:pointer;padding:6px;border-radius:var(--team-radius-sm);transition:var(--team-transition);display:flex;align-items:center;justify-content:center}.cancel-invite-btn:hover{background:var(--team-danger-soft);color:var(--team-danger)}.pending-invites-section{padding:0 22px 16px}.pending-invites-section h4{font-size:11px;font-weight:700;color:var(--team-text-muted);margin:16px 0 12px;text-transform:uppercase;letter-spacing:.05em}.invite-card{background:var(--team-surface);border-radius:var(--team-radius-md);padding:16px;margin-bottom:10px;border:1px solid var(--team-border);transition:var(--team-transition)}.invite-card:hover{border-color:var(--team-border-focus);box-shadow:var(--team-shadow-sm)}.invite-info{display:flex;align-items:center;gap:14px;margin-bottom:14px}.invite-info>div{flex:1}.invite-org-name{font-size:15px;font-weight:600;color:var(--team-text-primary);margin:0;letter-spacing:-.01em}.invite-role{font-size:12px;color:var(--team-text-secondary);margin:4px 0 0;text-transform:capitalize}.invite-actions{display:flex;gap:10px}.btn-accept{flex:1;background:var(--team-button);color:var(--team-text-inverse);border:none;border-radius:var(--team-radius-sm);padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--team-transition);box-shadow:none}.btn-accept:hover{transform:translateY(-1px);box-shadow:none}.btn-decline{background:var(--team-surface-elevated);color:var(--team-text-muted);border:1px solid var(--team-border);border-radius:var(--team-radius-sm);padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--team-transition)}.btn-decline:hover{background:var(--team-danger-soft);border-color:#dc26264d;color:var(--team-danger)}.divider-text{text-align:center;color:var(--team-text-muted);font-size:13px;font-weight:500;margin:20px 0;position:relative}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:35%;height:1px;background:var(--team-border)}.divider-text:before{left:0}.divider-text:after{right:0}.billing-section{margin:10px;padding:20px;background:var(--team-surface-elevated);border-radius:var(--team-radius-lg);border:1px solid var(--team-border-light)}.billing-section h4{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:var(--team-text-muted);margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em;padding-bottom:10px;border-bottom:1px solid var(--team-border-light)}.billing-section h4 svg{color:var(--team-gold)}.billing-status{padding:16px;border-radius:0}.billing-status.active{background:#fff;border:1px solid var(--team-border-light);border-top:2px solid var(--team-gold)}.billing-status.inactive{background:#fff;border:1px dashed var(--team-border);text-align:center;padding:20px 14px}.billing-plan-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.plan-badge{font-size:18px;font-weight:600;color:var(--team-text-primary);letter-spacing:-.02em;font-family:Times New Roman,Georgia,serif}.seat-info{font-size:11px;font-weight:600;color:#800020;background:#8000200f;padding:5px 10px;border-radius:4px;border:1px solid rgba(128,0,32,.1)}.billing-cycle{font-size:13px;color:var(--team-text-secondary);margin:0 0 16px}.seat-allocation-summary{display:flex;justify-content:space-around;padding:16px;background:var(--team-surface);border-radius:var(--team-radius-md);margin:16px 0;border:1px solid rgba(0,0,0,.04)}.seat-stat{text-align:center;padding:0 12px}.seat-stat .stat-value{display:block;font-size:24px;font-weight:700;color:var(--team-text-primary);letter-spacing:-.03em}.seat-stat .stat-label{font-size:10px;font-weight:600;color:var(--team-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.seat-stat.available .stat-value{color:var(--team-success)}.owner-exempt-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:400;color:#6b7280;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.billing-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.manage-seats-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#fff;color:var(--team-text-primary);border:1px solid var(--team-border);border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.manage-seats-btn:hover{background:var(--team-surface-hover);border-color:#800020;color:#800020}.manage-billing-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#111827;color:#fff;border:none;border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.manage-billing-btn:hover:not(:disabled){background:#1f2937}.manage-billing-btn:disabled{background:var(--team-border);cursor:not-allowed;box-shadow:none}.update-payment-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--team-surface);border:1px solid var(--team-border);border-radius:var(--team-radius);color:var(--team-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.update-payment-btn:hover:not(:disabled){background:var(--team-surface-hover);border-color:#059669;color:#059669}.update-payment-btn:disabled{background:var(--team-border);cursor:not-allowed;opacity:.6}.no-subscription-text{font-size:14px;font-weight:600;color:var(--team-text-primary);margin:0 0 6px;font-family:Times New Roman,Georgia,serif}.subscription-benefit{font-size:12px;color:var(--team-text-secondary);margin:0 0 14px;line-height:1.5}.subscribe-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#111827;color:#fff;border:none;border-radius:0;border-top:2px solid #d4af37;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.subscribe-btn:hover{background:#1f2937}.billing-note{font-size:12px;color:var(--team-text-muted);margin:16px 0 0;text-align:center;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--team-surface);border-radius:12px;padding:24px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);border-top:3px solid var(--team-gold)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{font-size:22px;font-weight:700;color:var(--team-text-primary);margin:0 0 6px;text-align:center;letter-spacing:-.02em}.modal-subtitle{font-size:14px;color:var(--team-text-secondary);text-align:center;margin:0 0 24px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--team-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;color:var(--team-text-primary);transition:var(--team-transition);box-sizing:border-box;background:#fafafa;outline:none}.form-input:focus,.form-input:focus-visible{outline:none!important;border-color:var(--team-gold);background:var(--team-surface);box-shadow:none}.form-input::placeholder{color:var(--team-text-muted)}.role-options{display:flex;flex-direction:column;gap:10px}.role-option{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--team-surface-elevated);border:2px solid var(--team-border-light);border-radius:var(--team-radius-md);cursor:pointer;text-align:left;transition:var(--team-transition)}.role-option:hover{background:var(--team-surface-hover);border-color:var(--team-border)}.role-option.selected{background:var(--team-surface-elevated);border-color:var(--team-border-focus)}.role-option svg{color:var(--team-text-primary);margin-top:2px;flex-shrink:0}.role-option div p{font-size:15px;font-weight:600;color:var(--team-text-primary);margin:0}.role-option div span{font-size:13px;color:var(--team-text-secondary)}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-secondary{flex:1;padding:14px 20px;background:var(--team-surface);color:var(--team-text-primary);border:1px solid var(--team-border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--team-transition);display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--team-surface-hover);border-color:var(--team-text-muted)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{flex:1;padding:14px 20px;background:var(--team-button);color:var(--team-text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--team-transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:none}.btn-primary:hover:not(:disabled){background:#1f2937;box-shadow:none}.btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.full-width{width:100%}.member-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--team-border-light)}.member-modal-header h3{margin:12px 0 2px}.member-modal-header .member-email{font-size:14px;color:var(--team-text-secondary);margin:0 0 8px}.member-actions{margin:12px 0;padding:14px;background:var(--team-surface-elevated);border-radius:var(--team-radius-md)}.member-actions h4{font-size:11px;font-weight:700;color:var(--team-text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.role-change-options{display:flex;gap:10px}.role-change-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--team-surface);border:2px solid var(--team-border);border-radius:var(--team-radius-sm);font-size:13px;font-weight:600;color:var(--team-text-secondary);cursor:pointer;transition:var(--team-transition)}.role-change-btn:hover:not(:disabled){background:var(--team-surface-hover);border-color:var(--team-text-muted)}.role-change-btn.active{background:var(--team-surface-elevated);border-color:var(--team-border-focus);color:var(--team-text-primary)}.role-change-btn:disabled{cursor:default}.member-actions.seat-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--team-border-light);margin:20px -28px;padding:20px 28px;border-radius:0}.seat-status{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--team-radius-sm);margin-bottom:14px;font-size:14px;font-weight:500}.seat-status.allocated{background:var(--team-success-soft);color:var(--team-success);border:1px solid rgba(5,150,105,.15)}.seat-status.unallocated{background:var(--team-surface);color:var(--team-text-muted);border:1px solid var(--team-border)}.seat-status.personal{background:var(--team-warning-soft);color:var(--team-warning);border:1px solid rgba(217,119,6,.15)}.allocate-seat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#059669,#10b981);color:var(--team-text-inverse);border:none;border-radius:var(--team-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--team-transition);box-shadow:0 4px 14px #05966940}.allocate-seat-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966959}.allocate-seat-btn:disabled{background:var(--team-border);cursor:not-allowed;box-shadow:none}.deallocate-seat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--team-danger-soft);color:var(--team-danger);border:2px solid rgba(220,38,38,.2);border-radius:var(--team-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--team-transition)}.deallocate-seat-btn:hover:not(:disabled){background:#dc262626;border-color:#dc26264d}.deallocate-seat-btn:disabled{opacity:.6;cursor:not-allowed}.no-seats-warning{font-size:13px;font-weight:500;color:var(--team-warning);background:var(--team-warning-soft);padding:14px 16px;border-radius:var(--team-radius-sm);margin:0;text-align:center;border:1px solid rgba(217,119,6,.15)}.member-actions.transfer-section{background:transparent;border:none;border-top:1px solid #e5e7eb;margin:8px 0 0;padding:10px 0 0;border-radius:0}.member-actions.transfer-section h4{font-size:11px;font-weight:600;color:#d97706;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.transfer-warning{font-size:12px;color:#6b7280;margin:0 0 10px;line-height:1.4}.transfer-ownership-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-bottom:12px;background:transparent;color:#d97706;border:1px solid #d97706;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.transfer-ownership-btn:hover{background:#d97706;color:#fff}.owner-leave-notice{background:var(--team-warning-soft);border:1px solid rgba(217,119,6,.15);border-radius:var(--team-radius-sm);padding:16px;margin-bottom:16px}.owner-leave-notice p{font-size:13px;color:#92400e;margin:0;line-height:1.6}.remove-member-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;color:#dc2626;border:1px solid #dc2626;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:12px;transition:all .2s ease}.remove-member-btn:hover{background:#dc2626;color:#fff}.billing-modal{max-width:900px;padding:0}.billing-modal-header{padding:24px 32px 20px;border-bottom:1px solid #e5e7eb}.billing-modal h3{font-size:20px;font-weight:600;color:#111827;letter-spacing:-.01em;margin:0}.billing-modal .modal-subtitle{color:#6b7280;font-weight:400;margin:4px 0 0}.billing-modal-split{display:grid;grid-template-columns:1.8fr 1fr}.billing-plans-column{padding:24px 28px;border-right:1px solid #e5e7eb}.billing-checkout-column{padding:20px 22px;background:#fafafa;display:flex;flex-direction:column}.checkout-section{margin-bottom:16px}.billing-checkout-column .billing-label{font-size:11px;margin-bottom:10px}.billing-checkout-column .seat-selector{transform:scale(.95);transform-origin:center}.billing-checkout-column .seat-hint{font-size:11px}.billing-checkout-column .billing-summary{margin:0;flex:1;padding:16px}.billing-checkout-column .summary-row span:first-child{font-size:13px}.billing-checkout-column .total-price{font-size:30px}.billing-checkout-column .per-seat-price{font-size:11px}.billing-checkout-column .billing-note{font-size:11px;margin-top:12px}.billing-checkout-column .modal-actions{margin-top:auto;padding-top:12px}.billing-checkout-column .modal-actions button{font-size:12px;padding:10px 14px}.billing-toggle-container{margin-bottom:24px}.billing-label{font-size:12px;font-weight:600;color:#6b7280;margin:0 0 12px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.billing-toggle{display:flex;background:#fff;border-radius:0;padding:0;gap:0;max-width:280px;margin:0 auto;border:1px solid #e5e7eb}.billing-option{flex:1;padding:12px 16px;background:#fff;border:none;border-radius:0;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#6b7280}.billing-option:hover:not(.active){color:#111827;background:#f9fafb}.billing-option.active{background:#111827;color:#fff}.plan-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.plan-option{background:#fff;border-radius:0;border:none;border-top:3px solid #d4af37;padding:32px 24px;position:relative;transition:all .2s;display:flex;flex-direction:column;cursor:pointer;text-align:center;box-shadow:0 1px 3px #0000001a}.plan-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.plan-option.selected{border-top-color:#111827;box-shadow:0 4px 12px #00000026}.plan-option.selected:after{content:"SELECTED";position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:4px 10px;border-radius:4px;border:1px solid #d1d5db;color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.05em}.plan-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:24px;padding-bottom:0;border-bottom:none;text-align:center}.plan-name{font-size:24px;font-weight:400;margin:0 0 8px;letter-spacing:-.02em;color:#111827;font-family:Times New Roman,Georgia,serif}.plan-subtitle{font-size:12px;color:#9ca3af;margin:0;font-weight:400}.plan-price-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.plan-price{font-size:32px;font-weight:300;color:#111827;letter-spacing:-.03em}.plan-price-period{font-size:13px;color:#9ca3af;font-weight:400;margin-top:4px}.plan-features{margin:0 0 20px;padding:0;list-style:none;text-align:left}.plan-features li{font-size:13px;color:#6b7280;line-height:1.6;font-weight:400;padding:4px 0;position:relative}.plan-features li:before{display:none}.seat-selector{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px;background:#fff;border-radius:0;border:1px solid #e5e7eb}.seat-btn{width:40px;height:40px;border-radius:0;border:1px solid #e5e7eb;background:#fff;font-size:18px;font-weight:400;color:#111827;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.seat-btn:hover:not(:disabled){background:#111827;color:#fff;border-color:#111827}.seat-btn:disabled{opacity:.4;cursor:not-allowed}.seat-count{font-size:36px;font-weight:300;color:#111827;min-width:60px;text-align:center;letter-spacing:-.03em}.seat-hint{font-size:13px;color:#9ca3af;text-align:center;margin:12px 0 0;line-height:1.5;font-weight:400}.cycle-options{display:flex;gap:0;border:1px solid #e5e7eb;max-width:280px;margin:0 auto}.cycle-option{flex:1;padding:12px 16px;background:#fff;border:none;border-radius:0;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.cycle-option:hover:not(.selected){background:#f9fafb;color:#111827}.cycle-option.selected{background:#111827;color:#fff}.billing-summary{background:#fff;border-radius:0;padding:24px;margin-top:24px;border:1px solid #e5e7eb;border-top:2px solid #111827}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-row span:first-child{font-size:14px;color:#6b7280;font-weight:400}.total-price{font-size:32px;font-weight:300;color:#111827;letter-spacing:-.03em}.billing-modal .btn-primary{background:#111827;border-radius:8px;box-shadow:none;font-weight:500}.billing-modal .btn-primary:hover:not(:disabled){background:#1f2937;transform:none;box-shadow:none}.billing-modal .btn-secondary{border-radius:8px;border:1px solid #e5e7eb}.billing-modal .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.savings-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.savings-badge{background:#059669;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}.per-seat-price{font-size:13px;color:#6b7280;font-weight:400}.billing-note{font-size:12px;color:#9ca3af;margin:16px 0 0;text-align:center;line-height:1.6;font-weight:400}@media(max-width:768px){.billing-modal{max-width:100%}.billing-modal-split{grid-template-columns:1fr}.billing-plans-column{border-right:none;border-bottom:1px solid #e5e7eb;padding:20px}.billing-checkout-column{padding:20px}.plan-options{grid-template-columns:1fr}.plan-option{padding:24px 20px}.plan-name{font-size:22px}.plan-price{font-size:28px}}.seat-management-modal{max-width:520px}.seat-summary-bar{display:flex;justify-content:space-around;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--team-radius-md);margin-bottom:24px;border:1px solid var(--team-border-light)}.seat-summary-item{display:flex;align-items:center;gap:8px}.seat-summary-item .label{font-size:11px;font-weight:600;color:var(--team-text-muted);text-transform:uppercase;letter-spacing:.03em}.seat-summary-item .value{font-size:22px;font-weight:700;color:var(--team-text-primary)}.seat-summary-item.available .value{color:var(--team-success)}.seat-member-list{max-height:360px;overflow-y:auto;border:1px solid var(--team-border-light);border-radius:var(--team-radius-md)}.seat-member-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--team-border-light);transition:var(--team-transition)}.seat-member-item:last-child{border-bottom:none}.seat-member-item:hover{background:var(--team-surface-hover)}.seat-member-item.has-seat{background:var(--team-success-soft)}.seat-member-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.seat-member-info .member-details{flex:1;min-width:0}.seat-member-info .member-name{font-size:14px;font-weight:600;color:var(--team-text-primary);margin:0}.seat-member-info .member-email{font-size:12px;color:var(--team-text-muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-member-action{flex-shrink:0}.seat-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--team-radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:var(--team-transition)}.seat-toggle-btn.add{background:var(--team-success-soft);color:var(--team-success);border:1px solid rgba(5,150,105,.2)}.seat-toggle-btn.add:hover:not(:disabled){background:#05966926;border-color:#0596694d}.seat-toggle-btn.remove{background:var(--team-danger-soft);color:var(--team-danger);border:1px solid rgba(220,38,38,.2)}.seat-toggle-btn.remove:hover:not(:disabled){background:#dc262626;border-color:#dc26264d}.seat-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.personal-sub-badge{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:var(--team-warning-soft);color:var(--team-warning);border-radius:var(--team-radius-sm);font-size:11px;font-weight:600;border:1px solid rgba(217,119,6,.15)}.no-seats-label{font-size:12px;font-weight:500;color:var(--team-text-muted);padding:8px 12px}.confirm-dialog{max-width:420px}.confirm-dialog h3{margin:0 0 20px;font-size:20px}.confirm-dialog-content{margin-bottom:24px}.confirm-dialog-content p{font-size:14px;color:var(--team-text-secondary);line-height:1.7;margin:0 0 14px}.confirm-dialog-content p:last-child{margin-bottom:0}.confirm-warning{background:transparent;border:none;border-radius:0;padding:0;margin-top:12px!important;color:#6b7280!important;font-weight:400;font-size:13px}.confirm-message{margin-top:16px}.confirm-note{background:var(--team-info-soft);border:1px solid rgba(2,132,199,.2);border-radius:var(--team-radius-sm);padding:14px 16px;color:#0369a1!important;font-size:13px!important;margin-top:16px!important}.confirm-role-info{background:var(--team-gold-soft);border:1px solid rgba(180,143,75,.3);border-radius:var(--team-radius-sm);padding:10px 14px;color:#92400e!important;font-size:13px!important}.invite-confirm-dialog{max-width:450px}.btn-danger{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:var(--team-radius-sm);font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.org-setup-container{padding:0}.org-setup-header{text-align:center;margin-bottom:16px}.org-setup-icon{width:48px;height:48px;border-radius:8px;background:var(--team-button);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--team-text-inverse);box-shadow:none}.org-setup-header h3{font-size:20px;font-weight:700;color:var(--team-text-primary);margin:0 0 4px;letter-spacing:-.02em}.org-setup-subtitle{font-size:13px;color:var(--team-text-secondary);margin:0;line-height:1.4}.org-setup-content{display:flex;flex-direction:column;gap:12px}.setup-card{background:var(--team-surface-elevated);border:1px solid var(--team-border-light);border-radius:8px;padding:14px 16px}.setup-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.setup-card-header svg{color:var(--team-text-primary)}.setup-card-header span{font-size:15px;font-weight:600;color:var(--team-text-primary)}.folder-count-badge{margin-left:auto;background:#f3f4f6;color:var(--team-text-secondary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px}.setup-card-description{font-size:14px;color:var(--team-text-secondary);line-height:1.6;margin:0}.setup-card-description strong{color:var(--team-text-primary);font-weight:600}.privacy-card{background:var(--team-surface);border:1px solid var(--team-border)}.privacy-options{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.privacy-option{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--team-surface);border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:left;transition:var(--team-transition);position:relative;outline:none}.privacy-option:hover{border-color:#d1d5db;background:#fafafa}.privacy-option.selected{border-color:var(--team-gold);background:var(--team-surface)}.privacy-option:focus,.privacy-option:focus-visible{outline:none!important}.privacy-option-radio{width:22px;height:22px;border-radius:var(--team-radius-full);border:2px solid var(--team-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:var(--team-transition)}.privacy-option.selected .privacy-option-radio{border-color:var(--team-gold)}.radio-inner{width:12px;height:12px;border-radius:var(--team-radius-full);background:var(--team-gold);animation:radioPopIn .2s ease}@keyframes radioPopIn{0%{transform:scale(0)}to{transform:scale(1)}}.privacy-option-content{flex:1}.privacy-option-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--team-text-primary);margin-bottom:4px}.privacy-option-title svg{color:var(--team-text-primary)}.privacy-option-desc{font-size:13px;color:var(--team-text-secondary);line-height:1.5}.recommended-badge{position:absolute;top:-1px;right:-1px;background:var(--team-button);color:var(--team-text-inverse);font-size:9px;font-weight:700;padding:5px 12px;border-radius:0 var(--team-radius-md) 0 var(--team-radius-sm);text-transform:uppercase;letter-spacing:.05em}.privacy-note{font-size:12px;color:var(--team-text-muted);margin:0;padding:12px 14px;background:var(--team-surface-elevated);border-radius:var(--team-radius-sm);text-align:center;line-height:1.5}.setup-info-list{display:flex;flex-direction:column;gap:10px;padding:0;background:transparent;border:none;border-radius:0}.setup-info-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--team-text-secondary)}.setup-info-item .info-icon{flex-shrink:0}.setup-info-item .info-icon.success{color:#800020}.setup-info-item .info-icon.secure{color:var(--team-text-primary)}.org-setup-container .modal-actions{margin-top:20px;padding-top:0;border-top:none;background:transparent}.org-setup-container .modal-actions .btn-secondary,.org-setup-container .modal-actions .btn-primary{padding:10px 16px;font-size:13px}.spinner-small{width:18px;height:18px;border:2px solid rgba(128,0,32,.15);border-top-color:var(--team-text-primary);border-radius:var(--team-radius-full);animation:spin .7s linear infinite}.btn-primary .spinner-small{border-color:#ffffff40;border-top-color:var(--team-text-inverse)}.file-sharing-section{margin:10px;padding:20px;background:var(--team-surface-elevated);border-radius:var(--team-radius-lg);border:1px solid var(--team-border-light)}.file-sharing-section h4{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--team-text-secondary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.file-sharing-section h4 svg{color:var(--team-text-primary)}.team-panel ::-webkit-scrollbar{width:6px}.team-panel ::-webkit-scrollbar-track{background:transparent}.team-panel ::-webkit-scrollbar-thumb{background:var(--team-border);border-radius:3px}.team-panel ::-webkit-scrollbar-thumb:hover{background:var(--team-text-muted)}.team-panel button:focus-visible,.team-panel input:focus-visible{outline:2px solid var(--team-border-focus);outline-offset:2px}@media(max-width:480px){.modal-content{padding:20px;border-radius:var(--team-radius-lg)}.plan-options,.billing-actions{flex-direction:column}.seat-allocation-summary{flex-direction:column;gap:16px}.seat-summary-bar{flex-direction:column;gap:12px;text-align:center}.member-badges{flex-direction:column;align-items:flex-end;gap:4px}}.billing-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;background:#f8f9fa;border-left:3px solid #6b7280;margin:0 24px 16px;font-size:13px;color:#4b5563;line-height:1.5}.billing-disclaimer svg{color:#6b7280;flex-shrink:0;margin-top:1px}.owner-subscription-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;background:#d4af3714;border-left:3px solid #d4af37;margin:0 24px 16px;font-size:13px;color:#92400e;line-height:1.5}.owner-subscription-notice svg{color:#d4af37;flex-shrink:0;margin-top:1px}.add-seats-modal{max-width:420px}.add-seats-current{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#f8f9fa;border-radius:0;margin-bottom:20px;font-size:14px;color:#6b7280}.add-seats-current strong{font-size:24px;color:#111827}.add-seats-selector{margin-bottom:20px}.add-seats-selector label{display:block;text-align:center;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.add-seats-selector .seat-counter{display:flex;align-items:center;justify-content:center;gap:20px}.add-seats-summary{padding:16px;background:#f8f9fa;border-top:2px solid #111827;margin-bottom:8px}.add-seats-summary .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-seats-summary .summary-row span{font-size:14px;color:#6b7280}.add-seats-summary .summary-row strong{font-size:24px;color:#111827}.proration-note{font-size:12px;color:#9ca3af;text-align:center;margin:0;line-height:1.5}.price-increase-note{font-size:13px;color:#059669;font-weight:600;text-align:center;margin-top:8px}.charge-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:0;margin:16px 0;font-size:13px;color:#92400e;line-height:1.5}.charge-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.confirm-checkbox{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;margin-bottom:16px;cursor:pointer;font-size:13px;color:#374151}.confirm-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#111827}.confirm-checkbox:hover{background:#f3f4f6}.add-seats-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#fff;color:#059669;border:1px solid rgba(5,150,105,.3);border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.add-seats-btn:hover{background:#0596690f;border-color:#059669}.add-seats-link{color:#059669!important;border-color:#05966933!important}.add-seats-link:hover:not(:disabled){background:#0596690a!important;border-color:#059669!important}.change-plan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#fff;color:#7c3aed;border:1px solid rgba(124,58,237,.3);border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.change-plan-btn:hover{background:#7c3aed0f;border-color:#7c3aed}.change-plan-modal{max-width:580px}.plan-comparison{display:flex;align-items:stretch;gap:16px;margin:20px 0}.plan-comparison .plan-card{flex:1;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:0;text-align:center;transition:all .2s ease}.plan-comparison .plan-card.active{border-color:#111827;background:#fafafa}.plan-comparison .plan-card-header{margin-bottom:12px}.plan-comparison .plan-card-header .plan-name{font-size:20px;font-weight:500;color:#111827;font-family:Times New Roman,Georgia,serif;margin:0}.current-badge{display:inline-block;background:#111827;color:#fff;font-size:9px;font-weight:700;padding:4px 10px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.plan-comparison .plan-price{font-size:24px;font-weight:300;color:#111827;margin-bottom:16px}.plan-comparison .plan-price span{font-size:12px;color:#9ca3af}.plan-comparison .plan-features-list{list-style:none;padding:0;margin:0;text-align:left}.plan-comparison .plan-features-list li{font-size:12px;color:#6b7280;padding:4px 0;line-height:1.5}.plan-switch-arrow{display:flex;align-items:center;justify-content:center;color:#9ca3af}.change-plan-info{padding:16px 20px;background:#f8f9fa;border-left:3px solid #7c3aed;margin:20px 0}.change-plan-info .seats-affected{font-size:14px;color:#374151;margin:0 0 8px}.change-plan-info .proration-note{font-size:12px;color:#6b7280;margin:0;text-align:left}.proration-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;padding:8px 0}.proration-loading .loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.proration-details{margin-top:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.proration-amount{font-size:14px;margin:0 0 6px;padding:8px 12px;border-radius:6px}.proration-amount.upgrade{background:#dcfce7;color:#166534}.proration-amount.downgrade{background:#fef3c7;color:#92400e}.proration-explanation{font-size:12px;color:#6b7280;margin:0 0 8px}.new-rate{font-size:13px;color:#374151;margin:8px 0 0;padding-top:8px;border-top:1px solid #e5e7eb}.btn-primary.upgrade{background:linear-gradient(135deg,#059669,#10b981)}.btn-primary.upgrade:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669)}.btn-primary.downgrade{background:#6b7280}.btn-primary.downgrade:hover:not(:disabled){background:#4b5563}@media(max-width:520px){.plan-comparison{flex-direction:column}.plan-switch-arrow{transform:rotate(90deg);padding:8px 0}}.manage-subscription-modal{max-width:500px}.manage-subscription-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:0;font-size:13px;font-weight:500;cursor:pointer;transition:var(--team-transition)}.manage-subscription-btn:hover{background:#f9fafb;border-color:#111827}.back-btn{background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:4px}.back-btn:hover{color:#111827}.subscription-overview{display:flex;justify-content:space-around;padding:20px;background:#f9fafb;margin-bottom:24px}.overview-stat{text-align:center}.stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:4px}.stat-value{font-size:28px;font-weight:300;color:#111827}.subscription-actions-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.action-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;text-align:left;transition:all .15s ease}.action-card:hover:not(:disabled){border-color:#111827;background:#fafafa}.action-card:disabled{opacity:.5;cursor:not-allowed}.action-card svg{flex-shrink:0;color:#6b7280}.action-title{display:block;font-size:14px;font-weight:500;color:#111827}.action-desc{display:block;font-size:12px;color:#9ca3af;margin-top:2px}.action-card.add-action:hover:not(:disabled){border-color:#059669}.action-card.add-action:hover:not(:disabled) svg{color:#059669}.action-card.remove-action:hover:not(:disabled){border-color:#f59e0b}.action-card.remove-action:hover:not(:disabled) svg{color:#f59e0b}.action-card.cancel-action:hover:not(:disabled){border-color:#dc2626}.action-card.cancel-action:hover:not(:disabled) svg{color:#dc2626}.allocated-info{font-size:13px;color:#9ca3af;font-weight:400;margin-left:8px}.price-decrease-note{font-size:13px;color:#f59e0b;font-weight:600;text-align:center;margin-top:8px}.info-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:0;margin:16px 0;font-size:13px;color:#0369a1;line-height:1.5}.info-notice svg{color:#0ea5e9;flex-shrink:0;margin-top:2px}.deallocation-section{margin:20px 0;padding:16px;background:#fef3c7;border:1px solid #f59e0b}.deallocation-label{display:block;font-size:13px;font-weight:500;color:#92400e;margin-bottom:12px}.member-selection-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.member-select-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s ease}.member-select-item:hover{border-color:#f59e0b}.member-select-item.selected{border-color:#f59e0b;background:#fffbeb}.member-select-item input[type=checkbox]{width:16px;height:16px;accent-color:#f59e0b}.member-select-item .member-name{flex:1;font-size:13px;color:#111827}.member-select-item .member-role{font-size:11px;text-transform:uppercase;color:#9ca3af}.deallocation-warning{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:#92400e}.deallocation-warning svg{flex-shrink:0}.cancel-warning{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fef2f2;border:1px solid #dc2626;margin:20px 0}.cancel-warning svg{color:#dc2626;flex-shrink:0}.cancel-warning-content strong{display:block;color:#991b1b;margin-bottom:8px}.cancel-warning-content ul{margin:0;padding-left:16px;font-size:13px;color:#7f1d1d}.cancel-warning-content li{margin-bottom:4px}.confirm-checkbox.danger{background:#fef2f2;border-color:#fca5a5}.confirm-checkbox.danger:hover{background:#fee2e2}.btn-danger{background:#dc2626;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.cancel-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;margin-bottom:20px}.cancel-warning-banner svg{color:#d97706;flex-shrink:0;margin-top:2px}.cancel-warning-banner strong{display:block;color:#92400e;font-size:14px;margin-bottom:4px}.cancel-warning-banner p{color:#a16207;font-size:13px;margin:0;line-height:1.5}.manage-subscription-modal.add-seats-active{max-width:720px}.add-seats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.add-seats-header h3{margin:0}.current-plan-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f5f0e6,#faf7f0);border:1px solid #d4af37;font-size:12px;font-weight:600;color:#8b7355;letter-spacing:.02em}.current-plan-badge svg{color:#d4af37}.add-seats-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:20px}.add-seats-left{display:flex;flex-direction:column;gap:20px}.add-seats-right{display:flex;flex-direction:column;gap:16px;background:#fafafa;padding:20px;border-left:3px solid #d4af37}.seat-pricing-breakdown{background:#fff;border:1px solid #e5e7eb;overflow:hidden}.pricing-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.pricing-header span:first-child{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.pricing-note{font-size:10px;color:#9ca3af;font-weight:500}.pricing-list{padding:8px 0}.pricing-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f3f4f6}.pricing-row:last-child{border-bottom:none}.seat-label{font-size:13px;color:#374151;font-weight:500;flex:1}.discount-badge{font-size:10px;font-weight:600;color:#059669;background:#0596691a;padding:3px 8px;border-radius:4px;margin-right:12px;letter-spacing:.02em}.seat-price{font-size:14px;font-weight:600;color:#111827;min-width:90px;text-align:right}.add-seats-features{background:#fff;border:1px solid #e5e7eb;padding:16px}.features-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f3f4f6}.features-header svg{color:#d4af37}.features-header span{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.features-list{list-style:none;margin:0;padding:0}.features-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;color:#4b5563;line-height:1.4}.features-list li svg{color:#059669;flex-shrink:0;margin-top:2px}.add-seats-right .add-seats-summary{background:#fff;border:1px solid #e5e7eb;padding:16px;margin:0}.summary-divider{height:1px;background:#e5e7eb;margin:12px 0}.new-seat-count{font-size:28px;font-weight:300;color:#111827;letter-spacing:-.02em}.total-row{padding-top:4px}.new-monthly-total{font-size:22px;font-weight:600;color:#111827;letter-spacing:-.01em}.add-seats-right .price-increase-note{text-align:center;margin-top:8px;font-size:13px;font-weight:600;color:#059669;background:#05966914;padding:8px;border:1px solid rgba(5,150,105,.15)}.add-seats-right .charge-warning{font-size:12px;padding:12px;margin:0}.add-seats-right .confirm-checkbox{padding:10px 12px;font-size:12px}.add-seats-right .modal-actions{margin-top:auto;padding-top:8px}.add-seats-right .modal-actions button{font-size:13px;padding:10px 16px}@media(max-width:680px){.add-seats-layout{grid-template-columns:1fr;gap:16px}.add-seats-right{border-left:none;border-top:3px solid #d4af37}.add-seats-header{flex-direction:column;align-items:flex-start;gap:12px}}.invoices-modal{max-width:600px;max-height:80vh;overflow-y:auto}.invoices-modal h3{display:flex;align-items:center;gap:8px;margin-bottom:4px}.invoices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--team-text-secondary)}.view-invoices-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--team-surface);border:1px solid var(--team-border);border-radius:6px;color:var(--team-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-invoices-btn:hover{background:var(--team-surface-hover);border-color:var(--team-text-secondary)}.upcoming-invoice-section{margin-bottom:24px}.upcoming-invoice-section h4{font-size:13px;font-weight:600;color:var(--team-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.upcoming-invoice-card{background:var(--team-primary-soft);border:1px solid rgba(128,0,32,.15);border-radius:8px;padding:16px}.invoice-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.invoice-row:not(:last-child){border-bottom:1px solid rgba(128,0,32,.1)}.invoice-label{font-size:13px;color:var(--team-text-secondary)}.invoice-value{font-size:14px;font-weight:500;color:var(--team-text-primary)}.invoice-value.invoice-amount{font-size:16px;font-weight:600;color:var(--team-primary)}.invoice-line-items{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(128,0,32,.2)}.invoice-line-item{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.line-description{color:var(--team-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.line-amount{color:var(--team-text-primary);font-weight:500}.past-invoices-section h4{font-size:13px;font-weight:600;color:var(--team-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.no-invoices{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--team-text-muted);background:var(--team-surface-elevated);border-radius:8px;border:1px dashed var(--team-border)}.no-invoices p{margin:8px 0 4px;font-weight:500;color:var(--team-text-secondary)}.no-invoices span{font-size:12px}.invoices-list{display:flex;flex-direction:column;gap:8px}.invoice-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--team-surface);border:1px solid var(--team-border);border-radius:8px;transition:all .15s ease}.invoice-item:hover{background:var(--team-surface-hover);border-color:var(--team-text-muted)}.invoice-item-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.invoice-date{font-size:13px;font-weight:500;color:var(--team-text-primary);min-width:90px}.invoice-number{font-size:12px;color:var(--team-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;min-width:60px;text-align:center}.invoice-status.paid{background:var(--team-success-soft);color:var(--team-success)}.invoice-status.open{background:var(--team-warning-soft);color:var(--team-warning)}.invoice-status.void{background:var(--team-surface-hover);color:var(--team-text-muted)}.invoice-status.uncollectible{background:var(--team-danger-soft);color:var(--team-danger)}.invoice-amount{font-size:14px;font-weight:600;color:var(--team-text-primary);min-width:80px;text-align:right}.invoice-actions{display:flex;gap:6px;margin-left:12px}.invoice-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--team-surface-elevated);border:1px solid var(--team-border);color:var(--team-text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none}.invoice-action-btn:hover{background:var(--team-primary);border-color:var(--team-primary);color:#fff}.load-more-btn{display:block;width:100%;padding:12px;margin-top:12px;background:var(--team-surface);border:1px solid var(--team-border);border-radius:6px;color:var(--team-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.load-more-btn:hover:not(:disabled){background:var(--team-surface-hover);border-color:var(--team-text-muted);color:var(--team-text-primary)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:500px){.invoice-item-main{flex-wrap:wrap;gap:8px}.invoice-number{order:3;width:100%;flex:auto}.invoice-date,.invoice-status,.invoice-amount{min-width:auto}}.otp-input-section{text-align:center;margin:24px 0}.otp-sent-message{color:var(--team-text-secondary);font-size:14px;margin-bottom:16px}.otp-input{width:200px;padding:16px;font-size:24px;text-align:center;letter-spacing:8px;border:2px solid var(--team-border);border-radius:8px;background:var(--team-surface);color:var(--team-text-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace}.otp-input:focus{outline:none;border-color:var(--team-accent);box-shadow:0 0 0 3px #d4af3733}.otp-input:disabled{opacity:.6;cursor:not-allowed}.otp-input::placeholder{color:var(--team-text-muted);letter-spacing:8px}.otp-error{color:#dc2626;font-size:13px;margin-top:12px;font-weight:500}.otp-note{color:var(--team-text-muted);font-size:12px;margin-top:12px}.cancel-email-note{color:var(--team-text-muted);font-size:13px;margin-top:16px;text-align:center}.cancel-success{text-align:center;padding:32px 24px}.cancel-success p{color:var(--team-text-primary);font-size:16px;margin:16px 0 0}.cancel-success-note{color:var(--team-text-muted)!important;font-size:14px!important;margin-top:8px!important}.audit-log-section{border-top:1px solid var(--team-border-light);margin-top:8px}.audit-log-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:var(--team-text-secondary);font-size:13px;font-weight:500;transition:var(--team-transition-fast)}.audit-log-toggle:hover{background:var(--team-surface-hover);color:var(--team-text-primary)}.audit-log-toggle svg:first-child{color:var(--team-gold)}.audit-log-toggle span{flex:1;text-align:left}.audit-log-toggle .toggle-icon{transition:transform var(--team-transition-fast)}.audit-log-toggle .toggle-icon.open{transform:rotate(180deg)}.audit-log-content{padding:0 16px 16px}.audit-loading{display:flex;align-items:center;gap:8px;padding:16px;color:var(--team-text-muted);font-size:13px}.audit-empty{color:var(--team-text-muted);font-size:13px;text-align:center;padding:16px;margin:0}.audit-log-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.audit-log-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--team-surface-elevated);border-left:2px solid var(--team-border);transition:var(--team-transition-fast)}.audit-log-item:hover{background:var(--team-surface-hover);border-left-color:var(--team-gold)}.audit-log-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--team-primary-soft);border-radius:var(--team-radius-full);color:var(--team-primary);flex-shrink:0}.audit-log-details{flex:1;min-width:0}.audit-log-action{font-size:13px;color:var(--team-text-primary);margin:0 0 2px;line-height:1.4}.audit-log-action strong{font-weight:600}.audit-log-time{font-size:11px;color:var(--team-text-muted);margin:0}.team-dashboard{background:var(--team-surface);min-height:100%}.team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--team-border-light)}.metric-card{background:#fff;border:1px solid var(--team-border-light);border-radius:12px;padding:20px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#800020,#d4af37);opacity:0;transition:opacity .25s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#d1d5db}.metric-card:hover:before{opacity:1}.metric-value{font-size:36px;font-weight:300;color:#111827;letter-spacing:-.03em;line-height:1;margin-bottom:8px}.metric-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.team-tabs{display:flex;gap:0;padding:0 24px;background:var(--team-surface);border-bottom:1px solid var(--team-border-light)}.team-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.team-tab:hover{color:#111827;background:#00000005}.team-tab.active{color:#800020;border-bottom-color:#800020}.team-tab.active svg{color:#800020}.tab-count{background:#800020;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.team-tab-content{padding:0;min-height:400px}.tab-panel{animation:tabFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--team-border-light)}.panel-title{font-size:16px;font-weight:600;color:#111827;letter-spacing:-.01em}.add-member-btn-new{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-member-btn-new:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #11182733}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:24px}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardSlideIn .4s cubic-bezier(.4,0,.2,1) backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.member-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.member-card.is-you{background:linear-gradient(135deg,#fef7f8,#fff);border-color:#80002026}.member-card.is-you:hover{border-color:#80002040}.member-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.member-card .member-avatar{width:48px;height:48px;font-size:18px}.member-card .role-badge{font-size:9px;padding:4px 10px}.member-card-info{min-height:60px}.member-card .member-name{font-size:15px;font-weight:600;margin-bottom:4px}.member-card .member-email{font-size:13px;color:#6b7280;margin-bottom:4px}.member-card .member-position{font-size:12px;color:#9ca3af;font-style:italic}.member-card-hover{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(17,24,39,.95),transparent);opacity:0;transform:translateY(100%);transition:all .25s ease;text-align:center}.member-card-hover span{font-size:12px;font-weight:500;color:#fff}.member-card:hover .member-card-hover{opacity:1;transform:translateY(0)}.empty-tab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-tab-state svg{color:#d1d5db;margin-top:10px;margin-bottom:16px}.empty-tab-state p{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-tab-state span{font-size:14px;color:#6b7280;margin-bottom:20px}.empty-state-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state-btn:hover{background:#1f2937}.invitations-list{padding:24px;display:flex;flex-direction:column;gap:12px}.invitation-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease;animation:cardSlideIn .4s cubic-bezier(.4,0,.2,1) backwards}.invitation-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.invitation-avatar{width:44px;height:44px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.invitation-info{flex:1;min-width:0}.invitation-email{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.invitation-role{font-size:12px;color:#6b7280;margin:0;text-transform:capitalize}.invitation-card .cancel-invite-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.activity-timeline{padding:24px;display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f3f4f6;animation:activitySlideIn .3s ease backwards}@keyframes activitySlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:50%;background:#80002014;display:flex;align-items:center;justify-content:center;color:#800020;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:14px;color:#374151;margin:0 0 4px;line-height:1.5}.activity-text strong{font-weight:600;color:#111827}.activity-time{font-size:12px;color:#9ca3af;margin:0}.tab-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#6b7280;font-size:14px}@media(max-width:768px){.team-metrics{grid-template-columns:1fr;gap:12px;padding:16px}.metric-card{padding:16px}.metric-value{font-size:28px}.team-tabs{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.team-tab{padding:14px 16px;white-space:nowrap}.tab-panel-header{flex-direction:column;gap:12px;align-items:flex-start;padding:16px}.add-member-btn-new{width:100%;justify-content:center}.members-grid{grid-template-columns:1fr;padding:16px;gap:12px}.member-card,.invitations-list,.activity-timeline{padding:16px}}.teams-screen{min-height:100vh;background:#fff;display:flex;flex-direction:column}.teams-screen .team-panel{flex:1;width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;border:none;background:transparent;overflow:visible}.teams-screen .team-panel:hover{box-shadow:none}.matter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.matter-dropdown-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #e5e7eb}.matter-dropdown-search-icon{color:#9ca3af;flex-shrink:0}.matter-dropdown-search input{flex:1;padding:10px 0;border:none;font-size:14px;outline:none;background:transparent}.matter-dropdown-list{overflow-y:auto;max-height:350px}.matter-dropdown-item{width:100%;text-align:left;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:14px;color:#374151;transition:background .15s;display:flex;align-items:center;justify-content:space-between}.matter-dropdown-item:hover{background:#fdf2f4;color:#800020}.matter-dropdown-item.general{color:#6b7280;border-bottom:1px solid #e5e7eb;font-style:italic}.matter-type-badge{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px}.matter-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#9ca3af;font-size:13px}.matter-dropdown-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#800020;border-radius:50%;animation:matter-dropdown-spin .8s linear infinite}@keyframes matter-dropdown-spin{to{transform:rotate(360deg)}}.matter-dropdown-empty{padding:16px 12px;text-align:center;color:#9ca3af;font-size:13px}.matter-dropdown-end{padding:8px 12px;text-align:center;color:#d1d5db;font-size:11px;border-top:1px solid #f3f4f6}.ask-lex-screen{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;position:relative}.chat-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ask-lex-top-logo{height:36px;object-fit:contain}.ask-lex-layout{display:flex;flex:1;overflow:hidden}.chat-sidebar{width:280px;min-width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:margin-left .3s ease,opacity .3s ease;overflow:hidden}.chat-sidebar-collapsed{width:48px;min-width:48px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:8px}.sidebar-expand-btn{background:none;border:none;cursor:pointer;padding:10px;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.sidebar-expand-btn:hover{background:#f3f4f6;color:#800020}.sidebar-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.sidebar-collapse-btn{background:none;border:none;cursor:pointer;padding:8px;color:#6b7280;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.sidebar-collapse-btn:hover{background:#f3f4f6;color:#374151}.new-chat-btn{width:100%;padding:10px 16px;background:#800020;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.new-chat-btn:hover{background:#a00028}.sidebar-search{padding:8px 12px;position:relative;display:flex;align-items:center}.sidebar-search-icon{position:absolute;left:20px;color:#9ca3af;pointer-events:none}.sidebar-search-input{width:100%;padding:7px 28px 7px 30px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;background:#f9fafb;outline:none;transition:border-color .15s}.sidebar-search-input:focus{border-color:#800020;background:#fff}.sidebar-search-input::placeholder{color:#9ca3af}.sidebar-search-clear{position:absolute;right:20px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.sidebar-search-clear:hover{color:#374151}.sidebar-count{padding:2px 16px 6px;font-size:11px;color:#9ca3af;font-weight:500}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.chat-section-title{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.chat-history-item{width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;transition:background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-item:hover{background:#f3f4f6}.chat-history-item.active{background:#80002014;color:#800020;font-weight:500}.chat-history-item .item-title{flex:1;overflow:hidden;text-overflow:ellipsis}.chat-history-item .delete-btn{opacity:0;background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;border-radius:4px;display:flex;align-items:center;transition:opacity .15s,color .15s}.chat-history-item:hover .delete-btn{opacity:1}.chat-history-item .delete-btn:hover{color:#dc2626}.matter-selector-bar{display:flex;align-items:center;gap:12px;flex:1}.matter-selector-bar label{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap}.matter-selector-wrapper{position:relative;flex:1;max-width:360px}.matter-selector-trigger{width:100%;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.matter-selector-trigger:hover{border-color:#d1d5db}.matter-selector-trigger.has-matter{border-color:#800020;background:#8000200a}.clear-matter-btn{background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;display:flex;align-items:center;border-radius:4px;transition:color .15s}.clear-matter-btn:hover{color:#dc2626}.chat-container{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.loading-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;gap:8px}.loading-chat p{font-size:13px;margin:0}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;gap:12px;padding:40px}.empty-chat h2{font-size:22px;font-weight:600;color:#800020;margin:0}.empty-chat p{font-size:14px;text-align:center;max-width:400px;line-height:1.5;margin:0}.message-bubble{max-width:75%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.message-bubble.user{align-self:flex-end;background:#800020;color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{align-self:flex-start;background:#fff;color:#374151;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.msg-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.msg-attachment-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 10px;font-size:12px;max-width:220px}.msg-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-chips-inline{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.reference-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 4px;background:#edf2f7;border:1px solid #d1d9e0;border-radius:20px;font-size:11.5px;color:#374151;text-decoration:none;transition:background .15s,border-color .15s;cursor:pointer;white-space:nowrap;line-height:1.4}.reference-chip:hover{background:#e2e8f0;border-color:#94a3b8}.reference-chip-icon{width:14px;height:14px;border-radius:50%;flex-shrink:0}.reference-chip span{font-weight:500}.streaming-indicator{display:inline-block;width:6px;height:16px;background:#800020;animation:blink .8s infinite;margin-left:2px;vertical-align:text-bottom;border-radius:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thinking-dots{display:flex;gap:4px;padding:12px 16px;align-self:flex-start}.thinking-dots span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:thinking 1.4s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-area{padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.chat-input-wrapper{display:flex;align-items:flex-end;gap:10px;max-width:800px;margin:0 auto}.chat-input-wrapper textarea{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-family:inherit;line-height:1.5;resize:none;outline:none;max-height:150px;min-height:44px;transition:border-color .2s}.chat-input-wrapper textarea:focus{border-color:#800020}.send-btn{padding:10px 16px;background:#800020;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s;min-height:44px;white-space:nowrap}.send-btn:hover:not(:disabled){background:#a00028}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-sidebar{position:fixed;top:0;left:0;bottom:80px;z-index:999;box-shadow:2px 0 12px #00000026}.chat-sidebar-collapsed{width:40px;min-width:40px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:998}.message-bubble{max-width:90%}.chat-top-bar{padding:8px 12px}}.chat-main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.file-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#8000200d;border:2px dashed #800020;border-radius:8px;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.file-drop-message{background:#fff;color:#800020;font-weight:600;font-size:15px;padding:12px 28px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.ask-lex-disclaimer{font-size:11px;color:#c4c8cd;font-style:italic;text-align:center;margin:6px 0 0}.attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.attach-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.attach-btn-disabled,.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attachment-bar{display:flex;flex-wrap:wrap;gap:8px;max-width:800px;margin:0 auto 10px}.attachment-chip{display:flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:4px 10px;font-size:12px;color:#374151;max-width:240px}.attachment-chip-error{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.attachment-chip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip-ok{color:#16a34a;font-weight:600;font-size:11px}.attachment-chip-err{color:#dc2626;font-weight:700;font-size:11px}.attachment-chip-remove{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;color:#9ca3af;line-height:1}.attachment-chip-remove:hover{color:#374151}.attachment-progress-track{width:48px;height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden;flex-shrink:0}.attachment-progress-fill{height:3px;background:#800020;border-radius:2px;transition:width .1s linear}.ask-lex-locked{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8f9fad9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100}.ask-lex-locked-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;padding:40px}.ask-lex-locked-content h2{margin:20px 0 8px;font-size:22px;font-weight:600;color:#1a1a2e}.ask-lex-locked-content p{margin:0 0 28px;font-size:14px;color:#666;line-height:1.5}.ask-lex-upgrade-btn{background:#800020;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.ask-lex-upgrade-btn:hover{background:#660019}.search-bar{position:relative;display:flex;align-items:center;min-width:0;max-width:280px;height:36px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:0 10px 0 36px;transition:border-color .2s}.search-bar:focus-within{border-color:#d1d5db}.search-bar-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none}.search-bar-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#111827;height:100%;padding:0}.search-bar-input::placeholder{color:#9ca3af}.search-bar-clear{display:flex;align-items:center;background:none;border:none;padding:2px;color:#9ca3af;cursor:pointer;border-radius:4px}.search-bar-clear:hover{color:#374151}.tasks-screen{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.tasks-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#999;font-size:14px}.tasks-loading .spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#800020;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tasks-header-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;color:#1f2937;min-height:56px;position:relative;border-bottom:1px solid #e5e7eb}.tasks-header-bar h1{font-size:18px;font-weight:600;color:#1f2937;margin:0;flex-shrink:0}.tasks-header-count{font-size:13px;color:#800020;font-weight:500;flex:1;text-align:center}.tasks-header-logo{height:36px;object-fit:contain;margin-left:auto;flex-shrink:0}.header-add-wrapper{position:relative;z-index:10}.header-add-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#800020;font-size:20px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.header-add-btn:hover{background:#fdf2f4;border-color:#800020}.header-add-wrapper .matter-dropdown{right:0;left:auto;min-width:260px}.tasks-filters{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.filter-group{display:flex;align-items:center;gap:6px}.filter-label{font-size:13px;font-weight:500;color:#666}.filter-chip{padding:5px 12px;border-radius:16px;border:1px solid #e0dcd7;background:#fff;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:#ccc}.filter-chip.active{background:#800020;color:#fff;border-color:#800020}.tasks-sort-toggle{display:flex;flex-shrink:0;background:#fff;border-radius:10px;padding:3px;border:1px solid #e0dcd7;margin:0}.tasks-sort-toggle .sort-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;background:transparent;color:#999;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;width:auto;height:auto;flex:none;transition:all .15s ease}.tasks-sort-toggle .sort-btn:hover{color:#666}.tasks-sort-toggle .sort-btn.active{background:#f8f0f2;color:#800020}.tasks-list{padding:16px 24px 48px}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:12px;text-align:center}.tasks-empty h3{font-size:18px;font-weight:600;color:#666;margin:0}.tasks-empty p{font-size:14px;color:#999;margin:0;max-width:360px;line-height:1.5}.task-table-wrapper{background:#fff;border-radius:10px;border:1px solid #e9ecef;overflow:hidden}.task-table-header{display:grid;grid-template-columns:40px 1fr 160px 120px 48px;align-items:center;padding:0 16px;height:42px;border-bottom:1px solid #e9ecef;background:#fafbfc}.task-table-header-cell{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#888;padding:0 4px;-webkit-user-select:none;user-select:none}.task-table-body{display:flex;flex-direction:column}.matter-group-row{display:grid;grid-template-columns:40px 1fr 160px 120px 48px;align-items:center;padding:0 16px;min-height:38px;cursor:pointer;border-bottom:1px solid #e9ecef;background:#fafbfc;-webkit-user-select:none;user-select:none;transition:background .1s ease}.matter-group-row:hover{background:#f3f4f6}.matter-group-row .matter-group-name-area{display:flex;align-items:center;gap:8px}.matter-group-row .matter-group-name{font-size:12px;font-weight:600;color:#666}.matter-group-row .count-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.matter-group-row .matter-group-chevron{color:#999;display:flex;align-items:center;flex-shrink:0}.task-table-row{display:grid;grid-template-columns:40px 1fr 160px 120px 48px;align-items:center;padding:0 16px;min-height:48px;border-bottom:1px solid #f3f4f6;transition:background .1s ease;position:relative}.task-table-row:hover{background:#f9fafb}.task-table-row.completed{opacity:.6}.task-table-row:hover .action-menu-btn{opacity:1}.task-table-row:hover .task-drag-handle{color:#9ca3af}.task-cell-checkbox{display:flex;align-items:center;justify-content:center}.task-cell-title{padding:8px 4px;font-size:13px;color:#333;line-height:1.4;min-width:0;word-break:break-word}.task-cell-title.clickable{cursor:pointer}.task-cell-title.completed-text{text-decoration:line-through;color:#bbb}.task-cell-matter{padding:8px 4px}.task-cell-date{font-size:12px;color:#888;padding:8px 4px}.task-cell-actions{display:flex;align-items:center;justify-content:center;padding:8px 0;position:relative}.task-checkbox{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.task-matter-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:6px;color:#999;cursor:pointer;padding:0;opacity:0;transition:all .1s ease}.action-menu-btn:hover{background:#f3f4f6;color:#666}.action-menu-btn.visible{opacity:1}.action-menu-dropdown{position:absolute;right:16px;top:100%;margin-top:2px;width:140px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a;z-index:50;overflow:hidden}.action-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#333;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .1s ease}.action-menu-item:hover{background:#f3f4f6}.action-menu-item.delete{color:#dc3545}.date-group-row{padding:10px 16px;border-bottom:1px solid #e9ecef;background:#fafbfc}.date-group-row span{font-size:12px;font-weight:700;color:#800020;text-transform:uppercase;letter-spacing:.5px}.task-edit-container{flex:1;display:flex;align-items:center;gap:6px;padding:4px}.task-edit-input{width:100%;font-size:13px;color:#333;border:1px solid #800020;border-radius:6px;padding:6px 8px;outline:none;font-family:inherit;line-height:1.4}.task-edit-input:focus{box-shadow:0 0 0 2px #80002026}.task-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;background:none;border:none;color:#d1d5db;cursor:grab;padding:0;border-radius:4px;transition:color .15s}.task-drag-handle:hover{color:#800020}.task-drag-handle:active{cursor:grabbing}.add-task-btn{display:flex;align-items:center;width:100%;padding:10px 16px;background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;font-family:inherit;transition:color .15s,background .15s}.add-task-btn:hover{color:#800020;background:#fdf2f4}.add-task-row{display:flex;align-items:center;padding:10px 16px;gap:10px;border-top:1px solid #f0f0f0}.add-task-input{flex:1;font-size:14px;color:#333;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;outline:none;font-family:inherit;line-height:1.5}.add-task-input:focus{border-color:#800020;box-shadow:0 0 0 2px #80002026}.add-task-input:disabled{opacity:.5}.add-first-task{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;width:100%;max-width:360px}.empty-add-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid #800020;border-radius:8px;background:#fdf2f4;color:#800020;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.empty-add-btn:hover{background:#f8e0e6}.add-first-task .add-task-row{width:100%;padding:0;border-top:none}.date-view-scroll{position:relative}.spinner-small{width:18px;height:18px;border:2px solid #e9ecef;border-top-color:#800020;border-radius:50%;animation:spin .8s linear infinite}.task-action-btn{background:none;border:none;padding:5px;cursor:pointer;color:#bbb;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.task-action-btn:hover{color:#666;background:#f0f0f0}