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}body{background-color:#f0f2f5;color:#2d3748}.app-header{background:#fff;color:#2d3748;padding:.5rem 0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.03)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:.75rem;padding:0 2rem}.header-nav{display:flex;gap:.5rem;align-items:center;background:#f7fafc;padding:4px;border-radius:12px}.nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:#718096;font-weight:600;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-item:hover{background:#fff;color:#4a5568;box-shadow:0 2px 4px #00000005}.nav-item.active{background:#fff;color:#667eea;box-shadow:0 2px 5px #0000000d}.nav-icon{font-size:1.1rem}.bookmarks-main,.notes-main,.calendar-main,.words-main,.dashboard-main{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:2rem}.note-item,.bookmark-item,.recent-notes-section,.upcoming-events-section,.flashcard-header,.words-list-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.note-item:hover,.bookmark-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}@media(max-width:1024px){.app-header{padding:0}.header-content{flex-wrap:wrap;gap:0;padding:0 8px}.header-nav{flex:1;order:1;overflow:visible;justify-content:flex-start;padding:4px 6px;gap:2px;border-radius:0;background:#f7fafc;border-top:1px solid rgba(0,0,0,.04)}.nav-text{display:none}.nav-item{padding:6px 10px;border-radius:6px;flex-shrink:0}.nav-icon{font-size:1rem}.header-avatar-wrapper{order:2;padding:4px 6px;background:#f7fafc;border-top:1px solid rgba(0,0,0,.04);display:flex;align-items:center}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:#667eea;font-weight:600;gap:12px}.sidebar-add-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;margin-bottom:16px;transition:all .2s ease}.sidebar-add-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.sidebar-btn-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sidebar-btn-group .sidebar-add-btn{margin-bottom:0}.sidebar-template-wrapper{position:relative}.sidebar-template-btn{padding:10px 12px;background:#fff;color:#667eea;border:1px solid #667eea;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;transition:all .2s ease;width:100%;box-sizing:border-box;text-align:center}.sidebar-template-btn:hover{background:#f0edff}.template-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;min-width:200px;padding:6px}.template-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:.82rem;color:#333;border-radius:6px;transition:background .15s}.template-item:hover{background:#f3f0ff}@media(max-width:768px){.sidebar-add-btn{width:auto;margin-bottom:0;padding:8px 14px;font-size:.75rem;flex-shrink:0;white-space:nowrap}.sidebar-btn-group{flex-direction:row;margin-bottom:0;gap:6px;flex-shrink:0}.sidebar-template-btn{width:auto;padding:8px 10px;font-size:.72rem}}.home-container{box-sizing:border-box;min-height:100vh;background:#f0f2f5;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#667eea14,#764ba20f);pointer-events:none}.home-container:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#667eea0d,#764ba20a);pointer-events:none}.login-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f;text-align:center;max-width:400px;width:100%;position:relative;z-index:1;border:1px solid #e2e8f0}.app-logo{margin-bottom:.75rem}.logo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:1.6rem;line-height:1;box-shadow:0 4px 12px #667eea40}.app-name{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 .25rem;letter-spacing:-.01em}.app-tagline{font-size:.82rem;color:#a0aec0;margin:0 0 2rem;font-weight:400}.sso-button{width:100%;padding:11px 20px;font-size:.88rem;border:1px solid #e2e8f0;background:#fff;color:#2d3748;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.sso-button:hover{background:#f7fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.sso-button:active{transform:scale(.985)}.microsoft-icon{flex-shrink:0}.dev-login-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#a0aec0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.dev-login-divider:before,.dev-login-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.dev-login-button{width:100%;padding:10px 20px;font-size:.82rem;border:1px dashed #cbd5e1;background:#f7fafc;color:#4a5568;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600}.dev-login-button:hover:not(:disabled){background:#edf2f7;border-color:#667eea;color:#667eea;box-shadow:0 2px 8px #667eea26}.dev-login-button:disabled{opacity:.6;cursor:default}.dev-account-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dev-account-btn{flex:1 1 auto;min-width:110px;padding:8px 12px;font-size:.78rem;font-weight:600;font-family:inherit;color:#4a5568;background:#f7fafc;border:1px dashed #cbd5e1;border-radius:10px;cursor:pointer;transition:all .15s;white-space:nowrap}.dev-account-btn:hover:not(:disabled){background:#edf2f7;border-color:#667eea;color:#667eea;box-shadow:0 2px 8px #667eea26}.dev-account-btn:disabled{opacity:.6;cursor:default}.dev-hint{margin:8px 0 0;font-size:.68rem;color:#a0aec0;text-align:center}.button-group{display:flex;flex-direction:column;gap:10px}.dashboard-button{width:100%;padding:11px 20px;font-size:.88rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea40}.dashboard-button:hover{box-shadow:0 4px 14px #667eea59;transform:translateY(-1px)}.logout-button{width:100%;padding:9px 20px;font-size:.82rem;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:500;background:#fff;color:#718096}.logout-button:hover{background:#f7fafc;border-color:#cbd5e1;color:#4a5568}.local-login-form{display:flex;flex-direction:column;gap:6px;text-align:left}.local-login-form label{font-size:.74rem;font-weight:600;color:#4a5568;margin-top:6px}.local-login-form input{width:100%;box-sizing:border-box;padding:9px 12px;font-size:.86rem;color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s,box-shadow .2s}.local-login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.local-password-row{position:relative;display:flex;align-items:center}.local-password-row input{padding-right:38px}.local-password-toggle{position:absolute;right:6px;border:none;background:transparent;cursor:pointer;font-size:.9rem;line-height:1;padding:4px 6px;border-radius:6px;color:#718096}.local-password-toggle:hover{background:#f0f2f5}.local-login-error{margin:4px 0 0;font-size:.76rem;color:#dc3545;line-height:1.4}.local-login-button{width:100%;margin-top:10px;padding:10px 20px;font-size:.86rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:box-shadow .2s,transform .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea40}.local-login-button:hover:not(:disabled){box-shadow:0 4px 14px #667eea59;transform:translateY(-1px)}.local-login-button:disabled{opacity:.65;cursor:default}.login-footer{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #f0f2f5}.login-footer p{margin:0;font-size:.72rem;color:#cbd5e0;line-height:1.5}@media(max-width:480px){.home-container{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:12px}.app-name{font-size:1.25rem}}.admin-container{min-height:100vh;background:#f0f2f5}.admin-page{max-width:1200px;margin:0 auto;padding:24px 24px 64px;text-align:left}.admin-card,.admin-section,.admin-modal,.admin-stat,.admin-schedule{text-align:left}.admin-header{margin-bottom:18px}.admin-header h1{margin:0;font-size:1.5rem;color:#2d3748}.admin-subtitle{margin:6px 0 0;font-size:.84rem;color:#718096}.admin-tabs{display:flex;gap:4px;border-bottom:1px solid #e8e8e8;margin-bottom:18px}.admin-tab{background:none;border:none;padding:10px 16px;font-size:.88rem;color:#718096;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.admin-tab:hover{color:#4a5568}.admin-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.admin-section{display:flex;flex-direction:column;gap:16px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:1100px){.admin-columns{grid-template-columns:1fr}}.admin-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:18px;box-shadow:0 1px 3px #2d37480a}.admin-card h2{margin:0 0 4px;font-size:1.02rem;color:#2d3748}.admin-card-danger{border-color:#f3c7c7}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px}.admin-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-desc{margin:0 0 12px;font-size:.8rem;color:#718096;line-height:1.5}.admin-desc code{background:#f7fafc;border:1px solid #e8e8e8;border-radius:4px;padding:1px 5px;font-size:.76rem}.admin-muted{color:#a0aec0;font-weight:400}.admin-nowrap{white-space:nowrap}.admin-btn{padding:8px 14px;font-size:.82rem;font-weight:600;color:#4a5568;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .15s}.admin-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.admin-btn:disabled{opacity:.55;cursor:default}.admin-btn-primary{background:#667eea;border-color:#667eea;color:#fff}.admin-btn-primary:hover:not(:disabled){background:#5a6fd6;border-color:#5a6fd6;color:#fff}.admin-btn-danger{background:#e53e3e;border-color:#e53e3e;color:#fff}.admin-btn-danger:hover:not(:disabled){background:#c53030;border-color:#c53030;color:#fff}.admin-btn-xs{border:1px solid #e8e8e8;background:#fff;border-radius:6px;padding:4px 9px;font-size:.72rem;font-weight:500;color:#4a5568;white-space:nowrap;cursor:pointer;transition:all .15s}.admin-btn-xs:hover:not(:disabled){border-color:#667eea;background:#f7f8ff;color:#5a6fd6}.admin-btn-xs:disabled{opacity:.45;cursor:default}.admin-btn-xs-danger{color:#c53030}.admin-btn-xs-danger:hover:not(:disabled){border-color:#e53e3e;background:#fff5f5;color:#c53030}.admin-self-note{font-size:.72rem;font-style:italic}.admin-file-picker{display:flex;align-items:center;gap:10px;cursor:pointer}.admin-file-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.admin-file-name{font-size:.76rem;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-hint{margin:10px 0 0;font-size:.74rem;color:#a0aec0}.admin-search{padding:8px 12px;font-size:.82rem;border:1px solid #ddd;border-radius:8px;min-width:240px;color:#2d3748}.admin-search:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.admin-status{margin:0 0 10px;font-size:.8rem;line-height:1.5}.admin-status-ok{color:#2f855a}.admin-status-error{color:#dc3545}.admin-status-warn{color:#c05621}.admin-loading{padding:18px;text-align:center;font-size:.84rem;color:#718096}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table th{text-align:left;padding:10px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#718096;border-bottom:1px solid #e8e8e8;font-weight:600;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid #f0f2f5;color:#2d3748;vertical-align:middle;text-align:left}.admin-num,.admin-table th.admin-num,.admin-table td.admin-num{text-align:right}.admin-actions-cell{white-space:nowrap}.admin-table tbody tr:hover{background:#fafbff}.admin-col-actions{text-align:right}.admin-table td:last-child{text-align:right}.admin-empty{text-align:center;color:#a0aec0;padding:22px}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;flex-shrink:0}.admin-user-name{font-weight:600;color:#2d3748}.admin-user-sub{font-size:.74rem;color:#718096}.admin-archive-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#4a5568;word-break:break-all}.admin-row-actions{display:inline-flex;gap:6px;justify-content:flex-end}.admin-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;background:#f0f2f5;color:#4a5568;white-space:nowrap}.admin-pill-admin{background:#667eea1f;color:#5a6fd6}.admin-pill-sso{background:#00a4ef1f;color:#0078a8}.admin-pill-local{background:#764ba21f;color:#6b46c1}.admin-pill-ok{background:#2f855a1f;color:#2f855a}.admin-pill-off{background:#dc35451f;color:#c53030}.admin-pill-self{background:#edf2f7;color:#718096;margin-left:6px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:4px}.admin-stat{background:#fafbff;border:1px solid #e8e8e8;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.admin-stat-value{font-size:1.02rem;font-weight:600;color:#2d3748}.admin-stat-label{font-size:.74rem;color:#718096}.admin-schedule{display:flex;flex-direction:column;gap:12px}.admin-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;align-items:end;text-align:left}.admin-schedule-grid label{display:block;font-size:.72rem;font-weight:600;color:#4a5568;margin-bottom:5px}.admin-schedule-grid input[type=time],.admin-schedule-grid input[type=number],.admin-schedule-grid select{width:100%;box-sizing:border-box;padding:7px 10px;font-size:.82rem;color:#2d3748;border:1px solid #ddd;border-radius:6px;background:#fff}.admin-schedule-grid input:focus,.admin-schedule-grid select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.admin-checkbox{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#4a5568;font-weight:500}.admin-housekeep-line{margin:4px 0 0;padding:10px 12px;background:#fffaf0;border:1px solid #feebc8;border-radius:8px;font-size:.78rem;color:#7b341e}.admin-restore-sources{display:flex;flex-direction:column;gap:10px}.admin-restore-sources label{display:block;font-size:.72rem;font-weight:600;color:#4a5568;margin-bottom:5px}.admin-restore-sources select{width:100%;box-sizing:border-box;padding:7px 10px;font-size:.8rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#2d3748}.admin-restore-sources select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.admin-or{font-size:.74rem;color:#a0aec0;text-align:center}.admin-inspection{margin-top:14px;padding-top:14px;border-top:1px dashed #e8e8e8}.admin-inspection h3,.admin-restore-result h3{margin:0 0 6px;font-size:.92rem;color:#2d3748}.admin-counts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.admin-count-chip{background:#f7fafc;border:1px solid #e8e8e8;border-radius:10px;padding:2px 8px;font-size:.72rem;color:#4a5568}.admin-confirm-row{display:flex;gap:8px;align-items:center;margin-top:10px}.admin-confirm-row input{flex:1;padding:8px 12px;font-size:.82rem;border:1px solid #ddd;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin-confirm-row input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1f}.admin-restore-result{margin-top:14px;padding:14px;border-radius:8px;background:#f0fff4;border:1px solid #c6f6d5}.admin-progress{margin-top:12px}.admin-progress-info{display:flex;justify-content:space-between;font-size:.74rem;color:#4a5568;margin-bottom:4px}.admin-progress-bar{height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.admin-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .2s ease}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a202c73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.admin-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:0 18px 40px #1a202c40;animation:admin-modal-in .15s ease-out}@keyframes admin-modal-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8}.admin-modal-header h3{margin:0;font-size:.96rem;color:#2d3748}.admin-modal-danger .admin-modal-header h3{color:#dc3545}.admin-modal-close{border:none;background:transparent;font-size:1rem;color:#a0aec0;cursor:pointer;padding:2px 6px;border-radius:6px}.admin-modal-close:hover{background:#f0f2f5;color:#4a5568}.admin-modal-body{padding:16px 18px}.admin-modal-body label{display:block;font-size:.72rem;font-weight:600;color:#4a5568;margin:10px 0 5px}.admin-modal-body label:first-child{margin-top:0}.admin-modal-body input,.admin-modal-body select{width:100%;box-sizing:border-box;padding:8px 12px;font-size:.84rem;color:#2d3748;border:1px solid #ddd;border-radius:8px;background:#fff}.admin-modal-body input:focus,.admin-modal-body select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.admin-modal-body input:disabled,.admin-modal-body select:disabled{background:#f7fafc;color:#a0aec0}.admin-modal-body p{font-size:.82rem;color:#4a5568;line-height:1.55}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid #f0f2f5}@media(max-width:768px){.admin-page{padding:16px 14px 48px}.admin-card-head{flex-direction:column;align-items:stretch}.admin-card-actions{justify-content:flex-start}.admin-search{min-width:0;flex:1}.admin-schedule-grid{grid-template-columns:1fr}.admin-col-optional{display:none}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end}}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.admin-filters select{padding:6px 10px;border-radius:6px;border:1px solid #404040;background:#2d2d2d;color:#e0e0e0;font-size:.8rem}.admin-filters label{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.4px}.admin-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:.78rem;color:#999}.admin-pager-actions{display:flex;gap:8px;align-items:center}.admin-health{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;border:1px solid #404040;background:#252526;margin-bottom:14px}.admin-health-ok{border-color:#4ec9b059;background:#4ec9b014}.admin-health-warning{border-color:#e67e2266;background:#e67e2214}.admin-health-error{border-color:#f8717166;background:#f8717114}.admin-health-icon{font-size:1rem;line-height:1.4}.admin-health-body{flex:1;min-width:0}.admin-health-title{font-weight:600;font-size:.85rem;color:#e0e0e0;margin-bottom:3px}.admin-health-message{font-size:.8rem;color:#bbb;overflow-wrap:anywhere}.admin-health-meta{font-size:.74rem;color:#888;margin-top:4px}.admin-minio-path{display:flex;align-items:center;gap:6px}.admin-path{font-family:Consolas,Monaco,monospace;font-size:.76rem;color:#9cdcfe;background:#1e1e1e;border:1px solid #333;border-radius:5px;padding:3px 7px;overflow-wrap:anywhere;text-align:left}.admin-copy-btn{background:none;border:1px solid #404040;border-radius:5px;color:#888;cursor:pointer;font-size:.7rem;line-height:1;padding:4px 6px}.admin-copy-btn:hover{color:#e0e0e0;border-color:#0e639c}.admin-job{margin-top:12px;padding:12px 14px;border-radius:8px;border:1px solid #0e639c;background:#0e639c1a}.admin-job-title{display:flex;justify-content:space-between;font-size:.8rem;color:#e0e0e0;margin-bottom:6px}.admin-impact{margin:12px 0;border:1px solid #404040;border-radius:8px;padding:10px 12px;background:#1e1e1e;text-align:left}.admin-impact-total{font-weight:600;color:#f87171;font-size:.85rem;margin-bottom:6px}.admin-impact-list{display:flex;flex-wrap:wrap;gap:6px}.admin-impact-chip{font-size:.74rem;padding:3px 8px;border-radius:999px;background:#f871711f;color:#f0b0b0;border:1px solid rgba(248,113,113,.25)}.admin-audit-when{white-space:nowrap;font-size:.78rem;color:#aaa}.admin-audit-action{font-family:Consolas,Monaco,monospace;font-size:.76rem;color:#dcdcaa}.admin-audit-detail{font-family:Consolas,Monaco,monospace;font-size:.72rem;color:#999;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap}.header-avatar-wrapper{position:relative;flex-shrink:0}.avatar-btn{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.avatar-btn:hover{box-shadow:0 0 0 3px #667eea40}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001f;z-index:400;min-width:220px;padding:6px;animation:navDropIn .15s ease-out}.avatar-menu-profile{display:flex;align-items:center;gap:10px;padding:10px 12px}.avatar-menu-initial{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-menu-info{display:flex;flex-direction:column;min-width:0}.avatar-menu-name{font-size:.85rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-menu-email{font-size:.72rem;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-menu-role{font-size:.66rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.04em}.avatar-menu-divider{height:1px;background:#e2e8f0;margin:4px 8px}.avatar-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#4a5568;font-size:.82rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.avatar-menu-item:hover{background:#fef2f2;color:#dc3545}.nav-group,.nav-group-toggle{position:relative}.nav-group-toggle .nav-caret{font-size:.5rem;margin-left:2px;opacity:.5;transition:transform .2s}.nav-group-toggle.open .nav-caret{opacity:.8}.nav-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:300;min-width:160px;padding:4px;animation:navDropIn .15s ease-out}@keyframes navDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#4a5568;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap}.nav-dropdown-item:hover{background:#f7fafc;color:#2d3748}.nav-dropdown-item.active{background:#ebf4ff;color:#667eea}.nav-dropdown-item .nav-icon{font-size:1rem}.header-search{flex:1;min-width:0;max-width:340px;position:relative}.header-search .search-input-wrapper{position:relative;display:flex;align-items:center;height:32px;background:#f7fafc;border-radius:8px;padding:0 12px;border:1px solid #e2e8f0;transition:all .2s}.header-search .search-input-wrapper:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.header-search .search-icon{font-size:13px;color:#a0aec0;pointer-events:none}.header-search .search-input{width:100%;padding:0 8px;border:none;background:transparent;font-size:.8rem;color:#2d3748;height:100%}.header-search .search-input::placeholder{color:#a0aec0;font-size:.8rem}.header-search .search-input:focus{outline:none}.header-search .search-clear{position:absolute;right:10px;background:#edf2f7;border:none;font-size:13px;color:#718096;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-search .search-clear:hover{background:#cbd5e0;color:#4a5568}.header-search .search-results-grid{position:absolute;top:100%;right:0;min-width:420px;width:max-content;max-width:90vw;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding:8px;max-height:260px;overflow-y:auto;scrollbar-width:none;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001a;z-index:200}.header-search .search-results-grid::-webkit-scrollbar{display:none}.header-search .search-result-box{background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s;flex-shrink:0}.header-search .search-result-box:hover{background:#ebf4ff;border-color:#667eea}.header-search .search-result-link{text-decoration:none;padding:5px 10px;display:flex;align-items:center;gap:5px;border-radius:4px;outline:none;transition:all .15s;white-space:nowrap}.header-search .search-result-link:focus-visible{background:#fff3cd;box-shadow:0 0 0 2px #f59e0b}.header-search .search-result-link:focus-visible .path-segment.name{color:#d97706;text-decoration:underline}.header-search .path-segment{font-size:.75rem;color:#718096}.header-search .path-segment.category{font-weight:600;color:#4a5568}.header-search .path-segment.subcategory{font-style:italic}.header-search .path-segment.name{color:#667eea;font-weight:700}.header-search .path-divider{color:#cbd5e0;font-weight:700;font-size:.7rem}.header-search .no-search-results{padding:8px 12px;color:#a0aec0;font-style:italic;font-size:.8rem}.search-overlay-backdrop{display:none}@media(max-width:1024px){.header-search{order:3;width:100%;max-width:100%;padding:4px 14px 6px;box-sizing:border-box}.nav-group-toggle .nav-text{display:none}.nav-dropdown{left:auto;right:0}.avatar-menu{right:-8px}.search-overlay-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:199}.header-search .search-results-grid{position:fixed;top:auto;left:8px;right:8px;min-width:0;width:auto;max-width:none;max-height:60vh;margin-top:4px;border-radius:12px;flex-direction:column;flex-wrap:nowrap;gap:6px;padding:10px;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:200}.header-search .search-result-box{flex-shrink:0;width:100%}.header-search .search-result-link{padding:10px 14px;font-size:.85rem;white-space:normal;flex-wrap:wrap}.header-search .path-segment{font-size:.82rem}.header-search .no-search-results{padding:16px;font-size:.9rem;text-align:center}}@media(max-width:768px){.header-search .search-input-wrapper{height:28px}.header-search .search-input{font-size:.75rem}}.rich-text-editor{border:1px solid #ddd;border-radius:4px;background:#fff;overflow:hidden}.rte-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap}.rte-btn{padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;transition:all .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.rte-btn:hover{background:#e9ecef;border-color:#999}.rte-btn:active{background:#dee2e6}.rte-select{padding:6px 8px;background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;height:32px;transition:all .2s}.rte-select:hover{background:#e9ecef;border-color:#999}.rte-select:focus{outline:none;border-color:#007bff}.rte-color-group{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;padding:4px 8px;height:32px;cursor:pointer;transition:all .2s}.rte-color-group:hover{background:#e9ecef;border-color:#999}.rte-color-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.rte-color-label{font-weight:700;font-size:14px;pointer-events:none;padding:2px 4px;border-radius:2px}.rte-separator{width:1px;height:24px;background:#ddd;margin:0 4px}.rte-content{min-height:200px;max-height:400px;padding:12px;overflow-y:auto;font-size:14px;line-height:1.6;color:#333;outline:none;text-align:left}.rte-btn-small{font-size:10px}.rte-btn-normal{font-size:13px}.rte-btn-large{font-size:16px}.rte-btn-huge{font-size:19px}.rte-content:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.rte-content p{margin:0 0 8px}.rte-content ul,.rte-content ol{margin:8px 0;padding-left:24px}.rte-content li{margin:4px 0}.rte-content h1{font-size:1.5em;font-weight:600;margin:12px 0 8px}.rte-content h2{font-size:1.3em;font-weight:600;margin:12px 0 8px}.rte-content h3{font-size:1.1em;font-weight:600;margin:12px 0 8px}.rte-content strong{font-weight:600}.rte-content em{font-style:italic}.rte-content u{text-decoration:underline}.rte-content s{text-decoration:line-through}.rich-text-editor:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.dashboard-container{min-height:100vh;background:#f0f2f5;color:#333;display:flex;flex-direction:column}.error-banner{background:#fff5f5;color:#c53030;padding:1rem;text-align:center;border-bottom:1px solid #fed7d7}.dashboard-main{max-width:100%;margin:0;padding:1rem;display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto auto;gap:1rem;box-sizing:border-box;min-height:0}.dashboard-widgets-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.upcoming-events-section{background:#fff;border-radius:10px;padding:1rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.upcoming-events-section h2{margin:0;font-size:1rem;color:#2d3748;font-weight:700}.events-grouped-container{display:flex;flex-direction:column;gap:.75rem}.event-day-group{display:flex;flex-direction:column;gap:.5rem}.event-day-header{display:flex;align-items:center;gap:10px}.date-badge{display:flex;align-items:center;gap:6px;background:#f7fafc;border:1px solid #edf2f7;border-radius:6px;padding:4px 10px}.date-day{font-size:1.25rem;font-weight:800;color:#2d3748;line-height:1}.date-meta{display:flex;flex-direction:column;font-size:.6rem;font-weight:700;color:#718096;text-transform:uppercase;line-height:1.2}.day-connector-line{flex-grow:1;height:1px;background:#e2e8f0}.event-cards-grid{display:flex;flex-direction:column;gap:.5rem;padding-left:.5rem}.event-mini-card{background:#fff;border:1px solid #e2e8f0;border-left-width:4px!important;border-radius:4px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem;transition:all .2s}.event-mini-card:hover{transform:translate(2px);box-shadow:0 2px 4px #00000014}.event-mini-header{display:flex;justify-content:space-between;align-items:center}.event-mini-header h4{font-size:.9rem;color:#2d3748;font-weight:700;margin:0}.event-mini-time{font-size:.7rem;color:#718096;font-family:monospace;background:#f7fafc;padding:1px 5px;border-radius:3px;white-space:nowrap}.event-mini-desc{font-size:.8rem;color:#718096;line-height:1.4;text-align:left;white-space:pre-wrap}.event-mini-type{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;align-self:flex-start}.pagination-small{display:flex;align-items:center;gap:4px}.page-btn-small{width:22px;height:22px;padding:0;font-size:12px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer}.page-btn-small:disabled{opacity:.4;cursor:default}.page-info-small{font-size:.7rem;color:#718096}.no-items{font-size:.85rem;color:#a0aec0;text-align:center;padding:1rem 0}.mini-cal-wrapper{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.mini-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.mini-cal-month-label{font-size:.78rem;font-weight:700;color:#2d3748}.mini-cal-nav{width:22px;height:22px;padding:0;font-size:14px;font-weight:600;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s}.mini-cal-nav:hover{background:#667eea;color:#fff;border-color:#667eea}.mini-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:2px}.mini-cal-wd{font-size:.6rem;font-weight:700;color:#94a3b8;text-transform:uppercase;padding:2px 0}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mini-cal-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 0;min-height:30px;border-radius:4px;cursor:default;transition:background .15s}.mini-cal-cell.empty{pointer-events:none}.mini-cal-cell.has-events{cursor:pointer}.mini-cal-cell.has-events:hover{background:#f1f5f9}.mini-cal-num{font-size:.7rem;font-weight:500;color:#475569;line-height:1}.mini-cal-cell.today .mini-cal-num{background:#667eea;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.mini-cal-dots{display:flex;gap:2px;margin-top:2px;height:5px;align-items:center}.mini-cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.mini-cal-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;border-radius:8px;padding:6px 8px;min-width:150px;max-width:220px;z-index:100;box-shadow:0 8px 24px #0003;pointer-events:none}.mini-cal-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.mini-cal-tooltip-item{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.68rem}.mini-cal-tooltip-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.mini-cal-tooltip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mini-cal-tooltip-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.mini-cal-tooltip-time{font-size:.6rem;color:#94a3b8;font-family:monospace;white-space:nowrap}.recent-notes-section{background:#f7f5f0;border-radius:10px;padding:1rem;border:1px solid #e2dfd8;box-shadow:0 1px 3px #0000000f;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,177,66,.03) 0%,transparent 50%)}.recent-notes-section h2{font-size:1rem;font-weight:700;color:#2d3748;margin:0}.dash-notes-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2dfd8;flex-wrap:wrap}.dash-notes-title{margin:0;white-space:nowrap;flex-shrink:0}.dash-notes-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;flex:1;min-width:200px;justify-content:flex-end}.dash-notes-add-btn{padding:5px 12px;border:none;background:#667eea;color:#fff;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.dash-notes-add-btn:hover{background:#5a6fd6}.notes-grid{column-count:3;column-gap:14px}.notes-grid .note-content-html{max-height:140px;overflow:hidden}.note-card.dash-sticky{display:inline-block;width:100%;position:relative;border:1px solid;border-radius:2px;overflow:hidden;cursor:grab;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:14px;min-height:100px;box-shadow:2px 3px 8px #0000001a,0 1px 2px #0000000f;transition:transform .22s ease,box-shadow .22s ease,z-index 0s}.note-card.dash-sticky.dash-sticky-dragging{opacity:.4;transform:scale(.98)!important;box-shadow:1px 1px 4px #0000000d;cursor:grabbing}.note-card.dash-sticky.dash-sticky-drag-over{box-shadow:0 0 0 2px #667eea,4px 8px 20px #667eea33;transform:scale(1.02)!important}.dash-pin-dashboard{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:.75rem;opacity:0;transition:opacity .15s,transform .15s;z-index:4;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;filter:grayscale(1) opacity(.5)}.note-card.dash-sticky:hover .dash-pin-dashboard{opacity:1}.dash-pin-dashboard.pinned{opacity:1;filter:none}.dash-pin-dashboard:hover{transform:scale(1.2);filter:none}.note-card.dash-sticky:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);border-radius:1px;z-index:2;pointer-events:none}.note-card.dash-sticky:after{content:"";position:absolute;bottom:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.06) 50%);border-radius:0 0 2px;pointer-events:none}.dash-sticky-pin{position:absolute;top:2px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);box-shadow:0 1px 3px #00000040;z-index:3}.dash-sticky-rotate-1{transform:rotate(-1.2deg)}.dash-sticky-rotate-2{transform:rotate(.8deg)}.dash-sticky-rotate-3{transform:rotate(-.5deg)}.dash-sticky-rotate-4{transform:rotate(1.4deg)}.dash-sticky-rotate-5{transform:rotate(-.9deg)}.note-card.dash-sticky:hover{transform:scale(1.03) rotate(0)!important;box-shadow:4px 8px 20px #0000002e;z-index:2}.note-card-body{padding:1.2rem 1rem 1rem;flex:1;min-width:0;text-align:left}.note-card-header{display:flex;align-items:center;margin-bottom:.5rem;padding-right:24px}.note-category-badge{font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:100px}.note-timestamp{font-size:.6rem;color:inherit;opacity:.45;white-space:nowrap;margin-top:auto;padding-top:6px;display:block}.note-title{font-size:.95rem;font-weight:700;color:inherit;margin:0 0 .4rem;line-height:1.35;text-align:left;word-wrap:break-word}.note-content-html{font-size:.82rem;color:inherit;opacity:.8;line-height:1.5;text-align:left;word-wrap:break-word}.note-content-html *{max-width:100%;text-align:left!important}.note-content-html p{margin:0 0 .4rem}.note-content-html img{max-width:100%;height:auto}.no-notes{font-size:.85rem;color:#a0aec0;text-align:center;padding:2rem 0}.note-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-preview-popup{position:relative;width:90%;max-width:520px;max-height:80vh;border:2px solid;border-radius:3px;box-shadow:6px 8px 24px #0000002e,2px 3px 8px #0000001a;animation:popIn .25s ease;overflow:hidden;display:flex;flex-direction:column}@keyframes popIn{0%{transform:scale(.92) rotate(-1deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.note-preview-footer{margin-top:1.25rem;padding-top:.75rem;border-top:1px dashed rgba(0,0,0,.1);display:flex;justify-content:flex-end}.sidebar-column{display:flex;flex-direction:column;gap:1rem}.dash-tasks-widget{background:#fff;border-radius:10px;padding:1rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.dash-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-tasks-header h3{font-size:.92rem;font-weight:700;color:#2d3748;margin:0}.dash-tasks-link{background:none;border:none;color:#667eea;font-size:.75rem;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.dash-tasks-link:hover{color:#5a67d8}.dash-tasks-summary{display:flex;gap:8px;margin-bottom:12px}.dash-tasks-stat{flex:1;text-align:center;padding:8px 4px;background:#f8fafc;border-radius:8px;border:1px solid #edf2f7}.stat-num{display:block;font-size:1.1rem;font-weight:700;line-height:1.2}.stat-num.todo{color:#3b82f6}.stat-num.in-progress{color:#f59e0b}.stat-num.done{color:#10b981}.stat-label{font-size:.65rem;color:#a0aec0;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dash-tasks-list{display:flex;flex-direction:column;gap:4px}.dash-task-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s}.dash-task-item:hover{background:#f7fafc}.dash-task-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dash-task-title{flex:1;font-size:.8rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-task-status{font-size:.72rem;flex-shrink:0}.word-of-day-widget{background:#fff;border-radius:10px;padding:1rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.wod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.wod-header h3{margin:0;font-size:.95rem;color:#2d3748;font-weight:700}.wod-refresh{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px;transition:transform .3s}.wod-refresh:hover{transform:rotate(180deg)}.wod-word{font-size:1.5rem;font-weight:800;color:#667eea;text-align:center;padding:.5rem 0;text-transform:capitalize}.wod-meaning{font-size:.82rem;color:#4a5568;line-height:1.5;padding:.5rem;background:#f7fafc;border-radius:6px;border:1px solid #edf2f7;white-space:pre-wrap;text-align:left;margin-bottom:.5rem}.wod-reveal-btn{display:block;width:100%;padding:8px;border:2px dashed #cbd5e0;border-radius:6px;background:#f7fafc;color:#a0aec0;font-size:.8rem;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.wod-reveal-btn:hover{border-color:#667eea;color:#667eea;background:#ebf4ff}.wod-actions{display:flex;align-items:center;gap:6px;justify-content:center}.wod-learned-btn{padding:4px 12px;border:1px solid #38a169;border-radius:6px;background:#f0fff4;color:#38a169;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.wod-learned-btn:hover{background:#38a169;color:#fff}.wod-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;text-decoration:none;font-size:.9rem;background:#f7fafc;border:1px solid #e2e8f0;transition:all .2s}.wod-link:hover{background:#edf2f7;transform:translateY(-1px)}.dash-logins-widget{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.dash-logins-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dash-logins-header h3{font-size:.9rem;font-weight:700;color:#2d3748;margin:0;display:flex;align-items:center;gap:6px}.dash-logins-badge{font-size:.58rem;font-weight:600;background:#edf2f7;color:#718096;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.dash-logins-count{font-size:.72rem;font-weight:600;color:#667eea;background:#667eea1a;padding:2px 8px;border-radius:8px}.dash-logins-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.dash-login-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:#f8fafc;border:1px solid #f0f3f7;transition:background .15s;gap:8px}.dash-login-item:hover{background:#edf2f7}.dash-login-info{display:flex;flex-direction:column;min-width:0}.dash-login-email{font-size:.76rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-login-ip{font-size:.65rem;color:#a0aec0;font-family:SFMono-Regular,Consolas,monospace}.dash-login-time{font-size:.65rem;color:#718096;white-space:nowrap;flex-shrink:0}.dashboard-footer{padding:.75rem 1rem;text-align:center;border-top:1px solid #e2e8f0;background:#fff}.footer-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;color:#a0aec0}.footer-brand{font-weight:700;color:#718096}.footer-separator{color:#cbd5e0}.footer-version{font-family:monospace;color:#667eea;font-weight:600}.footer-copy{color:#a0aec0}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:#667eea;gap:12px}.loading-spinner:before{content:"";width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.dashboard-main,.dashboard-widgets-row{grid-template-columns:1fr}.header-toolbar{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.toolbar-search{width:100%}.notes-grid{column-count:2}.mini-cal-tooltip{left:auto;right:0;transform:none}.mini-cal-tooltip:after{left:auto;right:10px;transform:none}}@media(max-width:600px){.notes-grid{column-count:1}}.dash-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.dash-filter-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b8fa3;margin-right:2px}.dash-filter-pill{border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:100px;cursor:pointer;transition:all .12s}.dash-filter-pill:hover{border-color:#667eea;color:#667eea}.dash-filter-pill.active{background:#667eea;border-color:#667eea;color:#fff}.dash-filter-clear{border:none;background:transparent;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;padding:3px 8px}.dash-filter-clear:hover{color:#ef4444}.dash-tag-pill{display:inline-block;font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:100px;margin-left:4px;white-space:nowrap}.note-card.dash-tech-card{display:inline-block;width:100%;position:relative;background:#1c2530;border:1px solid #2d3c4b;border-radius:12px;overflow:hidden;cursor:grab;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:16px;box-shadow:inset 0 2px #60c4ff6b,0 14px 30px -22px #000000f2;transition:transform .2s ease,box-shadow .2s ease;color:#cadbea;text-align:left}.note-card.dash-tech-card:hover{transform:translateY(-3px);box-shadow:inset 0 2px #60c4ffb3,0 20px 34px -22px #000}.note-card.dash-tech-card.dash-sticky-dragging{opacity:.4;cursor:grabbing}.note-card.dash-tech-card.dash-sticky-drag-over{box-shadow:inset 0 2px #60c4ffb3,0 0 0 2px #60c4ffb3}.note-card.dash-tech-card:hover .dash-pin-dashboard{opacity:1}.dash-tech-accent{height:3px;background:linear-gradient(90deg,#60c4ffd9,#60c4ff1a)}.dash-tech-body{padding:12px 16px 14px;min-width:0}.dash-tech-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-right:24px}.dash-tech-meta .note-timestamp{margin-left:auto;color:#7f93a8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.04em}.dash-tech-badge{font-size:.85rem}.dash-tech-pill{padding:1px 8px;border:1px solid rgba(96,196,255,.22);border-radius:999px;background:#60c4ff1a;color:#8fd3ff;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.note-card.dash-tech-card .note-title{color:#e8eef6}.dash-tech-desc{font-size:.82rem;color:#9fb3c8;margin:0 0 10px;line-height:1.5}.dash-tech-preview{background:#fff;border-radius:8px;padding:10px 12px;font-size:.85rem;color:#333;line-height:1.65;word-wrap:break-word;text-align:left}.dash-tech-preview *{max-width:100%;text-align:left!important}.dash-tech-preview p{margin:0 0 .6rem}.dash-tech-preview img{max-width:100%;height:auto;border-radius:6px}.dash-tech-preview pre{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:.78rem}.dash-tech-preview code{background:#f0f1f5;border-radius:4px;padding:1px 5px;font-size:.82em}.dash-tech-preview pre code{background:transparent;padding:0}.dash-tech-preview table{border-collapse:collapse;width:100%}.dash-tech-preview th,.dash-tech-preview td{border:1px solid #e2e8f0;padding:6px 8px}.tech-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.tech-preview-popup{position:relative;width:min(900px,94vw);max-height:88vh;background:#131a23;border:1px solid #35434f;border-radius:14px;box-shadow:0 34px 74px -32px #000000f2;animation:popIn .25s ease;overflow:hidden;display:flex;flex-direction:column}.tech-preview-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1c2530;border-bottom:1px solid #35434f;box-shadow:0 2px #60c4ff47;color:#e8eef6;flex-shrink:0}.tech-preview-topbar-info{display:flex;align-items:center;gap:8px;min-width:0}.tech-preview-topbar-title{font-size:1rem;font-weight:700;color:#e8eef6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-preview-topbar-meta{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}.tech-preview-topbar .note-category-badge,.tech-preview-topbar .dash-tag-pill,.tech-preview-topbar .dash-tech-pill{background:#60c4ff1a!important;border-color:#60c4ff38!important;color:#8fd3ff!important}.tech-preview-topbar .note-timestamp{color:#7f93a8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.04em;white-space:nowrap}.tech-preview-close{background:transparent;border:1px solid #46586c;font-size:.82rem;color:#8fa6bd;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.tech-preview-close:hover{border-color:#60c4ff99;color:#a8dcff}.tech-preview-body{padding:20px 24px 24px;overflow-y:auto;flex:1;text-align:left}.tech-preview-desc{font-size:.9rem;color:#9fb3c8;margin:0 0 1rem;line-height:1.55;padding-bottom:.9rem;border-bottom:1px solid #243141}.tech-preview-content{background:#fff;border-radius:10px;padding:20px 22px;font-size:.95rem;color:#333;line-height:1.7;word-wrap:break-word;text-align:left}.tech-preview-content *{max-width:100%;text-align:left!important}.tech-preview-content p{margin:0 0 .6rem}.tech-preview-content img{max-width:100%;height:auto;border-radius:8px}.tech-preview-content pre{background:#1e1e2e;color:#cdd6f4;border-radius:8px;padding:12px 14px;overflow-x:auto;font-size:.85rem}.tech-preview-content code{background:#f0f1f5;border-radius:4px;padding:1px 5px;font-size:.88em}.tech-preview-content pre code{background:transparent;padding:0}.tech-preview-content table{border-collapse:collapse;width:100%;margin-bottom:.6rem}.tech-preview-content th,.tech-preview-content td{border:1px solid #e2e8f0;padding:7px 9px}.tech-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #35434f;background:#1c2530;flex-shrink:0}.tech-preview-pin-btn{padding:8px 14px;border:1px solid #46586c;background:transparent;color:#8fa6bd;font-size:.82rem;font-weight:600;border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.tech-preview-pin-btn:hover,.tech-preview-pin-btn.pinned,.tech-preview-pin-btn.pinned:hover{border-color:#f5b544a6;color:#f5b544}.tech-preview-open-btn{padding:8px 16px;border:1px solid rgba(96,196,255,.4);background:#60c4ff1f;color:#a8dcff;font-size:.82rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.tech-preview-open-btn:hover{background:#60c4ff33;border-color:#60c4ffa6}@media(max-width:768px){.dash-notes-filters{justify-content:flex-start;flex-basis:100%}.tech-preview-topbar-meta{display:none}.tech-preview-body{padding:18px 20px 24px}}.bookmarks-main{max-width:100%;margin:0;padding:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;box-sizing:border-box;min-height:0;flex:1}.bookmarks-sidebar{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;padding:0 .75rem;margin:0 0 .25rem}.category-nav{display:flex;flex-direction:column;gap:2px}.category-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:none;background:transparent;color:#4a5568;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;gap:.5rem}.category-nav-item:hover{background:#fff;color:#2d3748;box-shadow:0 1px 3px #0000000d}.category-nav-item.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 2px 6px #667eea1f}.category-nav-item .cat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-nav-item .cat-count{font-size:.7rem;color:#a0aec0;background:#f7fafc;padding:1px 6px;border-radius:10px;font-weight:600;flex-shrink:0}.category-nav-item.active .cat-count{background:#ebf4ff;color:#667eea}.bookmarks-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.bookmarks-search-bar{position:relative}.bookmarks-search-bar .search-input-wrapper{position:relative;display:flex;align-items:center;height:36px;background:#fff;border-radius:10px;padding:0 12px;border:1px solid #e2e8f0;transition:all .2s}.bookmarks-search-bar .search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bookmarks-search-bar .search-icon{font-size:14px;color:#a0aec0;pointer-events:none}.bookmarks-search-bar .search-input{width:100%;padding:0 8px;border:none;background:transparent;font-size:.85rem;color:#2d3748;height:100%}.bookmarks-search-bar .search-input::placeholder{color:#a0aec0}.bookmarks-search-bar .search-input:focus{outline:none}.bookmarks-search-bar .search-clear{position:absolute;right:10px;background:#edf2f7;border:none;font-size:13px;color:#718096;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.bookmarks-search-bar .search-clear:hover{background:#667eea;color:#fff}.bookmarks-search-bar .search-results-grid{position:absolute;top:100%;left:0;right:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding:8px;max-height:200px;overflow-y:auto;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001a;z-index:200}.bookmarks-search-bar .search-result-box{background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden;transition:all .15s}.bookmarks-search-bar .search-result-box:hover{background:#ebf4ff;border-color:#667eea}.bookmarks-search-bar .search-result-link{text-decoration:none;padding:6px 10px;display:flex;align-items:center;gap:4px}.bookmarks-search-bar .path-segment{font-size:.75rem;color:#718096}.bookmarks-search-bar .path-segment.category{font-weight:600;color:#4a5568}.bookmarks-search-bar .path-segment.subcategory{font-style:italic}.bookmarks-search-bar .path-segment.name{color:#667eea;font-weight:700}.bookmarks-search-bar .path-divider{color:#cbd5e0;font-weight:700;font-size:.7rem}.bookmarks-search-bar .no-search-results{padding:8px 12px;color:#a0aec0;font-style:italic;font-size:.8rem}.category-content-header{display:flex;align-items:center;justify-content:space-between}.category-content-header h2{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0}.bookmarks-grid-section{display:flex;flex-direction:column;gap:1rem}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.bookmark-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;position:relative;transition:all .2s ease;cursor:pointer;gap:6px}.bookmark-card:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #667eea1f;transform:translateY(-3px)}.bk-favicon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.bk-favicon img{width:26px;height:26px;position:relative;z-index:2;border-radius:3px}.bk-fallback{position:absolute;font-size:1.1rem;font-weight:700;color:#fff;z-index:1}.bk-favicon[data-letter=A],.bk-favicon[data-letter=B],.bk-favicon[data-letter=C]{background:linear-gradient(135deg,#f093fb,#f5576c)}.bk-favicon[data-letter=D],.bk-favicon[data-letter=E],.bk-favicon[data-letter=F]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bk-favicon[data-letter=G],.bk-favicon[data-letter=H],.bk-favicon[data-letter=I]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.bk-favicon[data-letter=J],.bk-favicon[data-letter=K],.bk-favicon[data-letter=L]{background:linear-gradient(135deg,#fa709a,#fee140)}.bk-favicon[data-letter=M],.bk-favicon[data-letter=N],.bk-favicon[data-letter=O]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.bk-favicon[data-letter=P],.bk-favicon[data-letter=Q],.bk-favicon[data-letter=R]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.bk-favicon[data-letter=S],.bk-favicon[data-letter=T],.bk-favicon[data-letter=U]{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.bk-favicon[data-letter=V],.bk-favicon[data-letter=W],.bk-favicon[data-letter=X]{background:linear-gradient(135deg,#667eea,#764ba2)}.bk-favicon[data-letter=Y],.bk-favicon[data-letter=Z]{background:linear-gradient(135deg,#f6d365,#fda085)}.bk-name{font-size:.78rem;font-weight:600;color:#2d3748;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.bk-domain{font-size:.6rem;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bookmark-card:hover .bk-name{color:#667eea}.bk-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-evenly;opacity:0;transition:opacity .2s;background:#2d3748e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 14px 14px;padding:5px 0}.bookmark-card:hover .bk-actions{opacity:1}.bk-actions button{background:none;border:none;cursor:pointer;font-size:.72rem;padding:3px 8px;border-radius:5px;transition:background .15s;line-height:1}.bk-actions button:hover{background:#ffffff26}.bk-actions .bk-act-del:hover{background:#e53e3e59}.subcategory-group{background:linear-gradient(135deg,#f8fafc,#f0f4ff);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.subcategory-group-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border:none;border-bottom:1px solid rgba(102,126,234,.08);background:#667eea0a;width:100%;text-align:left;box-sizing:border-box}.subcategory-group-header:hover{background:#667eea14}.subcategory-chevron{font-size:.55rem;color:#667eea;width:14px;text-align:center;flex-shrink:0}.subcategory-group-name{font-size:.82rem;font-weight:600;color:#2d3748;flex:1;min-width:0}.subcategory-group-count{font-size:.65rem;color:#667eea;background:#667eea1a;padding:2px 8px;border-radius:10px;font-weight:700;flex-shrink:0}.subcategory-group-add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid rgba(102,126,234,.25);background:#fff;color:#667eea;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0}.subcategory-group-add:hover{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 2px 6px #667eea4d}.subcategory-group-body{padding:10px .75rem .75rem}.subcategory-group-body .bookmarks-grid{gap:8px}.subcategory-group-body .bookmark-card{background:#fff;border:1px solid #e8ecf1}.no-bookmarks{text-align:center;padding:3rem 1rem;color:#a0aec0;font-size:.9rem}.bookmark-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.bookmark-form{background:#fff;padding:1.5rem;border-radius:14px;width:90%;max-width:440px;box-shadow:0 20px 60px #00000026}.bookmark-form h3{margin:0 0 1.25rem;font-size:1.1rem;font-weight:700;color:#2d3748}.form-group label{display:block;margin-bottom:4px;font-weight:600;font-size:.8rem;color:#4a5568}.form-group input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;box-sizing:border-box;transition:all .15s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1.25rem}@media(max-width:768px){.bookmarks-main{grid-template-columns:1fr;padding:.5rem;gap:.25rem;flex:none}.bookmarks-sidebar{flex-direction:column;gap:6px;padding:.25rem 0}.sidebar-add-btn{align-self:flex-start}.sidebar-section-title{display:none}.category-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.category-nav-item{white-space:nowrap;padding:.35rem .65rem;font-size:.72rem}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.bk-favicon{width:36px;height:36px;border-radius:10px}.bk-favicon img{width:22px;height:22px}.bk-name{font-size:.72rem}.bk-domain{font-size:.56rem}.bookmark-card{padding:12px 8px 10px}}.notes-container{min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column}.notes-main{max-width:100%;margin:0;padding:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;box-sizing:border-box;min-height:0;flex:1}.notes-sidebar{display:flex;flex-direction:column;gap:.5rem}.notes-sidebar .sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;padding:0 .75rem;margin:0 0 .25rem}.notes-sidebar .category-nav{display:flex;flex-direction:column;gap:2px}.category-nav-wrapper{position:relative}.notes-sidebar .category-nav-item{display:flex;align-items:center;padding:.5rem .75rem;border:none;background:transparent;color:#4a5568;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;gap:.5rem;width:100%;font-family:inherit}.notes-sidebar .category-nav-item:hover{background:#fff;color:#2d3748;box-shadow:0 1px 3px #0000000d}.notes-sidebar .category-nav-item.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 2px 6px #667eea1f}.cat-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;cursor:pointer;transition:transform .15s;box-shadow:0 0 0 2px #fffc}.cat-color-dot:hover{transform:scale(1.3)}.notes-sidebar .category-nav-item .cat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-sidebar .category-nav-item .cat-count{font-size:.7rem;color:#a0aec0;background:#f7fafc;padding:1px 6px;border-radius:10px;font-weight:600;flex-shrink:0}.notes-sidebar .category-nav-item.active .cat-count{background:#ebf4ff;color:#667eea}.color-picker-dropdown{position:absolute;left:.75rem;top:100%;margin-top:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;border:1px solid #e2e8f0;z-index:100;max-height:200px;overflow-y:auto}.color-picker-swatch{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.color-picker-swatch:hover{transform:scale(1.15)}.color-picker-swatch.active{border-width:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #0003;transform:scale(1.1)}.notes-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.notes-content-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.notes-content-header h2{font-size:1rem;font-weight:700;color:#2d3748;margin:0;white-space:nowrap}.notes-board-wrapper{background:#f7f5f0;border-radius:10px;padding:1rem;border:1px solid #e2dfd8;box-shadow:0 1px 3px #0000000f;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,177,66,.03) 0%,transparent 50%)}.notes-board{column-count:3;column-gap:14px}.sticky-note{display:inline-block;width:100%;position:relative;border-radius:2px;padding:0;cursor:grab;transition:transform .22s ease,box-shadow .22s ease,opacity .2s;border:1px solid;overflow:hidden;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:14px;min-height:100px;box-shadow:2px 3px 8px #0000001a,0 1px 2px #0000000f;flex-direction:column}.sticky-note:hover{transform:scale(1.03) rotate(0)!important;box-shadow:4px 8px 20px #0000002e;z-index:2}.sticky-note:active{cursor:grabbing}.sticky-pin{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000040;z-index:3}.sticky-pin-dashboard{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:.75rem;opacity:0;transition:opacity .15s,transform .15s;z-index:4;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;filter:grayscale(1) opacity(.5)}.sticky-note:hover .sticky-pin-dashboard{opacity:1}.sticky-pin-dashboard.pinned{opacity:1;filter:none}.sticky-pin-dashboard:hover{transform:scale(1.2);filter:none}.sticky-note.sticky-pinned{box-shadow:2px 3px 8px #00000014,1px 1px 3px #0000000d,0 0 0 2px #667eea40}.sticky-note.sticky-dragging{opacity:.4;transform:scale(.98);box-shadow:1px 1px 4px #0000000d}.sticky-note.sticky-drag-over{box-shadow:0 0 0 2px #667eea,4px 8px 20px #667eea33;transform:scale(1.02)}.sticky-note.sticky-rotate-1{transform:rotate(-1.2deg)}.sticky-note.sticky-rotate-2{transform:rotate(.8deg)}.sticky-note.sticky-rotate-3{transform:rotate(-.5deg)}.sticky-note.sticky-rotate-4{transform:rotate(1.4deg)}.sticky-note.sticky-rotate-5{transform:rotate(-.9deg)}.sticky-note:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:14px;background:#ffffff8c;border:1px solid rgba(0,0,0,.06);border-radius:1px;z-index:2;pointer-events:none}.sticky-note:after{content:"";position:absolute;bottom:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.06) 50%);border-radius:0 0 2px;pointer-events:none}.sticky-body{padding:1.2rem .9rem .7rem;flex:1;display:flex;flex-direction:column;min-width:0;text-align:left}.sticky-title{font-size:.88rem;font-weight:700;margin:0 0 .4rem;line-height:1.3;word-wrap:break-word;color:inherit}.sticky-content{font-size:.78rem;line-height:1.55;flex:1;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;opacity:.85;color:inherit}.sticky-content *{max-width:100%}.sticky-content p{margin:0 0 .3rem}.sticky-content img{max-width:100%;height:auto}.sticky-content ul,.sticky-content ol{margin:4px 0;padding-left:18px}.sticky-content li{margin:2px 0}.sticky-content h1,.sticky-content h2,.sticky-content h3{margin:6px 0 3px;font-weight:600}.sticky-content h1{font-size:1.2em}.sticky-content h2{font-size:1.1em}.sticky-content h3{font-size:1em}.sticky-content font[size="1"]{font-size:.75em}.sticky-content font[size="3"]{font-size:1em}.sticky-content font[size="5"]{font-size:1.5em}.sticky-content font[size="7"]{font-size:2em}.sticky-empty{font-style:italic;opacity:.5}.sticky-footer{margin-top:auto;padding-top:.4rem}.sticky-date{font-size:.6rem;opacity:.55;color:inherit}.sticky-actions{display:flex;gap:4px;padding:.3rem .7rem .5rem;opacity:0;transition:opacity .15s}.sticky-note:hover .sticky-actions{opacity:1}.sticky-actions button{padding:2px 8px;font-size:.62rem;border-radius:4px;border:1px solid rgba(0,0,0,.1);background:#fff9;color:inherit;cursor:pointer;transition:all .15s;opacity:.7}.sticky-actions button:hover{background:#ffffffd9;opacity:1}.sticky-actions .btn-delete:hover{background:#ffc8c8b3;border-color:#dc32324d}.error-message{background:#fff5f5;color:#c53030;padding:.6rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;border:1px solid #fed7d7}.error-close{background:none;border:none;color:#c53030;cursor:pointer;font-size:1rem;padding:0}.no-notes{text-align:center;padding:3rem 1rem;color:#a0aec0;font-size:.9rem}.note-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:notePreviewFadeIn .2s ease}.note-form{position:relative;padding:2rem 1.5rem 1.5rem;border:2px solid;border-radius:3px;width:90%;max-width:580px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:6px 8px 24px #0000002e,2px 3px 8px #0000001a;animation:notePreviewPopIn .25s ease;display:flex;flex-direction:column}.note-form-pin{position:absolute;top:2px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);box-shadow:0 2px 4px #0000004d;z-index:3}.note-form:before{content:"";position:absolute;top:0;left:calc(50% - 35px);width:70px;height:18px;background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:1px;z-index:2;pointer-events:none}.note-form-fold{position:absolute;bottom:0;right:0;width:28px;height:28px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.07) 50%);pointer-events:none}.note-form-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.3rem;color:inherit;opacity:.45;cursor:pointer;z-index:4;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.note-form-close:hover{opacity:.8;background:#0000000f}.note-form-meta{margin-bottom:.75rem}.form-group-inline{display:flex;align-items:center;gap:8px}.form-group-inline label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.6;white-space:nowrap}.note-form-category-input{background:transparent;border:none;border-bottom:1px dashed;padding:2px 6px;font-size:.8rem;font-weight:600;font-family:inherit;outline:none;width:200px;transition:border-color .15s}.note-form-category-input:focus{border-bottom-style:solid}.note-form-title-input{background:transparent;border:none;border-bottom:1px dashed;padding:6px 2px;font-size:1.2rem;font-weight:700;font-family:inherit;width:100%;box-sizing:border-box;outline:none;margin-bottom:.75rem;transition:border-color .15s}.note-form-title-input::placeholder{opacity:.35;font-weight:600}.note-form-title-input:focus{border-bottom-style:solid}.note-form-editor{flex:1;min-height:0}.note-form-editor .rich-text-editor{border:none!important;box-shadow:none!important;background:transparent!important}.note-form-editor .rte-toolbar{background:#ffffff59!important;border:none!important;border-bottom:1px dashed rgba(0,0,0,.1)!important;border-radius:4px 4px 0 0!important;padding:4px 6px!important}.note-form-editor .rte-toolbar button{opacity:.7}.note-form-editor .rte-toolbar button:hover{opacity:1}.note-form-editor .rte-content{background:transparent!important;border:none!important;min-height:180px;padding:.75rem .5rem!important;font-size:.9rem;line-height:1.7}.note-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px dashed rgba(0,0,0,.1)}.note-form-save-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;opacity:.9}.note-form-save-btn:hover{opacity:1;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.note-form-cancel-btn{display:inline-flex;align-items:center;padding:7px 16px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;background:#ffffff80;color:inherit;opacity:.7}.note-form-cancel-btn:hover{opacity:1;background:#ffffffb3}.note-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:notePreviewFadeIn .2s ease}@keyframes notePreviewFadeIn{0%{opacity:0}to{opacity:1}}.note-preview-popup{position:relative;width:90%;max-width:520px;max-height:80vh;border:2px solid;border-radius:3px;box-shadow:6px 8px 24px #0000002e,2px 3px 8px #0000001a;animation:notePreviewPopIn .25s ease;overflow:hidden;display:flex;flex-direction:column}@keyframes notePreviewPopIn{0%{transform:scale(.92) rotate(-1deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.note-preview-pin{position:absolute;top:2px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);box-shadow:0 2px 4px #0000004d;z-index:3}.note-preview-popup:before{content:"";position:absolute;top:0;left:calc(50% - 35px);width:70px;height:18px;background:#ffffff80;border:1px solid rgba(0,0,0,.06);border-radius:1px;z-index:2;pointer-events:none}.note-preview-fold{position:absolute;bottom:0;right:0;width:28px;height:28px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.07) 50%);pointer-events:none}.note-preview-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.3rem;color:inherit;opacity:.45;cursor:pointer;z-index:4;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.note-preview-close:hover{opacity:.8;background:#0000000f}.note-preview-body{padding:2rem 1.5rem 1.5rem;overflow-y:auto;flex:1;text-align:left}.note-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.note-preview-timestamp{font-size:.65rem;opacity:.55;white-space:nowrap}.note-preview-title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;line-height:1.3;word-wrap:break-word;text-align:left}.note-preview-content{font-size:.92rem;line-height:1.65;opacity:.85;word-wrap:break-word;white-space:pre-wrap;text-align:left}.note-preview-content *{max-width:100%;text-align:left!important}.note-preview-content p{margin:0 0 .5rem}.note-preview-content img{max-width:100%;height:auto}.note-preview-footer{margin-top:1.25rem;padding-top:.75rem;border-top:1px dashed rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:8px}.note-preview-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;opacity:.85}.note-preview-edit-btn:hover{opacity:1;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.note-preview-delete-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;background:#ffffff80;color:inherit;opacity:.7}.note-preview-delete-btn:hover{opacity:1;background:#dc35451a;border-color:#dc35454d;color:#dc3545}.btn{padding:.45rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.btn-secondary{background:#edf2f7;color:#4a5568}.btn-secondary:hover{background:#e2e8f0}@media(max-width:900px){.notes-board{column-count:2}}.sticky-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.tag-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:8px;background:#0000000f;color:inherit;opacity:.7;letter-spacing:.02em}.note-form-tags-input{width:100%;box-sizing:border-box;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:.78rem;background:#ffffff80;outline:none;margin-bottom:.75rem;transition:border-color .2s}.note-form-tags-input::placeholder{color:inherit;opacity:.4}.note-form-tags-input:focus{border-color:#0003}.template-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001f;z-index:300;min-width:200px;padding:4px;animation:templateSlide .15s ease-out}@keyframes templateSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.template-option{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-size:.82rem;color:#2d3748;border-radius:6px;cursor:pointer;transition:background .15s}.template-option:hover{background:#ebf4ff;color:#667eea}.notes-total-count{font-weight:400;font-size:.85rem;color:#a0aec0}.notes-search-box{position:relative;flex-shrink:0}.notes-search-input{padding:6px 30px 6px 10px;border:1px solid #d2cfc8;border-radius:6px;font-size:.82rem;width:200px;background:#fff;color:#2d3748;outline:none;transition:border-color .2s}.notes-search-input:focus{border-color:#667eea}.notes-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#a0aec0;font-size:1rem;line-height:1;padding:2px 4px}.notes-search-clear:hover{color:#e53e3e}.sidebar-clear-btn{display:block;width:calc(100% - 1.5rem);margin:0 .75rem .25rem;padding:3px 8px;font-size:.7rem;color:#667eea;background:none;border:1px solid #667eea40;border-radius:4px;cursor:pointer;text-align:center;transition:background .15s}.sidebar-clear-btn:hover{background:#667eea10}.sticky-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px}.sticky-category-badge{font-size:.6rem;padding:1px 6px;border-radius:8px;border:1px solid;white-space:nowrap;flex-shrink:0;line-height:1.4;margin-top:2px}.notes-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:1rem;padding:.5rem 0}.notes-pagination button{padding:4px 10px;border:1px solid #d2cfc8;background:#fff;border-radius:5px;font-size:.78rem;color:#4a5568;cursor:pointer;transition:background .15s,color .15s}.notes-pagination button:hover:not(:disabled):not(.active){background:#f0f0f0}.notes-pagination button.active{background:#667eea;color:#fff;border-color:#667eea;font-weight:600}.notes-pagination button:disabled{opacity:.4;cursor:default}.notes-page-ellipsis{padding:0 4px;color:#a0aec0;font-size:.78rem}@media(max-width:768px){.notes-container{min-height:auto}.notes-main{grid-template-columns:1fr;padding:.5rem;gap:.25rem;flex:none}.notes-sidebar{flex-direction:column;gap:6px;padding:.25rem 0}.notes-sidebar .sidebar-section-title{display:none}.notes-sidebar .category-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.notes-sidebar .category-nav-item{white-space:nowrap;padding:.35rem .65rem;font-size:.72rem}.notes-content-header{margin-top:.25rem;flex-direction:column;align-items:stretch}.notes-content-header h2{font-size:.95rem}.notes-search-input{width:100%}.notes-board{column-count:2;padding:0}.note-form{width:95%;padding:1.5rem 1.25rem}}@media(max-width:500px){.notes-board{column-count:1}}.notes-content-header+.tag-filter-bar,.notes-board-wrapper .tag-filter-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;padding:0 2px}.notes-board-wrapper .tag-filter-label{font-size:.72rem;color:#999;font-weight:600;margin-right:4px}.notes-board-wrapper .tag-filter-pill{padding:3px 12px;border-radius:20px;border:1.5px solid #e0d6c8;background:#fff;cursor:pointer;font-size:.7rem;color:#8b7355;font-weight:600;transition:all .18s}.notes-board-wrapper .tag-filter-pill:hover{background:#f5f0e8;transform:translateY(-1px)}.notes-board-wrapper .tag-filter-pill.active{background:#8b7355;color:#fff;border-color:#8b7355}.notes-board-wrapper .tag-filter-clear{padding:3px 10px;border-radius:20px;border:1px solid #ddd;background:transparent;cursor:pointer;font-size:.65rem;color:#999;transition:all .15s}.notes-board-wrapper .tag-filter-clear:hover{background:#fee;color:#c44;border-color:#c44}.notes-sidebar{background:#fff;border:1px solid #f3e2c8;border-radius:14px;padding:14px;box-shadow:0 4px 16px #d9770614;position:sticky;top:16px;align-self:start}.notes-sidebar .sidebar-section-title{color:#b45309;padding:6px 4px 2px}.notes-sidebar .category-nav-item:hover{background:#fff7ed}.notes-sidebar .category-nav-item.active{background:#fff7ed;color:#b45309;box-shadow:inset 3px 0 #f59e0b}.notes-sidebar .category-nav-item.active .cat-count{background:#f59e0b;color:#fff}.notes-board-wrapper{background:linear-gradient(160deg,#fff7ed,#fffbeb 45%,#fef3c7);border:1px solid #fce7c8;border-radius:16px;padding:20px;box-shadow:inset 0 2px 10px #d977060d}.notes-content-header{padding-bottom:14px;border-bottom:2px solid rgba(217,119,6,.14);margin-bottom:12px}.notes-content-header h2{font-size:1.25rem;font-weight:800;color:#7c2d12}.sticky-note{border-radius:8px;box-shadow:0 2px 6px #00000014,0 10px 22px -14px #d9770666}.sticky-note:hover{box-shadow:0 6px 22px #00000024,0 16px 32px -14px #d9770673}.notes-search-input{padding:9px 32px 9px 14px;border:1.5px solid rgba(217,119,6,.18);border-radius:10px;background:#ffffffe6;font-size:.84rem}.notes-search-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.calendar-main{max-width:100%;margin:0;padding:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;box-sizing:border-box;min-height:0;flex:1}.calendar-sidebar{display:flex;flex-direction:column;gap:.25rem}.sidebar-month-nav{background:#fff;border-radius:10px;padding:.75rem;border:1px solid #e2e8f0}.sidebar-month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-month-header h3{margin:0;font-size:.95rem;font-weight:700;color:#1e293b}.sidebar-month-header .month-year{font-size:.75rem;color:#94a3b8;font-weight:500}.sidebar-nav-btns{display:flex;gap:2px}.sidebar-nav-btns button{background:#f1f5f9;border:none;color:#64748b;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.sidebar-nav-btns button:hover{background:#667eea;color:#fff}.sidebar-today-btn{width:100%;padding:.45rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.78rem;color:#64748b;font-weight:500;transition:all .2s;margin-bottom:8px}.sidebar-today-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;padding:0 .75rem;margin:.6rem 0 .25rem}.category-legend{display:flex;flex-direction:column;gap:2px}.legend-item{display:flex;align-items:center;gap:8px;padding:.4rem .75rem;border-radius:6px;font-size:.78rem;color:#4a5568;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s;font-family:inherit}.legend-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d}.legend-item.active{background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600;color:#2d3748}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-upcoming{display:flex;flex-direction:column;gap:2px}.upcoming-day-group{margin-bottom:6px}.upcoming-day-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:4px 8px 3px}.upcoming-card{display:flex;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .15s;margin:0 2px;background:#fff;border:1px solid transparent}.upcoming-card:hover{border-color:#e2e8f0;box-shadow:0 2px 6px #0000000f;transform:translate(2px)}.upcoming-card-stripe{width:3px;flex-shrink:0;border-radius:3px 0 0 3px}.upcoming-card-body{flex:1;padding:6px 8px;min-width:0;text-align:left}.upcoming-card-title{font-size:.76rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.upcoming-card-meta{display:flex;align-items:center;gap:6px;margin-top:1px}.upcoming-card-time{font-size:.65rem;font-weight:500;color:#64748b;font-family:monospace}.upcoming-card-type{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sidebar-no-events{padding:.75rem .5rem;font-size:.78rem;color:#94a3b8;font-style:italic;text-align:center}.calendar-content{display:flex;flex-direction:column;gap:0;min-width:0}.calendar-content .error-message{background:#fef2f2;color:#dc2626;padding:.6rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;border:1px solid #fecaca;margin-bottom:.75rem}.calendar-content .error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;padding:0}.cal-grid{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.cal-day-names{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0}.cal-day-name{padding:.6rem;text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.cal-day-name:nth-child(1),.cal-day-name:nth-child(7){color:#cbd5e1}.cal-days{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{min-height:100px;padding:6px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;position:relative}.cal-day:nth-child(7n){border-right:none}.cal-day:hover:not(.empty){background:#f8fafc}.cal-day.empty{background:#fafbfc;cursor:default}.cal-day.today{background:#eff6ff}.cal-day.today .cal-day-num{background:#667eea;color:#fff}.cal-day.selected{background:#f5f3ff}.cal-day.selected .cal-day-num{background:#764ba2;color:#fff}.cal-day-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#475569;border-radius:50%;margin-bottom:3px;transition:all .15s}.cal-day.empty .cal-day-num{color:#cbd5e1}.cal-day-events{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden}.cal-event-pill{padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .15s;line-height:1.4}.cal-event-pill:hover{filter:brightness(1.1);transform:translate(1px)}.cal-more-events{font-size:.65rem;color:#667eea;font-weight:600;padding:1px 6px;cursor:pointer}.cal-more-events:hover{text-decoration:underline}.date-events-panel{margin-top:1rem}.date-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.date-events-header h3{margin:0;font-size:.95rem;font-weight:700;color:#1e293b}.date-events-header .date-label{font-weight:400;color:#64748b;font-size:.85rem}.btn-close-panel{background:#f1f5f9;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;color:#64748b;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-close-panel:hover{background:#e2e8f0;color:#334155}.date-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.event-card{display:flex;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s;position:relative}.event-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.event-card-stripe{width:4px;flex-shrink:0}.event-card-body{flex:1;padding:.75rem .85rem;min-width:0;display:flex;flex-direction:column;text-align:left}.event-card-top-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.event-card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.event-card-top-info{display:flex;flex-direction:column;gap:1px;min-width:0}.event-card-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.event-card-time{font-size:.7rem;font-weight:500;color:#64748b;white-space:nowrap;font-family:SF Mono,Consolas,monospace}.event-card-title{margin:0;font-size:.9rem;font-weight:700;color:#1e293b;text-align:left;line-height:1.3}.event-card-desc{font-size:.76rem;color:#64748b;line-height:1.45;margin:4px 0 0;text-align:left;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-card-actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05);opacity:0;transition:opacity .15s}.event-card:hover .event-card-actions{opacity:1}.event-card-actions button{padding:3px 10px;border:1px solid rgba(0,0,0,.08);background:#ffffffb3;border-radius:5px;cursor:pointer;font-size:.7rem;color:#475569;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-card-actions button:hover{background:#667eea;color:#fff;border-color:#667eea}.event-card-actions .btn-delete-event:hover{background:#dc3545;border-color:#dc3545}.date-no-events{text-align:center;padding:2rem;color:#94a3b8;font-size:.85rem}.btn-add-date-event{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:1rem;cursor:pointer;color:#94a3b8;font-size:.82rem;transition:all .2s;text-align:center;width:100%}.btn-add-date-event:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:apptFadeIn .2s ease}@keyframes apptFadeIn{0%{opacity:0}to{opacity:1}}@keyframes apptSlideIn{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.appt-maker{display:flex;width:90%;max-width:480px;max-height:85vh;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #0000002e;animation:apptSlideIn .25s ease}.appt-stripe{width:6px;flex-shrink:0;transition:background-color .2s}.appt-body{flex:1;padding:1.25rem;overflow-y:auto;position:relative}.appt-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.3rem;color:#94a3b8;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.appt-close:hover{background:#f1f5f9;color:#475569}.appt-type-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem;padding-right:28px}.appt-type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1.5px solid #e2e8f0;border-radius:100px;cursor:pointer;font-size:.72rem;font-weight:600;background:#f8fafc;color:#64748b;transition:all .15s}.appt-type-pill:hover{border-color:#cbd5e1;background:#f1f5f9}.appt-type-pill.active{border-width:1.5px}.appt-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.appt-title-input{width:100%;border:none;border-bottom:2px solid #e2e8f0;padding:6px 0;font-size:1.15rem;font-weight:700;color:#1e293b;font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:1rem;transition:border-color .2s}.appt-title-input:focus{border-bottom-color:#667eea}.appt-title-input::placeholder{color:#cbd5e1;font-weight:500}.appt-section{display:flex;gap:10px;padding:.65rem 0;border-bottom:1px solid #f1f5f9}.appt-section:last-of-type{border-bottom:none}.appt-section-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0;padding-top:2px}.appt-section-content{flex:1;min-width:0}.appt-date-display{font-size:.88rem;font-weight:600;color:#1e293b;margin-bottom:4px;text-align:left}.appt-date-input{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;font-size:.8rem;font-family:inherit;color:#475569;box-sizing:border-box;outline:none;transition:border-color .15s}.appt-date-input:focus{border-color:#667eea}.appt-time-inputs{display:flex;align-items:center;gap:8px;margin-bottom:8px}.appt-time-input{flex:1;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;font-size:.85rem;font-family:inherit;color:#1e293b;outline:none;box-sizing:border-box;text-align:center;transition:border-color .15s}.appt-time-input:focus{border-color:#667eea}.appt-time-separator{font-size:.85rem;color:#94a3b8;flex-shrink:0}.appt-quick-times{display:flex;gap:6px;flex-wrap:wrap}.appt-quick-btn{padding:3px 10px;border:1px solid #e2e8f0;border-radius:100px;background:#f8fafc;font-size:.7rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.appt-quick-btn:hover{background:#eef2ff;border-color:#667eea;color:#667eea}.appt-quick-btn.active{background:#eef2ff;border-color:#667eea;color:#667eea;font-weight:600}.appt-duration-row{display:flex;align-items:center;gap:6px;margin-top:8px}.appt-duration-label{font-size:.68rem;color:#94a3b8;font-weight:500;white-space:nowrap}.appt-duration-btn{padding:2px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;font-size:.68rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.appt-duration-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.appt-desc-input{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;font-size:.82rem;font-family:inherit;color:#475569;resize:vertical;min-height:60px;box-sizing:border-box;outline:none;transition:border-color .15s}.appt-desc-input:focus{border-color:#667eea}.appt-desc-input::placeholder{color:#cbd5e1}.appt-recurrence-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.appt-recurrence-end{display:flex;align-items:center;gap:8px}.appt-recurrence-end-label{font-size:.78rem;color:#718096;white-space:nowrap}.appt-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.appt-footer-right{display:flex;gap:8px;margin-left:auto}.appt-cancel-btn{padding:7px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.appt-cancel-btn:hover{background:#f1f5f9;color:#475569}.appt-save-btn{padding:7px 18px;border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.appt-save-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.appt-delete-btn{padding:7px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.appt-delete-btn:hover{background:#fee2e2;border-color:#f87171}.loading-spinner{text-align:center;padding:3rem;color:#94a3b8}@media(max-width:900px){.calendar-main{grid-template-columns:1fr;padding:.75rem}.calendar-sidebar{border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.category-legend{flex-direction:row;gap:6px;flex-wrap:wrap}.legend-item{padding:.3rem .5rem;font-size:.72rem;width:auto}.sidebar-upcoming{display:none}.cal-day{min-height:70px;padding:4px}.cal-day-num{width:22px;height:22px;font-size:.72rem}.cal-event-pill{font-size:.62rem;padding:1px 4px}.date-events-grid{grid-template-columns:1fr}.event-card-actions{opacity:1;height:auto;overflow:visible}}@media(max-width:480px){.cal-day{min-height:55px;padding:3px}.cal-day-num{width:20px;height:20px;font-size:.68rem}.cal-day-name{font-size:.65rem;padding:.4rem .2rem}.cal-event-pill{font-size:.58rem}.form-row{grid-template-columns:1fr}.sidebar-month-nav{padding:.5rem}}.calendar-sidebar .tag-filter-bar{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;padding:0 .75rem}.calendar-sidebar .tag-filter-empty{font-size:.7rem;color:#b0b8c8;font-style:italic;padding:2px 0}.calendar-sidebar .tag-filter-pill{padding:3px 10px;border-radius:16px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.68rem;color:#666;font-weight:600;transition:all .18s}.calendar-sidebar .tag-filter-pill:hover{background:#f0f0ff;transform:translateY(-1px)}.calendar-sidebar .tag-filter-pill.active{background:#667eea;color:#fff;border-color:#667eea}.calendar-sidebar .tag-filter-clear{padding:3px 8px;border-radius:16px;border:1px solid #ddd;background:transparent;cursor:pointer;font-size:.62rem;color:#999;transition:all .15s}.calendar-sidebar .tag-filter-clear:hover{background:#fee;color:#c44;border-color:#c44}.event-card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.event-tag-badge{font-size:.58rem;padding:1px 6px;border-radius:8px;background:#ffffff40;color:inherit;font-weight:600;opacity:.85}.appt-tags-input{width:100%;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;box-sizing:border-box}.words-main{max-width:100%;margin:0;padding:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;box-sizing:border-box;min-height:0;flex:1}.words-sidebar{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;padding:0 .75rem;margin:.75rem 0 .25rem}.sidebar-section-title:first-child{margin-top:0}.sidebar-search{position:relative;padding:0 .25rem}.sidebar-search input{width:100%;padding:7px 30px 7px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;background:#f8fafc;transition:all .2s;box-sizing:border-box}.sidebar-search input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea14}.sidebar-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1rem;color:#94a3b8;cursor:pointer;padding:0 2px;line-height:1}.sidebar-search-clear:hover{color:#475569}.filter-nav{display:flex;flex-direction:column;gap:2px}.filter-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border:none;background:transparent;color:#4a5568;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;gap:.5rem}.filter-nav-item:hover{background:#fff;color:#2d3748;box-shadow:0 1px 3px #0000000d}.filter-nav-item.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 2px 6px #667eea1f}.filter-nav-item .filter-name{flex:1}.filter-nav-item .filter-count{font-size:.7rem;color:#a0aec0;background:#f7fafc;padding:1px 6px;border-radius:10px;font-weight:600;flex-shrink:0}.filter-nav-item.active .filter-count{background:#ebf4ff;color:#667eea}.sidebar-review-stats{display:flex;flex-direction:column;gap:.4rem;padding:0 .75rem}.review-stat{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.review-stat-value{font-weight:700;color:#667eea;font-size:.85rem}.review-stat-label{color:#94a3b8}.sidebar-reset-btn{margin:.25rem .25rem 0;padding:.45rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.78rem;color:#64748b;transition:all .2s;text-align:center}.sidebar-reset-btn:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.words-content{display:flex;flex-direction:column;gap:1rem;min-width:0}.error-message{background:#fef2f2;color:#dc2626;padding:.6rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;border:1px solid #fecaca}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.1rem;padding:0;line-height:1}.review-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.25rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.review-count{font-size:.78rem;color:#ffffffa6}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.review-card{background:#ffffff21;padding:1rem .75rem;border-radius:10px;cursor:pointer;position:relative;transition:all .2s;text-align:center}.review-card:hover{background:#ffffff3d;transform:translateY(-2px)}.review-card-word{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3}.review-card-actions{position:absolute;top:5px;right:5px;opacity:0;transition:opacity .2s}.review-card:hover .review-card-actions{opacity:1}.btn-skip{background:#ffffff2e;border:none;color:#ffffffb3;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.btn-skip:hover{background:#ffffff59;color:#fff}.review-empty{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#ffffffe6;font-size:.95rem}.words-list-header{display:flex;justify-content:space-between;align-items:baseline;padding-top:.25rem}.words-list-header h2{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b}.words-total{font-size:.78rem;color:#94a3b8}.words-empty{text-align:center;padding:3rem;color:#94a3b8;font-size:.9rem}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.word-card{display:flex;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;position:relative}.word-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1f;transform:translateY(-1px)}.word-card-accent{width:4px;background:linear-gradient(to bottom,#667eea,#764ba2);flex-shrink:0}.word-card.learned .word-card-accent{background:linear-gradient(to bottom,#28a745,#20c997)}.word-card-body{flex:1;padding:.7rem .85rem;min-width:0;display:flex;flex-direction:column}.word-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:.2rem}.word-card-name{margin:0;font-size:.9rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-card-badge{background:#dcfce7;color:#16a34a;font-size:.65rem;padding:1px 6px;border-radius:10px;font-weight:600;flex-shrink:0}.word-card-meaning{margin:0;font-size:.78rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.word-card-actions{display:flex;align-items:center;gap:4px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f1f5f9;opacity:0;height:0;overflow:hidden;transition:all .2s ease}.word-card:hover .word-card-actions{opacity:1;height:auto;overflow:visible}.word-card-actions button,.word-card-actions a{padding:3px 8px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:5px;cursor:pointer;font-size:.7rem;color:#475569;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.word-card-actions button:hover,.word-card-actions a:hover{background:#667eea;color:#fff;border-color:#667eea}.word-card-actions .btn-delete:hover{background:#dc3545;border-color:#dc3545}.word-card-actions .btn-learned:hover{background:#28a745;border-color:#28a745}.word-card-actions .btn-unlearn:hover{background:#f59e0b;border-color:#f59e0b}.words-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.words-pagination button{padding:5px 10px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-size:.78rem;transition:all .15s}.words-pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.words-pagination button:disabled{opacity:.4;cursor:not-allowed}.words-pagination button.active{background:#667eea;color:#fff;border-color:#667eea}.pagination-pages{display:flex;gap:4px}.word-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.word-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;padding:1.5rem;position:relative}.popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;padding:4px;line-height:1;transition:color .2s}.popup-close:hover{color:#334155}.word-popup h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#1e293b}.popup-section{margin-bottom:1rem}.popup-section strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.4rem}.popup-section p{margin:0;color:#475569;line-height:1.6;white-space:pre-wrap;font-size:.9rem}.popup-links{display:flex;gap:8px;margin-top:1rem}.popup-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#475569;font-size:.85rem;transition:all .2s}.popup-links a:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.popup-actions{display:flex;gap:8px;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.popup-actions button{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.popup-actions .btn-popup-learned{background:#28a745;color:#fff}.popup-actions .btn-popup-learned:hover{background:#218838}.popup-actions .btn-popup-edit{background:#f1f5f9;color:#475569}.popup-actions .btn-popup-edit:hover{background:#e2e8f0;color:#334155}.word-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.word-form{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 20px 60px #0003;width:90%;max-width:480px}.word-form h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1e293b}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:4px;font-size:.8rem;font-weight:600;color:#475569}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-family:inherit;box-sizing:border-box;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem}.form-actions .btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.form-actions .btn-primary{background:#667eea;color:#fff}.form-actions .btn-primary:hover{background:#5568d3}.form-actions .btn-secondary{background:#f1f5f9;color:#475569}.form-actions .btn-secondary:hover{background:#e2e8f0}.words-loading{text-align:center;padding:3rem;color:#94a3b8}@media(max-width:900px){.words-main{grid-template-columns:1fr;padding:.75rem}.words-sidebar{border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.filter-nav{flex-direction:row;gap:4px;flex-wrap:wrap}.filter-nav-item{padding:.4rem .6rem;font-size:.75rem}.sidebar-review-stats{flex-direction:row;gap:1rem}.review-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.words-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.word-card-actions{opacity:1;height:auto;overflow:visible}.review-card-actions{opacity:1}}@media(max-width:480px){.words-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.popup-links{flex-direction:column}}.tasks-page{min-height:100vh;background:#f0f2f5}.tasks-content{max-width:1200px;margin:0 auto;padding:24px}.tasks-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tasks-toolbar .add-task-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.tasks-toolbar .add-task-btn:hover{opacity:.9;transform:translateY(-1px)}.tasks-toolbar .filter-group{display:flex;gap:4px;margin-left:auto}.tasks-toolbar .filter-btn{background:#fff;border:1px solid #e0e0e0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.78rem;color:#666;transition:all .2s}.tasks-toolbar .filter-btn.active{background:#667eea;color:#fff;border-color:#667eea}.tasks-toolbar .filter-btn:hover:not(.active){border-color:#667eea;color:#667eea}.tasks-category-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tasks-category-bar .cat-pill{background:#fff;border:1px solid #e0e0e0;padding:5px 14px;border-radius:20px;cursor:pointer;font-size:.78rem;font-weight:500;color:#666;transition:all .18s;white-space:nowrap}.tasks-category-bar .cat-pill:hover:not(.active){border-color:#764ba2;color:#764ba2}.tasks-category-bar .cat-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea33}.tasks-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task-column{background:#f8f9fa;border-radius:12px;padding:0;min-height:400px;display:flex;flex-direction:column}.task-column-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:2px solid;border-radius:12px 12px 0 0}.task-column-header.todo{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60f,#3b82f605)}.task-column-header.in-progress{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b0f,#f59e0b05)}.task-column-header.done{border-color:#10b981;background:linear-gradient(135deg,#10b9810f,#10b98105)}.task-column-header .col-icon{font-size:.85rem}.task-column-header h3{margin:0;font-size:.85rem;font-weight:700;color:#333;flex:1}.task-column-header .count{background:#0000000f;padding:2px 9px;border-radius:10px;font-size:.72rem;color:#888;font-weight:600}.task-column-header .col-add-btn{background:none;border:1px solid transparent;cursor:pointer;font-size:1rem;color:#aaa;border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.task-column-header .col-add-btn:hover{background:#667eea1a;color:#667eea;border-color:#667eea33}.task-column-body{padding:12px;flex:1;display:flex;flex-direction:column;gap:8px}.column-empty{text-align:center;padding:32px 16px;color:#ccc;font-size:.8rem;font-style:italic}.task-card{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:all .2s;position:relative;text-align:left;border:1px solid #eee}.task-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);border-color:#ddd}.task-card .task-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.task-card .priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.task-card .priority-dot.priority-high{background:#ef4444;box-shadow:0 0 6px #ef444466}.task-card .priority-dot.priority-medium{background:#f59e0b;box-shadow:0 0 6px #f59e0b4d}.task-card .priority-dot.priority-low{background:#10b981;box-shadow:0 0 6px #10b9814d}.task-card .task-title{font-size:.84rem;font-weight:600;color:#333;margin:0;flex:1;line-height:1.35}.task-card .card-delete{background:none;border:none;cursor:pointer;font-size:.8rem;padding:0;color:#ccc;opacity:0;transition:all .15s;line-height:1;flex-shrink:0}.task-card:hover .card-delete{opacity:1}.task-card .card-delete:hover{color:#ef4444}.task-card .task-desc{font-size:.76rem;color:#999;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;line-height:1.45;padding-left:16px}.task-card .task-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-left:16px}.task-card .task-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:500}.task-card .task-badge.category{background:#f3f0ff;color:#7c3aed}.task-card .task-due{font-size:.68rem;color:#aaa;margin-left:auto}.task-card .task-due.overdue{color:#ef4444;font-weight:600}.card-status-actions{display:flex;gap:4px;padding-top:8px;padding-left:16px}.card-move-btn{background:#f8f9fa;border:1px solid #e8e8e8;cursor:pointer;font-size:.7rem;padding:3px 8px;border-radius:6px;transition:all .15s;line-height:1.2}.card-move-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.card-move-btn.todo:hover{background:#3b82f61a;border-color:#3b82f64d}.card-move-btn.in-progress:hover{background:#f59e0b1a;border-color:#f59e0b4d}.card-move-btn.done:hover{background:#10b9811a;border-color:#10b9814d}.task-detail-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:1000}.task-detail{background:#1e1e1e;border-radius:12px;width:560px;max-width:92vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333}.detail-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0}.detail-priority-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detail-priority-dot.priority-high{background:#ef4444;box-shadow:0 0 8px #ef444480}.detail-priority-dot.priority-medium{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.detail-priority-dot.priority-low{background:#10b981;box-shadow:0 0 8px #10b98166}.detail-title{font-size:.92rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-titlebar-actions{display:flex;gap:4px;flex-shrink:0}.detail-action-btn{background:transparent;border:none;cursor:pointer;font-size:.78rem;padding:6px 8px;border-radius:6px;color:#999;transition:all .15s;line-height:1}.detail-action-btn:hover{background:#3c3c3c;color:#fff}.detail-action-btn.close{font-size:.92rem;font-family:system-ui}.detail-info-bar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#252526;border-bottom:1px solid #333;flex-wrap:wrap;flex-shrink:0}.detail-status-pill{font-size:.72rem;padding:3px 12px;border-radius:12px;font-weight:600}.detail-status-pill.status-todo{background:#3b82f626;color:#60a5fa}.detail-status-pill.status-in-progress{background:#f59e0b26;color:#fbbf24}.detail-status-pill.status-done{background:#10b98126;color:#34d399}.detail-priority-pill{font-size:.72rem;padding:3px 12px;border-radius:12px;font-weight:500}.detail-priority-pill.priority-high{background:#ef44441f;color:#f87171}.detail-priority-pill.priority-medium{background:#f59e0b1f;color:#fbbf24}.detail-priority-pill.priority-low{background:#10b9811f;color:#34d399}.detail-category{font-size:.68rem;background:#7c3aed26;color:#c4b5fd;padding:3px 10px;border-radius:12px;font-weight:500}.detail-due{font-size:.72rem;color:#888;margin-left:auto}.detail-due.overdue{color:#f87171;font-weight:600}.detail-body{padding:20px 22px;flex:1;overflow-y:auto;min-height:80px}.detail-description{text-align:left}.detail-description label{display:block;font-size:.72rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-description p{font-size:.88rem;color:#d4d4d4;line-height:1.65;margin:0;white-space:pre-wrap}.detail-empty-desc{font-size:.82rem;color:#555;font-style:italic;text-align:center;padding:16px 0}.detail-status-actions{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid #333;flex-shrink:0;flex-wrap:wrap}.detail-status-actions .status-label{font-size:.72rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.detail-status-btn{font-size:.76rem;padding:5px 14px;border-radius:8px;border:1px solid #404040;background:transparent;cursor:pointer;color:#aaa;transition:all .15s;font-weight:500}.detail-status-btn:hover{border-color:#555}.detail-status-btn.todo:hover{background:#3b82f61f;color:#60a5fa;border-color:#3b82f64d}.detail-status-btn.in-progress:hover{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b4d}.detail-status-btn.done:hover{background:#10b9811f;color:#34d399;border-color:#10b9814d}.detail-statusbar{display:flex;align-items:center;gap:18px;padding:6px 18px;background:#007acc;flex-shrink:0;border-radius:0 0 12px 12px}.detail-statusbar span{font-size:.68rem;color:#fff;font-weight:500;letter-spacing:.2px}.task-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:1000}.task-modal{background:#1e1e1e;border-radius:12px;width:520px;max-width:92vw;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333}.task-modal .modal-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0}.task-modal .modal-titlebar-left{display:flex;align-items:center;gap:8px}.task-modal .modal-file-icon{font-size:.85rem}.task-modal .modal-title{font-size:.88rem;font-weight:600;color:#e0e0e0}.task-modal .modal-titlebar-actions{display:flex;gap:4px}.task-modal .modal-action-btn{background:transparent;border:none;cursor:pointer;font-size:.78rem;padding:5px 8px;border-radius:6px;color:#888;transition:all .15s;line-height:1}.task-modal .modal-action-btn:hover{background:#3c3c3c;color:#fff}.task-modal .modal-action-btn.delete:hover{background:#5c2020;color:#f87171}.task-modal .modal-action-btn.close{font-size:.9rem;font-family:system-ui}.task-modal .modal-action-btn.close:hover{background:#c42b1c;color:#fff}.task-modal .modal-body{padding:18px 20px;overflow-y:auto;flex:1;min-height:0}.task-modal .modal-field{margin-bottom:14px}.task-modal .modal-field label{display:block;font-size:.72rem;font-weight:600;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.task-modal .modal-field label .required{color:#f87171}.task-modal .modal-field input,.task-modal .modal-field select{width:100%;padding:9px 12px;border:1px solid #404040;border-radius:6px;font-size:.84rem;box-sizing:border-box;background:#2d2d2d;color:#e0e0e0;transition:border-color .15s;outline:none}.task-modal .modal-field input::placeholder{color:#666}.task-modal .modal-field input:focus,.task-modal .modal-field select:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.task-modal .modal-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.task-modal .modal-field select option{background:#2d2d2d;color:#e0e0e0}.task-modal .modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-modal .modal-field-desc{flex:1}.task-modal .modal-textarea{width:100%;min-height:100px;padding:10px 14px;border:1px solid #404040;border-radius:6px;font-family:inherit;font-size:.84rem;line-height:1.55;background:#0d1117;color:#d4d4d4;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .15s}.task-modal .modal-textarea::placeholder{color:#555}.task-modal .modal-textarea:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.task-modal .modal-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#252526;border-top:1px solid #404040;flex-shrink:0}.task-modal .modal-status-left{font-size:.72rem;color:#666;font-family:monospace}.task-modal .modal-status-actions{display:flex;gap:8px}.task-modal .modal-btn-cancel{background:transparent;color:#999;border:1px solid #404040;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.task-modal .modal-btn-cancel:hover{background:#3c3c3c;color:#e0e0e0;border-color:#555}.task-modal .modal-btn-save{background:#0e639c;color:#fff;border:none;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.task-modal .modal-btn-save:hover{background:#17b}.task-modal .modal-btn-save:disabled{opacity:.4;cursor:default}.task-modal input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}@media(max-width:900px){.tasks-columns{grid-template-columns:1fr}.task-column{min-height:auto}.column-empty{padding:16px 12px}}@media(max-width:600px){.tasks-content{padding:12px}.tasks-toolbar{flex-direction:column;align-items:stretch}.tasks-toolbar .filter-group{margin-left:0}.task-detail,.task-modal{max-width:96vw}}.tag-filter-pill:hover{background:#f0f0ff;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.tag-filter-pill.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea40}.task-tags-inline{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.task-tag-badge{font-size:.58rem;padding:1px 6px;border-radius:8px;background:#667eea1a;color:#667eea;font-weight:600}.secrets-page{min-height:100vh;background:#f0f2f5}.secrets-content{max-width:900px;margin:0 auto;padding:24px}.secrets-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.secrets-toolbar .add-secret-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600}.secrets-toolbar .search-box{flex:1;max-width:300px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;margin-left:auto}.secrets-toolbar .search-box:focus{outline:none;border-color:#667eea}.secrets-categories{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.secrets-categories .cat-tab{padding:5px 14px;border-radius:20px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.78rem;color:#666;transition:all .2s}.secrets-categories .cat-tab.active{background:#667eea;color:#fff;border-color:#667eea}.secrets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.secret-card{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:14px;padding:18px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:all .25s;position:relative;min-height:80px;box-shadow:0 4px 14px #0000002e}.secret-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 28px #00000047}.sc-chip{width:32px;height:24px;border-radius:5px;background:linear-gradient(135deg,#d4af37,#f5d76e,#c9a227);box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;flex-shrink:0;margin-top:2px}.sc-content{flex:1;min-width:0}.sc-name{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.4px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-field{font-size:.76rem;color:#ffffff8c;font-weight:500;letter-spacing:.6px;margin-bottom:2px;display:flex;align-items:center;gap:5px}.sc-icon{font-size:.68rem;opacity:.7}.sc-url{font-size:.72rem;color:#78a0ffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sc-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.sc-category{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;background:#ffffff14;padding:2px 8px;border-radius:6px}.sc-dots{font-size:.9rem;color:#fff3;letter-spacing:3px}.secret-card .secret-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .2s}.secret-card:hover .secret-actions{opacity:1}.secret-card .secret-actions button{background:#ffffff1f;border:none;cursor:pointer;font-size:.68rem;padding:4px 6px;border-radius:5px;transition:background .15s}.secret-card .secret-actions button:hover{background:#ffffff40}.secret-card .secret-actions button:hover{background:#f3f4f6}.secret-detail-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:1000}.secret-detail{background:#1e1e1e;border-radius:12px;width:480px;max-width:92vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333}.secret-detail .detail-titlebar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#252526;border-bottom:1px solid #333;flex-shrink:0}.detail-titlebar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.detail-lock-icon{font-size:1rem;flex-shrink:0}.detail-name{font-size:1rem;font-weight:700;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-cat-badge{font-size:.62rem;background:#7c3aed33;color:#c4b5fd;padding:2px 10px;border-radius:10px;font-weight:600;flex-shrink:0;letter-spacing:.3px}.detail-titlebar-actions{display:flex;gap:2px;flex-shrink:0}.detail-action-btn{background:transparent;border:none;cursor:pointer;font-size:.82rem;padding:6px 8px;border-radius:6px;color:#666;transition:all .15s;line-height:1}.detail-action-btn:hover{background:#3c3c3c;color:#e0e0e0}.detail-action-btn.edit:hover{background:#3b3060;color:#c4b5fd}.detail-action-btn.delete:hover{background:#5c2020;color:#f87171}.detail-action-btn.close{font-size:.95rem;font-family:system-ui}.detail-action-btn.close:hover{background:#c42b1c;color:#fff}.secret-detail .detail-body{padding:6px 0;flex:1;overflow-y:auto;min-height:60px}.detail-row{border-bottom:1px solid #2a2a2a;padding:14px 22px}.detail-row:last-child{border-bottom:none}.detail-row-label{font-size:.68rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;text-align:left}.detail-row-content{display:flex;align-items:center;gap:8px}.detail-row-content.notes{align-items:flex-start}.detail-row-value{font-size:.88rem;color:#e0e0e0;flex:1;min-width:0;word-break:break-all;white-space:pre-wrap;text-align:left;line-height:1.5}.detail-row-value.mono{font-family:Consolas,Monaco,monospace;font-size:.84rem;letter-spacing:.8px;color:#4ec9b0}.detail-row-value.dots{color:#888;letter-spacing:2px}.detail-row-link{font-size:.86rem;color:#4fc1ff;text-decoration:none;flex:1;min-width:0;word-break:break-all;text-align:left}.detail-row-link:hover{text-decoration:underline;color:#7dd3fc}.detail-btn{background:none;border:none;cursor:pointer;font-size:.82rem;padding:4px 6px;border-radius:5px;color:#555;transition:all .15s;line-height:1;flex-shrink:0}.detail-btn:hover{background:#333;color:#e0e0e0}.detail-empty{font-size:.82rem;color:#555;font-style:italic;text-align:center;padding:28px 0}.secret-detail .detail-statusbar{display:flex;align-items:center;gap:18px;padding:6px 20px;background:#007acc;flex-shrink:0;border-radius:0 0 12px 12px}.secret-detail .detail-statusbar span{font-size:.68rem;color:#fff;font-weight:500;letter-spacing:.2px}.secret-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:1001}.secret-modal{background:#1e1e1e;border-radius:12px;width:520px;max-width:92vw;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333;text-align:left}.secret-modal .modal-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0}.secret-modal .modal-titlebar-left{display:flex;align-items:center;gap:8px}.secret-modal .modal-file-icon{font-size:.85rem}.secret-modal .modal-title{font-size:.88rem;font-weight:600;color:#e0e0e0}.secret-modal .modal-titlebar-actions{display:flex;gap:4px}.secret-modal .modal-action-btn{background:transparent;border:none;cursor:pointer;font-size:.78rem;padding:5px 8px;border-radius:6px;color:#888;transition:all .15s;line-height:1}.secret-modal .modal-action-btn:hover{background:#3c3c3c;color:#fff}.secret-modal .modal-action-btn.close{font-size:.9rem;font-family:system-ui}.secret-modal .modal-action-btn.close:hover{background:#c42b1c;color:#fff}.secret-modal .modal-body{padding:18px 20px;overflow-y:auto;flex:1;min-height:0}.secret-modal .modal-field{margin-bottom:14px}.secret-modal .modal-field label{display:block;font-size:.72rem;font-weight:600;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;text-align:left}.secret-modal .modal-field label .required{color:#f87171}.secret-modal .modal-field input{width:100%;padding:9px 12px;border:1px solid #404040;border-radius:6px;font-size:.84rem;box-sizing:border-box;background:#2d2d2d;color:#e0e0e0;transition:border-color .15s;outline:none;text-align:left}.secret-modal .modal-field input::placeholder{color:#666}.secret-modal .modal-field input:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.secret-modal .modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secret-modal .modal-pwd-row{display:flex;gap:8px;align-items:stretch}.secret-modal .modal-pwd-input{flex:1;position:relative}.secret-modal .modal-pwd-input input{width:100%;padding-right:36px}.secret-modal .modal-pwd-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.82rem;padding:2px 4px;color:#888;transition:color .15s}.secret-modal .modal-pwd-toggle:hover{color:#e0e0e0}.secret-modal .modal-generate-btn{background:#7c3aed26;color:#c4b5fd;border:1px solid rgba(124,58,237,.25);padding:0 12px;border-radius:6px;cursor:pointer;font-size:.75rem;white-space:nowrap;transition:all .15s;font-weight:500}.secret-modal .modal-generate-btn:hover{background:#7c3aed40;border-color:#7c3aed66}.secret-modal .modal-textarea{width:100%;min-height:80px;padding:10px 14px;border:1px solid #404040;border-radius:6px;font-family:inherit;font-size:.84rem;line-height:1.55;background:#0d1117;color:#d4d4d4;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .15s}.secret-modal .modal-textarea::placeholder{color:#555}.secret-modal .modal-textarea:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.secret-modal .modal-error{margin:0 16px 10px;padding:8px 12px;font-size:.78rem;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:6px;flex-shrink:0;text-align:left}.secret-modal .modal-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#252526;border-top:1px solid #404040;flex-shrink:0}.secret-modal .modal-status-left{font-size:.72rem;color:#666;font-family:monospace}.secret-modal .modal-status-actions{display:flex;gap:8px}.secret-modal .modal-btn-cancel{background:transparent;color:#999;border:1px solid #404040;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.secret-modal .modal-btn-cancel:hover{background:#3c3c3c;color:#e0e0e0;border-color:#555}.secret-modal .modal-btn-save{background:#0e639c;color:#fff;border:none;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.secret-modal .modal-btn-save:hover{background:#17b}.secret-modal .modal-btn-save:disabled{opacity:.4;cursor:default}.secrets-empty{text-align:center;padding:40px;color:#999}.change-pin-btn{background:#7c3aed1f;color:#9b7de8;border:1px solid rgba(124,58,237,.25);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .15s}.change-pin-btn:hover{background:#7c3aed38;border-color:#7c3aed66;color:#c4b5fd}.clipboard-notice{font-size:.7rem;color:#f59e0b;margin-top:6px;padding-left:2px;letter-spacing:.2px}.pin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100}.pin-modal{background:#1e1e1e;border-radius:14px;width:360px;max-width:90vw;box-shadow:0 24px 64px #00000080;border:1px solid #333;overflow:hidden}.pin-modal-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#252526;border-bottom:1px solid #333}.pin-modal-icon{font-size:1.1rem}.pin-modal-title{font-size:.95rem;font-weight:700;color:#f0f0f0}.pin-modal-body{padding:20px}.pin-modal-desc{font-size:.78rem;color:#999;line-height:1.5;margin:0 0 16px}.pin-field{margin-bottom:14px}.pin-field label{display:block;font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.pin-field input{width:100%;padding:10px 14px;border:1px solid #404040;border-radius:8px;font-size:1.1rem;letter-spacing:8px;text-align:center;background:#2d2d2d;color:#e0e0e0;box-sizing:border-box;outline:none;transition:border-color .15s;font-family:Consolas,Monaco,monospace}.pin-field input::placeholder{letter-spacing:.5px;font-size:.82rem;color:#555}.pin-field input:focus{border-color:#0e639c;box-shadow:0 0 0 2px #0e639c40}.pin-error{font-size:.76rem;color:#f87171;background:#f8717114;padding:8px 12px;border-radius:6px;margin-top:4px;border:1px solid rgba(248,113,113,.15)}.pin-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:#252526;border-top:1px solid #333}.pin-btn-cancel{background:transparent;color:#999;border:1px solid #404040;padding:7px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.pin-btn-cancel:hover{background:#3c3c3c;color:#e0e0e0;border-color:#555}.pin-btn-confirm{background:#0e639c;color:#fff;border:none;padding:7px 20px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.pin-btn-confirm:hover{background:#17b}.pin-btn-confirm:disabled{opacity:.4;cursor:default}@media(max-width:600px){.secret-detail,.secret-modal{max-width:96vw}.secret-modal .modal-field-row{grid-template-columns:1fr}.secret-modal .modal-pwd-row{flex-direction:column}}.sc-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.sc-tag-badge{font-size:.58rem;padding:1px 6px;border-radius:8px;background:#667eea1a;color:#667eea;font-weight:600}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.snippets-page{min-height:100vh;background:#f0f2f5}.snippets-content{max-width:1100px;margin:0 auto;padding:24px}.snippets-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.snippets-toolbar .add-snippet-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600}.snippets-toolbar .search-box{flex:1;max-width:300px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;margin-left:auto}.snippets-toolbar .search-box:focus{outline:none;border-color:#667eea}.snippets-categories{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.snippets-categories .cat-tab{padding:5px 14px;border-radius:20px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.78rem;color:#666;transition:all .2s}.snippets-categories .cat-tab.active{background:#667eea;color:#fff;border-color:#667eea}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.snippet-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;border-left:4px solid #667eea}.snippet-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.snippet-card .snippet-card-top{padding:14px 16px 10px;text-align:left}.snippet-card .snippet-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.snippet-card .snippet-title{font-size:.9rem;font-weight:600;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.snippet-card .snippet-lang{font-size:.65rem;background:#1e1e1e;color:#9cdcfe;padding:2px 8px;border-radius:4px;font-family:monospace;flex-shrink:0;transition:opacity .2s}.snippet-card:hover .snippet-lang{opacity:0}.snippet-card .snippet-desc{font-size:.78rem;color:#888;margin:0 0 8px;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.snippet-card .snippet-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.snippet-card .snippet-cat{font-size:.7rem;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:10px}.snippet-card .snippet-code{background:#1e1e1e;padding:12px 16px;font-family:Consolas,Monaco,monospace;font-size:.75rem;color:#d4d4d4;max-height:100px;overflow:hidden;line-height:1.5;white-space:pre;position:relative;text-align:left}.snippet-card .snippet-code:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#1e1e1e)}.snippet-card .snippet-actions{position:absolute;top:12px;right:12px;display:flex;gap:2px;opacity:0;transition:opacity .2s;background:#fffffff2;border-radius:6px;padding:2px;box-shadow:0 1px 4px #0000001a;z-index:2}.snippet-card:hover .snippet-actions{opacity:1}.snippet-card .snippet-actions button{background:none;border:none;cursor:pointer;font-size:.75rem;padding:4px 5px;border-radius:4px;line-height:1}.snippet-card .snippet-actions button:hover{background:#f0f0f0}.snippet-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:1000}.snippet-modal{background:#1e1e1e;border-radius:12px;width:700px;max-width:92vw;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333}.modal-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0}.modal-titlebar-left{display:flex;align-items:center;gap:8px}.modal-file-icon{font-size:.85rem}.modal-title{font-size:.88rem;font-weight:600;color:#e0e0e0}.modal-titlebar-actions{display:flex;gap:4px}.modal-action-btn{background:transparent;border:none;cursor:pointer;font-size:.78rem;padding:5px 8px;border-radius:6px;color:#888;transition:all .15s;line-height:1}.modal-action-btn:hover{background:#3c3c3c;color:#fff}.modal-action-btn.delete:hover{background:#5c2020;color:#f87171}.modal-action-btn.close{font-size:.9rem;font-family:system-ui}.modal-action-btn.close:hover{background:#c42b1c;color:#fff}.modal-body{padding:18px 20px;overflow-y:auto;flex:1;min-height:0}.modal-field{margin-bottom:14px}.modal-field label{display:block;font-size:.75rem;font-weight:600;color:#999;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.modal-field label .required{color:#f87171}.modal-field input,.modal-field select{width:100%;padding:9px 12px;border:1px solid #404040;border-radius:6px;font-size:.84rem;box-sizing:border-box;background:#2d2d2d;color:#e0e0e0;transition:border-color .15s;outline:none}.modal-field input::placeholder{color:#666}.modal-field input:focus,.modal-field select:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.modal-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.modal-field select option{background:#2d2d2d;color:#e0e0e0}.modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-field-code{flex:1;display:flex;flex-direction:column}.modal-code-editor{width:100%;min-height:220px;padding:14px;border:1px solid #404040;border-radius:6px;font-family:Consolas,Monaco,monospace;font-size:.82rem;line-height:1.6;background:#0d1117;color:#d4d4d4;resize:vertical;box-sizing:border-box;-moz-tab-size:2;tab-size:2;outline:none;transition:border-color .15s;flex:1}.modal-code-editor::placeholder{color:#555}.modal-code-editor:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.modal-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#252526;border-top:1px solid #404040;flex-shrink:0}.modal-status-left{font-size:.72rem;color:#666;font-family:monospace}.modal-status-actions{display:flex;gap:8px}.modal-btn-cancel{background:transparent;color:#999;border:1px solid #404040;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.modal-btn-cancel:hover{background:#3c3c3c;color:#e0e0e0;border-color:#555}.modal-btn-save{background:#0e639c;color:#fff;border:none;padding:6px 18px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.modal-btn-save:hover{background:#17b}.snippet-view-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:1000}.snippet-view{background:#1e1e1e;border-radius:12px;width:780px;max-width:92vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid #333}.view-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0}.view-titlebar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.view-file-icon{font-size:.85rem;flex-shrink:0}.view-filename{font-size:.85rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-lang-pill{font-size:.65rem;background:#0e639c;color:#fff;padding:2px 10px;border-radius:10px;font-family:monospace;flex-shrink:0;font-weight:500;letter-spacing:.3px}.view-titlebar-actions{display:flex;gap:4px;flex-shrink:0}.view-action-btn{background:transparent;border:1px solid transparent;cursor:pointer;font-size:.78rem;padding:5px 8px;border-radius:6px;color:#999;transition:all .15s;line-height:1}.view-action-btn:hover{background:#3c3c3c;color:#fff}.view-action-btn.delete:hover{background:#5c2020;color:#f87171}.view-action-btn.copy:hover{background:#1a3a5c;color:#7dd3fc}.view-action-btn.edit:hover{background:#3b3060;color:#c4b5fd}.view-info-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#252526;border-bottom:1px solid #333;flex-wrap:wrap;flex-shrink:0}.view-info-desc{font-size:.78rem;color:#888;flex:1;min-width:120px;text-align:left}.view-info-badges{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.view-info-cat{font-size:.65rem;background:#7c3aed33;color:#c4b5fd;padding:2px 9px;border-radius:10px;font-weight:500}.view-info-tag{font-size:.6rem;padding:2px 7px;border-radius:10px;background:#667eea26;color:#93a8f4;font-weight:500}.view-code-area{display:flex;flex:1;overflow:auto;min-height:0}.view-line-numbers{padding:16px 0;background:#1e1e1e;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none;position:sticky;left:0;z-index:1}.view-line-numbers span{display:block;padding:0 14px 0 16px;font-family:Consolas,Monaco,monospace;font-size:.78rem;line-height:1.65;color:#555;text-align:right;min-width:24px}.view-code-content{margin:0;padding:16px 20px;font-family:Consolas,Monaco,monospace;font-size:.78rem;color:#d4d4d4;line-height:1.65;white-space:pre;flex:1;background:#1e1e1e;text-align:left}.view-statusbar{display:flex;align-items:center;gap:16px;padding:5px 16px;background:#007acc;flex-shrink:0}.view-statusbar span{font-size:.68rem;color:#fff;font-weight:500;letter-spacing:.2px}.snippets-languages{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.snippets-languages .filter-label{font-size:.75rem;color:#888;font-weight:600;margin-right:4px}.snippets-languages .lang-tab{padding:4px 12px;border-radius:20px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.72rem;color:#666;transition:all .2s;font-family:monospace}.snippets-languages .lang-tab.active{background:#1e1e1e;color:#9cdcfe;border-color:#1e1e1e}.snippets-languages .lang-tab:hover:not(.active){border-color:#999}.snippets-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding:16px 0}.snippets-pagination button{padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:.8rem;color:#555;transition:all .2s}.snippets-pagination button:hover:not(:disabled):not(.active){border-color:#667eea;color:#667eea}.snippets-pagination button.active{background:#667eea;color:#fff;border-color:#667eea}.snippets-pagination button:disabled{opacity:.4;cursor:default}.snippets-pagination .page-info{font-size:.75rem;color:#999;margin-left:12px}.snippets-empty{text-align:center;padding:40px;color:#999;grid-column:1 / -1}.snippet-tag-badge{font-size:.6rem;padding:2px 7px;border-radius:10px;background:#667eea1f;color:#667eea;font-weight:500}.tag-filter-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;padding:0 2px}.tag-filter-label{font-size:.72rem;color:#888;font-weight:600;margin-right:4px}.tag-filter-pill{padding:3px 12px;border-radius:20px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;font-size:.7rem;color:#666;font-weight:600;transition:all .18s;white-space:nowrap}.tag-filter-pill:hover{background:#f0f0ff;transform:translateY(-1px)}.tag-filter-pill.active{background:#667eea;color:#fff;border-color:#667eea}.tag-filter-clear{padding:3px 10px;border-radius:20px;border:1px solid #ddd;background:transparent;cursor:pointer;font-size:.65rem;color:#999;transition:all .15s}.tag-filter-clear:hover{background:#fee;color:#c44;border-color:#c44}.projects-container{min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column}.projects-main{max-width:980px;margin:2rem auto;padding:0 1rem;width:100%;box-sizing:border-box}.projects-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.projects-header h1{margin:0 0 .25rem;font-size:1.45rem;color:#1a202c}.projects-header p{margin:0;color:#718096;font-size:.88rem}.projects-add-btn{padding:.55rem .95rem;border:1px solid #667eea;border-radius:8px;background:#667eea;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;flex-shrink:0}.projects-add-btn:hover{background:#5a6fd6}.projects-error{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid #feb2b2;border-radius:8px;background:#fff5f5;color:#c53030;font-size:.85rem}.projects-error button{border:none;background:transparent;color:#c53030;cursor:pointer;font-size:1.1rem}.projects-loading{padding:3rem 1rem;text-align:center;color:#718096}.projects-grid{display:flex;flex-direction:column;gap:1rem}.project-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s}.project-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.project-icon{font-size:2.5rem;flex-shrink:0}.project-info{flex:1;min-width:0}.project-info h2{margin:0 0 .25rem;font-size:1.15rem;color:#1a202c}.project-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.project-badge{display:inline-flex;align-items:center;height:20px;padding:0 .5rem;border-radius:999px;background:#edf2f7;color:#4a5568;font-size:.7rem;font-weight:700}.project-info p{margin:0;font-size:.85rem;color:#718096;line-height:1.4}.project-route{display:block;margin-top:.35rem;font-size:.75rem;color:#a0aec0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.project-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.project-action-btn{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.project-action-btn:hover{border-color:#667eea;color:#667eea;background:#f7fafc}.project-action-btn.danger{color:#c53030}.project-action-btn.danger:hover:not(:disabled){border-color:#feb2b2;background:#fff5f5}.project-action-btn:disabled{opacity:.35;cursor:not-allowed}.project-arrow{font-size:1.4rem;color:#a0aec0;flex-shrink:0}.project-card:hover .project-arrow{color:#667eea}.project-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:1rem}.project-form{width:min(520px,100%);background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 18px 48px #0f172a3d;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.project-form-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-form-header h2{margin:0;font-size:1.1rem;color:#1a202c}.project-form-header button{border:none;background:#edf2f7;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#4a5568;font-size:1.05rem}.project-form label{display:flex;flex-direction:column;gap:.35rem;color:#2d3748;font-size:.85rem;font-weight:700}.project-form input,.project-form textarea{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;padding:.55rem .7rem;font:inherit;font-weight:400;color:#1a202c}.project-form input:focus,.project-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea24}.project-form input:disabled{background:#f7fafc;color:#718096}.project-form textarea{resize:vertical}.project-form-actions{display:flex;justify-content:flex-end;gap:.6rem}.project-form-cancel,.project-form-save{padding:.55rem .95rem;border-radius:8px;font-weight:700;cursor:pointer}.project-form-cancel{border:1px solid #e2e8f0;background:#fff;color:#4a5568}.project-form-save{border:1px solid #667eea;background:#667eea;color:#fff}.project-form-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.projects-header{align-items:stretch;flex-direction:column}.projects-add-btn{width:100%}.project-card{align-items:flex-start;padding:1rem}.project-icon{font-size:2rem}.project-actions{flex-direction:column}}.project-notes-board{background:#f7f5f0;border-radius:10px;padding:1rem;border:1px solid #e2dfd8;box-shadow:0 1px 3px #0000000f;background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,.035) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,177,66,.035) 0%,transparent 50%)}.project-notes-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2dfd8;flex-wrap:wrap}.project-notes-header h2{font-size:1rem;font-weight:700;color:#2d3748;margin:0}.project-notes-actions{display:flex;gap:.5rem;align-items:center}.project-notes-add-btn{padding:5px 12px;border:none;background:var(--project-accent, #667eea);color:#fff;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:filter .2s}.project-notes-add-btn:hover{filter:brightness(.92)}.project-notes-template-wrapper{position:relative}.project-notes-template-btn{padding:5px 12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.project-notes-template-btn:hover{background:#f7fafc;border-color:#cbd5e0}.project-notes-template-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:50;min-width:200px;padding:4px}.project-notes-template-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#4a5568;font-size:.82rem;font-weight:500;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s}.project-notes-template-item:hover{background:#ebf4ff;color:var(--project-accent, #667eea)}.project-notes-empty{color:#a0aec0;font-style:italic;font-size:.9rem;text-align:center;padding:3rem 1rem}.note-preview-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 .75rem}@media(max-width:640px){.project-notes-actions{width:100%}.project-notes-add-btn,.project-notes-template-btn{flex:1}}.technical-notes-page{min-height:100vh;background:linear-gradient(160deg,#f8f4ef,#f0ebe3 40%,#e8e0d5)}.technical-notes-page.tn-embedded{min-height:auto;background:transparent}.tn-container{max-width:1260px;margin:0 auto;padding:32px 32px 56px}.tn-embedded .tn-container{max-width:none;padding:0}.tn-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid rgba(139,109,79,.12)}.tn-list-header-info{display:flex;align-items:center;gap:14px}.tn-list-header h2{margin:0;font-size:1.55rem;font-weight:800;color:#3e2c1c;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif}.tn-list-header h2 svg{color:#8b6d4f;flex-shrink:0}.tn-count{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;color:#8b6d4f;font-weight:600;background:#8b6d4f1a;padding:3px 12px;border-radius:20px;min-width:24px;letter-spacing:.02em}.tn-search-bar{position:relative;margin-bottom:14px}.tn-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#b09a82;pointer-events:none}.tn-search-bar input{width:100%;padding:12px 40px 12px 44px;border:1.5px solid rgba(139,109,79,.18);border-radius:12px;font-size:.9rem;color:#3e2c1c;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.tn-search-bar input:focus{border-color:#8b6d4f;background:#fff;box-shadow:0 0 0 3px #8b6d4f14}.tn-search-bar input::placeholder{color:#bfae9d}.tn-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.9rem;color:#b09a82;line-height:1;padding:4px 6px;border-radius:4px}.tn-search-clear:hover{background:#8b6d4f14;color:#6b5040}.tn-card-category-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.68rem;font-weight:600;background:#eef0f4;color:#667eea;border:1px solid #d0d5f4;margin-top:6px}.tn-read-header-category{display:inline-block;padding:2px 12px;border-radius:12px;font-size:.72rem;font-weight:600;background:#667eea1f;color:#667eea;border:1px solid rgba(102,126,234,.25);margin-left:8px;vertical-align:middle}.tn-mv-info-category{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.68rem;font-weight:600;background:#667eea26;color:#90a0f0;margin-top:4px}.tn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.tn-card{display:flex;flex-direction:column;background:#fffcf8;border:none;border-radius:6px;padding:0;cursor:pointer;transition:box-shadow .25s,transform .2s;position:relative;min-height:0;overflow:hidden;box-shadow:0 1px 4px #3e2c1c12,0 4px 14px #3e2c1c0a}.tn-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:6px 0 0 6px;background:linear-gradient(180deg,#c9a96e,#8b6d4f);opacity:.55;transition:opacity .2s,width .2s}.tn-card:hover{box-shadow:0 4px 20px #3e2c1c1a,0 8px 30px #3e2c1c0f;transform:translateY(-3px)}.tn-card-body{flex:1;min-width:0;text-align:left;padding:18px 20px 10px 22px}.tn-card-title{margin:0 0 6px;font-size:1rem;font-weight:700;color:#3e2c1c;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:28px;text-align:left;font-family:Georgia,Times New Roman,serif}.tn-card-desc{margin:0 0 8px;font-size:.82rem;color:#7a6b5d;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.tn-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tn-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px 14px;border-top:1px solid rgba(139,109,79,.08);background:#8b6d4f05}.tn-card-footer-left{display:flex;align-items:center;gap:6px}.tn-tag-pill{display:inline-block;background:#eef0ff;color:#5c6bc0;font-size:.68rem;font-weight:600;padding:2.5px 10px;border-radius:4px;white-space:nowrap;letter-spacing:.02em}.tn-date{display:flex;align-items:center;gap:5px;font-size:.73rem;color:#b09a82;white-space:nowrap;flex-shrink:0}.tn-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8b7d6f;margin-top:80px;font-size:.9rem}.tn-spinner{width:24px;height:24px;border:2.5px solid rgba(139,109,79,.15);border-top-color:#8b6d4f;border-radius:50%;animation:tn-spin .6s linear infinite}@keyframes tn-spin{to{transform:rotate(360deg)}}.tn-empty-state{text-align:center;padding:80px 20px 60px;color:#8b7d6f}.tn-empty-state svg{margin-bottom:16px;opacity:.5;color:#c9a96e}.tn-empty-title{font-size:1.05rem;font-weight:700;color:#5a4a3a;margin:0 0 6px;font-family:Georgia,Times New Roman,serif}.tn-empty-sub{font-size:.88rem;color:#a0907e;margin:0 0 24px}.tn-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .12s;line-height:1.4}.tn-btn:disabled{opacity:.45;cursor:not-allowed}.tn-btn:active:not(:disabled){transform:scale(.97)}.tn-btn-primary{background:linear-gradient(135deg,#8b6d4f,#6b5040);color:#fff}.tn-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7a5e42,#5a4335);box-shadow:0 3px 12px #6b504040}.tn-new-btn{padding:9px 20px;font-weight:700;border-radius:8px;font-size:.85rem}.tn-btn-save{background:#43a047;color:#fff}.tn-btn-save:hover:not(:disabled){background:#388e3c;box-shadow:0 2px 8px #43a04740}.tn-btn-secondary{background:#e9ecf2;color:#3c3f51}.tn-btn-secondary:hover{background:#dde0e8}.tn-btn-ghost{background:transparent;color:#667eea;border:1px solid #d5d9f2}.tn-btn-ghost:hover{background:#f0f1ff}.tn-btn-danger{background:#ef5350;color:#fff}.tn-btn-danger:hover{background:#e53935}.tn-btn-danger-outline{background:transparent;color:#ef5350;border:1px solid #f5c6c6}.tn-btn-danger-outline:hover{background:#fef2f2}.tn-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:32px}.tn-pagination button{padding:7px 14px;border:1px solid rgba(139,109,79,.15);border-radius:6px;background:#ffffffbf;cursor:pointer;font-size:.82rem;color:#5a4a3a;transition:background .15s,box-shadow .15s}.tn-pagination button:hover:not(:disabled):not(.active){background:#fff;box-shadow:0 1px 5px #3e2c1c14}.tn-pagination button.active{background:#8b6d4f;color:#fff;border-color:#667eea}.tn-pagination button:disabled{opacity:.35;cursor:not-allowed}.tn-ellipsis{padding:0 4px;color:#bbb}.tn-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;background:#fff;display:flex;flex-direction:column;overflow:hidden}.tn-fullscreen-header{display:flex;align-items:center;padding:0 16px;height:50px;border-bottom:1px solid #e8eaef;background:#fafbfc;flex-shrink:0;gap:8px}.tn-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:6px;background:transparent;color:#555;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.tn-back-btn:hover{background:#eef0f5;color:#1a1a2e}.tn-fullscreen-header-center{flex:1;min-width:0;display:flex;align-items:center}.tn-header-title{font-size:.95rem;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-title-input{width:100%;max-width:600px;padding:6px 12px;border:1px solid #dde0e8;border-radius:6px;font-size:.95rem;font-weight:600;color:#1a1a2e;outline:none;background:#fff;transition:border-color .15s}.tn-title-input:focus{border-color:#667eea}.tn-fullscreen-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.tn-meta-panel{display:flex;gap:16px;padding:12px 24px;border-bottom:1px solid #e8eaef;background:#f8f9fb;flex-shrink:0}.tn-meta-field{flex:1;display:flex;flex-direction:column;gap:4px}.tn-meta-field label{font-size:.72rem;font-weight:600;color:#8b8fa3;text-transform:uppercase;letter-spacing:.04em}.tn-meta-field input{padding:7px 10px;border:1px solid #dde0e8;border-radius:6px;font-size:.88rem;color:#333;outline:none;background:#fff;transition:border-color .15s}.tn-meta-field input:focus{border-color:#667eea}.tn-fullscreen-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#eef0f4}.tn-wysiwyg{display:flex;flex-direction:column;position:relative;background:#eef0f4}.tn-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 16px;border-bottom:1px solid #e8eaef;background:#fafbfc;flex-shrink:0;position:sticky;top:0;z-index:20}.tn-toolbar-group{display:flex;gap:1px}.tn-toolbar-sep{width:1px;height:22px;background:#e0e2e8;margin:0 6px;flex-shrink:0}.tn-toolbar button{padding:5px 7px;border:none;border-radius:4px;background:transparent;color:#555;font-size:.8rem;cursor:pointer;transition:background .1s,color .1s;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;gap:2px;height:28px}.tn-toolbar button:hover{background:#e8eaef;color:#222}.tn-toolbar button svg{display:block;flex-shrink:0}.tn-float-toolbar{position:absolute;display:flex;align-items:center;gap:1px;background:#1e1e2e;border:1px solid #3a3a52;border-radius:8px;padding:4px 6px;box-shadow:0 4px 16px #00000059;transform:translate(-50%);z-index:50;pointer-events:all;white-space:nowrap}.tn-float-toolbar:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e1e2e}.tn-float-toolbar button{padding:4px 7px;border:none;border-radius:5px;background:transparent;color:#e0e0f0;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:1px;height:26px;transition:background .1s,color .1s;line-height:1}.tn-float-toolbar button:hover{background:#ffffff26;color:#fff}.tn-float-sep{display:inline-block;width:1px;height:18px;background:#ffffff2e;margin:0 3px;flex-shrink:0}.tn-float-dd-wrap{position:relative;display:inline-flex}.tn-float-color-btn{padding:4px 6px}.tn-float-dd-wrap .tn-cp-popup{top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:60}.tn-editor-content{padding:28px 40px;outline:none;font-size:.9rem;line-height:1.6;color:#2c2c3a;text-align:left;min-height:680px;background:#fff;min-width:min(820px,calc(100% - 48px));max-width:860px;margin:24px auto;box-shadow:0 1px 4px #0000000f,0 4px 16px #00000014;border-radius:2px}.tn-editor-content:empty:before{content:attr(data-placeholder);color:#b8bcc8;pointer-events:none}.tn-editor-content h1{font-size:1.6rem;font-weight:400;margin:.8em 0 .3em;color:#1a1a2e}.tn-editor-content h2{font-size:1.3rem;font-weight:400;margin:.7em 0 .25em;color:#1a1a2e;border-bottom:1px solid #eef0f5;padding-bottom:6px}.tn-editor-content h3{font-size:2rem;font-weight:400;margin:.6em 0 .2em;color:#1a1a2e}.tn-editor-content h4{font-size:1rem;font-weight:400;margin:.5em 0 .15em;color:#1a1a2e}.tn-editor-content h5{font-size:.9rem;font-weight:600;margin:.4em 0 .1em;color:#1a1a2e}.tn-editor-content p{margin:.5em 0}.tn-editor-content ul,.tn-editor-content ol{margin:.5em 0;padding-left:1.6em}.tn-editor-content li{margin-bottom:.25em}.tn-editor-content blockquote{margin:.8em 0;padding:10px 18px;border-left:3px solid #667eea;background:#f5f6ff;color:#444;border-radius:0 6px 6px 0}.tn-editor-content pre{margin:.8em 0;padding:12px 18px;background:#1e1e2e;color:#cdd6f4;border-radius:8px;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.84rem;line-height:1.2;overflow-x:auto;overflow-y:hidden;white-space:pre;word-wrap:normal}.tn-editor-content code{font-family:Consolas,Monaco,Fira Code,monospace;font-size:.88em;background:#f0f1f5;padding:2px 6px;border-radius:4px;color:#d63384}.tn-editor-content pre code{background:none;padding:0;color:inherit}.tn-editor-content table{border-collapse:collapse;margin:.8em 0;font-size:.84rem}.tn-editor-content th,.tn-editor-content td{border:1px solid #dde0e8;padding:0 5px;line-height:1.4}.tn-editor-content td p,.tn-editor-content th p{margin:.15em 0}.tn-editor-content td pre,.tn-editor-content th pre{margin:.2em 0}.tn-editor-content th{background:#f2f3f7;font-weight:600;color:#3c3f51}.tn-editor-content [align=center],.tn-editor-content .align-center{text-align:center}.tn-editor-content [align=right],.tn-editor-content .align-right{text-align:right}.tn-editor-content [align=justify],.tn-editor-content .align-justify{text-align:justify}.tn-editor-content [valign=top]{vertical-align:top}.tn-editor-content [valign=middle]{vertical-align:middle}.tn-editor-content [valign=bottom]{vertical-align:bottom}.tn-editor-content hr{border:none;border-top:1px solid #e2e4ea;margin:1.2em 0}.tn-editor-content a{color:#667eea;text-decoration:underline;cursor:text}.tn-editor-content a:hover{color:#4a5ecf;background:#667eea14;border-radius:2px}.tn-editor-content pre:has(.tn-code-numbered){padding:0;overflow:hidden}.tn-editor-content pre code.tn-code-numbered{display:block;padding:12px 16px 12px 0;overflow-x:auto;background:none;color:inherit;line-height:0;font-size:inherit}.tn-editor-content .tn-code-line{display:block;padding-left:3.8em;position:relative;min-height:0;line-height:1.2;margin:0;padding-top:0;padding-bottom:0}.tn-editor-content .tn-code-line:before{content:attr(data-line);position:absolute;left:0;width:2.8em;padding-right:.5em;text-align:right;color:#6c7086;-webkit-user-select:none;user-select:none;border-right:1px solid #313244;box-sizing:border-box}.tn-drop-caret{display:inline-block;width:2px;height:1.2em;background:#667eea;vertical-align:text-bottom;margin:0 -1px;pointer-events:none;animation:tn-drop-caret-blink .6s step-end infinite}@keyframes tn-drop-caret-blink{0%,to{opacity:1}50%{opacity:0}}.tn-reader{min-width:min(820px,calc(100% - 48px));max-width:860px;margin:24px auto;padding:36px 48px 32px;text-align:left;background:#fff;flex:1 0 auto;box-shadow:0 1px 4px #0000000f,0 4px 16px #00000014;border-radius:2px;display:flex;flex-direction:column}.tn-reader-header-area{margin-bottom:32px}.tn-reader-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.02em;line-height:1.3}.tn-reader-desc{margin:0 0 16px;font-size:1rem;color:#6b7085;line-height:1.55}.tn-reader-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid #e8eaef}.tn-reader-meta-left{display:flex;gap:5px;flex-wrap:wrap;flex:1}.tn-reader-date{display:flex;align-items:center;gap:4px;font-size:.78rem;color:#a0a4b8;flex-shrink:0}.tn-reader-content{font-size:.9rem;line-height:1.6;color:#2c2c3a;text-align:left;word-wrap:break-word;flex:1 1 auto}.tn-reader-content h1{font-size:1.6rem;font-weight:400;margin:.8em 0 .3em;color:#1a1a2e}.tn-reader-content h2{font-size:1.3rem;font-weight:400;margin:.7em 0 .25em;color:#1a1a2e;border-bottom:1px solid #eef0f5;padding-bottom:6px}.tn-reader-content h3{font-size:2rem;font-weight:400;margin:.6em 0 .2em;color:#1a1a2e}.tn-reader-content h4{font-size:1rem;font-weight:400;margin:.5em 0 .15em;color:#1a1a2e}.tn-reader-content h5{font-size:.9rem;font-weight:600;margin:.4em 0 .1em;color:#1a1a2e}.tn-reader-content p{margin:.5em 0}.tn-reader-content strong,.tn-reader-content b{font-weight:700}.tn-reader-content em,.tn-reader-content i{font-style:italic}.tn-reader-content ul,.tn-reader-content ol{margin:.5em 0;padding-left:1.6em}.tn-reader-content li{margin-bottom:.25em}.tn-reader-content blockquote{margin:.8em 0;padding:10px 18px;border-left:3px solid #667eea;background:#f5f6ff;color:#444;border-radius:0 6px 6px 0}.tn-reader-content pre{margin:.8em 0;padding:12px 18px;background:#1e1e2e;color:#cdd6f4;border-radius:8px;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.84rem;line-height:1.2;overflow-x:auto;overflow-y:hidden;white-space:pre;word-wrap:normal}.tn-reader-content code{font-family:Consolas,Monaco,Fira Code,monospace;font-size:.88em;background:#f0f1f5;padding:2px 6px;border-radius:4px;color:#d63384}.tn-reader-content pre code{background:none;padding:0;color:inherit}.tn-reader-content table,.tn-editor-content table{table-layout:auto!important;max-width:100%!important;height:auto!important}.tn-reader-content table{border-collapse:collapse;margin:.8em 0;font-size:.84rem}.tn-reader-content th,.tn-reader-content td{border:1px solid #dde0e8;padding:0 5px;line-height:1.4}.tn-reader-content td p,.tn-reader-content th p{margin:.15em 0}.tn-reader-content td pre,.tn-reader-content th pre{margin:.2em 0}.tn-reader-content th{background:#f2f3f7;font-weight:600;color:#3c3f51}.tn-reader-content [align=center],.tn-reader-content .align-center{text-align:center}.tn-reader-content [align=right],.tn-reader-content .align-right{text-align:right}.tn-reader-content [align=justify],.tn-reader-content .align-justify{text-align:justify}.tn-reader-content [valign=top]{vertical-align:top}.tn-reader-content [valign=middle]{vertical-align:middle}.tn-reader-content [valign=bottom]{vertical-align:bottom}.tn-reader-content hr{border:none;border-top:1px solid #e2e4ea;margin:1.2em 0}.tn-reader-content a{color:#667eea;text-decoration:underline;cursor:pointer}.tn-reader-content a:hover{color:#4a5ecf;background:#667eea14;border-radius:2px}.tn-reader-content img{max-width:100%;height:auto;border-radius:6px}.tn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.tn-confirm{background:#fff;border-radius:12px;padding:32px 36px;text-align:center;box-shadow:0 12px 40px #00000026;max-width:380px;width:90%}.tn-confirm p{margin:0 0 20px;font-size:.95rem;color:#333;line-height:1.5}.tn-confirm-title{margin:0 0 10px;font-size:1.05rem;color:#1a1a2e}.tn-confirm-actions{display:flex;gap:10px;justify-content:center}.tn-confirm-book{max-width:660px;padding:26px 28px 20px;text-align:left;background:linear-gradient(180deg,#ffffffe6,#faf8f1f2),repeating-linear-gradient(90deg,#fbf9f3 0,#fbf9f3 3px,#f6f3ea 3px,#f6f3ea 6px);border:1px solid #e6e0cf;border-radius:10px;box-shadow:0 18px 50px #2d376e38,inset 0 0 0 6px #ffffff80}.tn-book-form{display:flex;gap:22px;align-items:stretch}.tn-book-cover{flex:0 0 auto;width:92px;min-height:214px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px 14px;border-radius:5px 5px 3px 3px;background-image:linear-gradient(90deg,#ffffff42,#fff0 22%,#0000 72%,#00000038);box-shadow:0 10px 20px #2d376e47,inset 0 1px #ffffff4d;transition:background-color .2s ease}.tn-book-cover-band{flex-shrink:0;width:30px;height:4px;border-radius:2px;background:#ffffffa6}.tn-book-cover-title{flex:1;min-height:0;writing-mode:vertical-rl;font-family:Georgia,Times New Roman,serif;font-size:.92rem;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.32);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:100%}.tn-book-cover-count{flex-shrink:0;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.tn-book-fields{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.tn-book-dialog-title{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;color:#1a1a2e}.tn-book-dialog-sub{margin:0 0 16px;font-size:.83rem;line-height:1.5;color:#6b7280}.tn-field{display:block;margin-bottom:14px}.tn-field-label{display:block;margin-bottom:5px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8b8fa3}.tn-field-label em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:#a8adbd}.tn-field-hint{display:block;margin-top:6px;font-size:.74rem;line-height:1.45;color:#8b8fa3}.tn-confirm-book .tn-confirm-actions{justify-content:flex-end;margin-top:18px}.tn-chapter-rows{display:flex;flex-direction:column;gap:6px}.tn-chapter-row{display:flex;align-items:center;gap:8px}.tn-chapter-index{flex-shrink:0;width:16px;font-size:.72rem;font-weight:700;color:#a8adbd;text-align:right}.tn-chapter-row .tn-dialog-input{flex:1;min-width:0}.tn-chapter-remove{flex-shrink:0;width:24px;height:24px;padding:0;border:1px solid transparent;border-radius:6px;background:none;color:#a8adbd;font-family:inherit;font-size:.78rem;line-height:1;cursor:pointer;transition:all .15s ease}.tn-chapter-remove:hover{border-color:#f3c6c6;background:#fdf2f2;color:#dc3545}.tn-chapter-add{align-self:flex-start;margin-top:7px;padding:4px 10px;border:1px dashed #ccd2e6;border-radius:6px;background:none;color:#667eea;font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tn-chapter-add:hover{border-color:#667eea;background:#f4f6ff}@media(max-width:620px){.tn-book-form{flex-direction:column;align-items:center}.tn-book-cover{width:78px;min-height:0;height:128px}.tn-confirm-book{padding:20px 18px 16px}}.tn-meta-modal{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000026;width:100%;max-width:480px;padding:24px 28px}.tn-meta-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tn-meta-modal-header h3{margin:0;font-size:1rem;color:#1a1a2e}.tn-meta-modal-close{background:none;border:none;font-size:1.35rem;line-height:1;color:#8b8fa3;cursor:pointer;padding:2px 8px;border-radius:6px}.tn-meta-modal-close:hover{color:#333;background:#f0f1f5}.tn-meta-modal-body{display:flex;flex-direction:column;gap:14px}.tn-meta-modal-actions{display:flex;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.tn-container{padding:20px 16px}.tn-meta-panel{flex-direction:column;gap:10px}.tn-reader{padding:24px 20px 40px}.tn-reader-title{font-size:1.3rem}.tn-editor-content{padding:20px 16px}.tn-fullscreen-header:not(.tn-read-mode) .tn-fullscreen-header-center{display:none}.tn-fullscreen-header.tn-read-mode .tn-read-header-tags{display:none}.tn-fullscreen-header.tn-read-mode .tn-read-header-title{font-size:.9rem}.tn-drawio-modal{width:98vw;height:90vh}.tn-card-left{display:none}}@media(max-width:480px){.tn-list-header h2{font-size:1.2rem}.tn-card{padding:12px 14px}.tn-list-header{flex-direction:column;gap:12px;align-items:flex-start}}.tn-hidden-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.tn-color-btn{position:relative;font-weight:700!important}.tn-color-bar{display:block;height:3px;width:14px;border-radius:1px;margin:1px auto 0}.tn-highlight-icon{background:#ffeb3b;padding:0 3px;border-radius:2px;font-weight:700}.tn-caret{font-size:.65em;margin-left:1px;opacity:.6}.tn-dd-wrap{position:relative;display:inline-flex}.tn-dd-trigger{min-width:80px;text-align:left;font-size:.8rem!important;padding-right:14px!important}.tn-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:#fff;border:1px solid #dde0e8;border-radius:6px;box-shadow:0 6px 20px #0000001f;min-width:160px;padding:4px 0;max-height:400px;overflow-y:auto}.tn-dropdown-panel button{display:block;width:100%;padding:6px 14px;border:none;background:transparent;text-align:left;font-size:.82rem;color:#333;cursor:pointer;transition:background .1s;white-space:nowrap}.tn-dropdown-panel button:hover{background:#f0f1f8}.tn-dd-divider{height:1px;background:#e8eaef;margin:4px 0}.tn-dd-danger{color:#e53935!important}.tn-dd-danger:hover{background:#fef2f2!important}.tn-table-dropdown{min-width:200px;padding:8px}.tn-tp-label{font-size:.78rem;color:#666;text-align:center;margin-bottom:6px;font-weight:500}.tn-tp-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.tn-tp-cell{width:16px;height:16px;border:1px solid #d0d3dc;border-radius:2px;cursor:pointer;transition:background .08s,border-color .08s}.tn-tp-cell:hover{border-color:#667eea}.tn-tp-cell.active{background:#667eea;border-color:#5568d3}.tn-editor-content td,.tn-editor-content th{position:relative}.tn-editor-content table{cursor:default}.tn-editor-content table.tn-table-active{outline:2px solid #4a9eff;outline-offset:2px;border-radius:2px}.tn-table-toolbar{position:absolute;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid #d0d3dc;border-radius:6px;padding:3px 4px;box-shadow:0 3px 12px #0000001f;white-space:nowrap}.tn-table-toolbar>button{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border:none;background:none;border-radius:4px;cursor:pointer;color:#444;padding:0 4px;gap:2px;transition:background .12s,color .12s;font-size:.78rem}.tn-table-toolbar>button:hover{background:#f0f1f5;color:#1a1a2e}.tn-table-toolbar>button.tn-table-toolbar-danger:hover{background:#fef2f2;color:#dc3545}.tn-table-toolbar>button.tn-tt-disabled,.tn-table-toolbar>button:disabled{opacity:.35;cursor:default;pointer-events:none}.tn-table-toolbar-sep{width:1px;height:20px;background:#e2e4ea;margin:0 2px}.tn-tt-caret{font-size:9px;opacity:.6}.tn-editor-content td.tn-cell-selected,.tn-editor-content th.tn-cell-selected{background-color:#4a9eff33!important;outline:2px dashed #4a9eff;outline-offset:-2px}.tn-props-modal{background:#fff;border-radius:10px;width:440px;max-width:95vw;box-shadow:0 12px 40px #0003;overflow:visible}.tn-props-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e4ea;border-radius:10px 10px 0 0;background:#fff}.tn-props-modal-title{font-size:1.05rem;font-weight:600;color:#1a1a2e}.tn-props-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;background:#fff}.tn-props-color-row{display:flex;align-items:center;gap:8px}.tn-props-color-row input[type=color]{width:36px;height:36px;padding:2px;border:1px solid #d0d3dc;border-radius:4px;cursor:pointer;background:none;flex-shrink:0}.tn-props-color-row input[type=text]{flex:1;padding:9px 12px;border:1px solid #d0d3dc;border-radius:4px;font-size:.9rem;color:#333;outline:none;transition:border-color .15s,box-shadow .15s}.tn-props-color-row input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.tn-color-picker-popup{position:absolute;top:100%;left:0;z-index:12000;background:#fff;border:1px solid #d0d3dc;border-radius:6px;box-shadow:0 4px 16px #00000026;padding:10px;min-width:232px}.tn-cp-label{font-size:.75rem;font-weight:600;color:#555;margin-bottom:6px}.tn-cp-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:8px}.tn-cp-swatch{width:20px;height:20px;border:1px solid #d0d3dc;border-radius:2px;cursor:pointer;padding:0;transition:transform .1s}.tn-cp-swatch:hover{transform:scale(1.25);z-index:1;border-color:#333}.tn-cp-swatch.tn-cp-active{border:2px solid #222;transform:scale(1.2)}.tn-cp-input-row{display:flex;align-items:center;gap:4px;margin-top:4px}.tn-cp-hash{font-size:.85rem;color:#888;font-weight:600}.tn-cp-hex-input{flex:1;padding:4px 6px;font-size:.85rem;border:1px solid #d0d3dc;border-radius:3px;outline:none;font-family:monospace}.tn-cp-hex-input:focus{border-color:#3b82f6}.tn-cp-clear{padding:4px 8px;font-size:.75rem;background:#f3f3f5;border:1px solid #d0d3dc;border-radius:3px;cursor:pointer;color:#666}.tn-cp-clear:hover{background:#e8e8ec}.tn-cp-swatch-btn{width:36px;height:36px;border:1px solid #d0d3dc;border-radius:4px;cursor:pointer;flex-shrink:0;padding:0}.tn-cp-swatch-btn:hover{border-color:#333}.tn-cp-swatch-sm{width:24px;height:24px}.tn-img-border-popup{position:absolute;z-index:11000;background:#fff;border:1px solid #d0d3dc;border-radius:6px;box-shadow:0 4px 16px #00000026;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-width:200px}.tn-img-bp-row{display:flex;align-items:center;gap:6px}.tn-img-bp-row label{font-size:.8rem;font-weight:600;color:#555;min-width:42px}.tn-img-bp-row input[type=number]{width:52px;padding:3px 6px;border:1px solid #d0d3dc;border-radius:3px;font-size:.85rem;outline:none}.tn-img-bp-row input[type=number]:focus{border-color:#3b82f6}.tn-img-bp-unit{font-size:.8rem;color:#888}.tn-img-bp-hex{flex:1;padding:3px 6px;border:1px solid #d0d3dc;border-radius:3px;font-size:.85rem;outline:none;font-family:monospace;max-width:80px}.tn-img-bp-hex:focus{border-color:#3b82f6}.tn-img-bp-clear{padding:3px 8px;font-size:.75rem;background:#f3f3f5;border:1px solid #d0d3dc;border-radius:3px;cursor:pointer;color:#666}.tn-img-bp-clear:hover{background:#e8e8ec}.tn-drawio-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#fff}.tn-drawio-bar{flex-shrink:0;display:flex;align-items:center;gap:14px;height:52px;padding:0 14px;border-bottom:1px solid #35434f;background:#1c2530}.tn-drawio-title{font-size:.9rem;font-weight:600;color:#e8eef6;white-space:nowrap}.tn-drawio-hint{flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#8fa6bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-drawio-fullscreen-frame{flex:1;min-height:0;width:100%;border:0}.tn-editor-content figure.note-diagram,.tn-reader-content figure.note-diagram{margin:1em 0;text-align:left;padding:0;border:none;cursor:default}.tn-reader-content figure.note-diagram img,.tn-editor-content figure.note-diagram img{max-width:100%;height:auto;border-radius:4px}.tn-reader-content figure.note-diagram figcaption,.tn-editor-content figure.note-diagram figcaption{margin-top:6px;font-size:.82rem;color:#8b8fa3;font-style:italic}.tn-editor-content img{cursor:pointer;transition:outline .1s}.tn-resize-wrapper{display:inline-block!important;position:relative!important;line-height:0!important;outline:2px solid #3b82f6;outline-offset:2px}.tn-resize-wrapper img{display:block;max-width:100%}.tn-resize-handle{position:absolute;width:10px;height:10px;background:#3b82f6;border:1.5px solid #fff;box-shadow:0 0 2px #0000004d;z-index:10}.tn-resize-wrapper.tn-resize-diagram{outline-color:#e67e22}.tn-resize-wrapper.tn-resize-diagram .tn-resize-handle{background:#e67e22}.tn-resize-nw{top:-5px;left:-5px;cursor:nw-resize}.tn-resize-ne{top:-5px;right:-5px;cursor:ne-resize}.tn-resize-sw{bottom:-5px;left:-5px;cursor:sw-resize}.tn-resize-se{bottom:-5px;right:-5px;cursor:nwse-resize}.tn-reader-content img{max-width:100%;height:auto;border-radius:6px;cursor:default}.tn-code-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.tn-code-modal{width:90vw;max-width:960px;height:80vh;background:#fff;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000038;overflow:hidden}.tn-code-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e2e4ea;background:#fafbfc;flex-shrink:0}.tn-code-modal-title{font-size:.95rem;font-weight:600;color:#1a1a2e}.tn-code-modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#888;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .12s}.tn-code-modal-close:hover{background:#eee;color:#333}.tn-code-modal-body{flex:1;display:flex;min-height:0}.tn-code-sidebar{width:180px;border-right:1px solid #e2e4ea;background:#f8f9fb;display:flex;flex-direction:column;flex-shrink:0}.tn-code-lang-search{padding:8px 12px;border:none;border-bottom:1px solid #e2e4ea;font-size:.82rem;outline:none;background:#fff;box-sizing:border-box;width:100%}.tn-code-lang-search:focus{box-shadow:inset 0 -2px #667eea}.tn-code-lang-list{flex:1;overflow-y:auto;padding:4px 0}.tn-code-lang-item{display:block;width:100%;padding:6px 14px;border:none;background:transparent;text-align:left;font-size:.82rem;color:#444;cursor:pointer;transition:background .1s}.tn-code-lang-item:hover{background:#eef0f5}.tn-code-lang-item.active{background:#667eea;color:#fff;font-weight:500}.tn-code-editor-area{flex:1;display:flex;flex-direction:column;min-width:0}.tn-code-editor-wrap{flex:1;display:flex;overflow:hidden;background:#1e1e2e}.tn-code-gutter{padding:12px 0;min-width:44px;text-align:right;background:#181825;color:#6c7086;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.85rem;line-height:1.6;-webkit-user-select:none;user-select:none;overflow:hidden;flex-shrink:0}.tn-code-gutter-line{padding:0 10px 0 8px}.tn-code-textarea{flex:1;padding:12px 16px;border:none;outline:none;resize:none;background:#1e1e2e;color:#cdd6f4;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.85rem;line-height:1.6;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2}.tn-code-textarea::placeholder{color:#585b70}.tn-code-modal-footer{display:flex;justify-content:flex-end;padding:10px 20px;border-top:1px solid #e2e4ea;background:#fafbfc;flex-shrink:0}.tn-reader-content pre:has(.tn-code-numbered){padding:0;overflow:hidden}.tn-reader-content pre code.tn-code-numbered{display:block;padding:12px 16px 12px 0;overflow-x:auto;background:none;color:inherit;line-height:0;font-size:inherit}.tn-reader-content .tn-code-line{display:block;padding-left:3.8em;position:relative;min-height:0;line-height:1.5;margin:0;padding-top:0;padding-bottom:0}.tn-reader-content .tn-code-line:before{content:attr(data-line);position:absolute;left:0;width:2.8em;padding-right:.5em;text-align:right;color:#6c7086;-webkit-user-select:none;user-select:none;border-right:1px solid #313244;box-sizing:border-box}@media(max-width:768px){.tn-code-modal{width:98vw;height:90vh}.tn-code-sidebar{width:140px}}.tn-link-modal{background:#fff;border-radius:10px;width:480px;max-width:95vw;box-shadow:0 12px 40px #0003;overflow:hidden}.tn-link-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e4ea}.tn-link-modal-title{font-size:1.05rem;font-weight:600;color:#1a1a2e}.tn-link-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.tn-link-field{display:flex;flex-direction:column;gap:4px}.tn-link-field label{font-size:.82rem;color:#555;font-weight:500}.tn-link-field input,.tn-link-field select{padding:9px 12px;border:1px solid #d0d3dc;border-radius:4px;font-size:.9rem;color:#333;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%}.tn-link-field input:focus,.tn-link-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.tn-link-field select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tn-link-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e2e4ea;background:#fafbfc;border-radius:0 0 10px 10px}.tn-source-modal{width:90vw!important;max-width:900px!important;max-height:85vh!important;background:#1e1e2e!important;border-radius:12px!important}.tn-source-modal .tn-code-modal-header{background:#181825;border-bottom:1px solid #313244}.tn-source-modal .tn-code-modal-header .tn-code-modal-title{color:#cdd6f4}.tn-source-body{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column}.tn-source-hint{display:block;margin-bottom:8px;font-size:.75rem;color:#6c7086;flex-shrink:0}.tn-source-textarea{width:100%;height:100%;min-height:400px;margin:0;padding:0;border:none;outline:none;resize:none;background:transparent;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.82rem;line-height:1.65;color:#cdd6f4;white-space:pre-wrap;word-wrap:break-word;-moz-tab-size:2;tab-size:2;text-align:left}.tn-header-title-editable{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.3;color:#1a1a2e;text-align:left;cursor:pointer;border:none;background:transparent;border-radius:6px;transition:background .12s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-header-title-editable:hover{background:#667eea1a}.tn-header-title-editable:focus-visible{outline:2px solid #667eea;outline-offset:1px}.tn-title-edit-icon{display:inline-flex;align-items:center;color:#a0a4b8;opacity:0;flex-shrink:0;transition:opacity .15s}.tn-header-title-editable:hover .tn-title-edit-icon{opacity:1}.tn-title-placeholder{color:#b0b4c4;font-style:italic;min-width:160px;display:inline-block}.tn-fullscreen-header.tn-read-mode{background:#fafbfc;border-bottom:1px solid #e8eaef;height:50px;min-height:50px;padding:0 16px;flex-direction:row;align-items:center;gap:10px;overflow:visible}.tn-fullscreen-header.tn-read-mode .tn-back-btn{color:#555}.tn-fullscreen-header.tn-read-mode .tn-back-btn:hover{background:#eef0f5;color:#1a1a2e}.tn-read-header-info{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:1}.tn-read-header-title{font-size:.95rem;font-weight:600;color:#1a1a2e;line-height:1.3;text-align:center;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.tn-desc-tooltip-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer}.tn-desc-tooltip-icon{color:#a0a4b8;transition:color .15s}.tn-desc-tooltip-wrap:hover .tn-desc-tooltip-icon{color:#555}.tn-desc-tooltip-bubble{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d2d3d;color:#e8e8ef;font-size:.8rem;font-weight:400;line-height:1.5;padding:10px 14px;border-radius:8px;white-space:normal;width:max-content;max-width:360px;text-align:left;box-shadow:0 6px 20px #00000040;z-index:100;pointer-events:none}.tn-desc-tooltip-bubble:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2d2d3d}.tn-desc-tooltip-wrap:hover .tn-desc-tooltip-bubble{display:block}.tn-read-header-tags{display:flex;gap:4px;flex-wrap:nowrap;flex-shrink:0}.tn-read-header-tags .tn-tag-pill{font-size:.64rem;padding:2px 9px;border-radius:10px}.tn-reader-footer-date{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;padding-top:20px;font-size:.75rem;color:#b0b4c5;border-top:1px solid #eef0f5}.tn-fullscreen-header.tn-read-mode .tn-fullscreen-header-right{flex-shrink:0}.tn-btn-read-action{background:#f0f1f5;color:#444;border:1px solid #dde0e8;padding:5px 14px;font-size:.8rem}.tn-btn-read-action:hover:not(:disabled){background:#e4e6ed;border-color:#ccc;color:#222}.tn-btn-read-danger:hover:not(:disabled){background:#fde8e8;border-color:#ef5350;color:#c62828}.tn-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:2px;opacity:0;transition:opacity .18s;z-index:2}.tn-card:hover .tn-card-actions{opacity:1}.tn-card-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#fffcf8d9;color:#8b7d6f;cursor:pointer;padding:0;transition:background .12s,color .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tn-card-action-btn:hover{background:#f3ede5;color:#5a4a3a}.tn-card-action-btn.tn-card-action-danger:hover{background:#fef2f2;color:#ef5350}.tn-card-action-btn .tn-copied-tick{color:#43a047;font-size:.8rem;font-weight:700}.tn-card-pin-btn{background:transparent;font-size:.9rem;line-height:1;filter:grayscale(1) opacity(.6);transition:transform .15s,filter .15s,background .15s}.tn-card-pin-btn:hover{background:#f0f1f5;transform:scale(1.15)}.tn-card-pin-btn.pinned,.tn-card-pin-btn.pinned:hover{filter:none}@media(max-width:1024px){.tn-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media(max-width:680px){.tn-grid{grid-template-columns:1fr;gap:12px}.tn-container{padding:20px 16px 36px}.tn-list-header{flex-direction:column;align-items:flex-start;gap:12px}.tn-read-header-title{font-size:.95rem}.tn-read-header-tags{display:none}.tn-multiview-grid{grid-template-columns:1fr!important}.tn-multiview-cols-select{display:none}}.tn-card-checkbox{display:flex;align-items:center;cursor:pointer;margin:0;padding:0}.tn-card-checkbox input{display:none}.tn-card-checkmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;background:transparent;color:#c0b8a8;transition:color .15s,background .15s;position:relative}.tn-card-checkmark:hover{color:#667eea;background:#667eea14}.tn-card-checkbox input:checked+.tn-card-checkmark{color:#667eea}.tn-card-checkbox input:checked+.tn-card-checkmark svg{fill:#667eea;stroke:#667eea}.tn-card.tn-card-selected{box-shadow:0 0 0 2px #667eea,0 4px 20px #667eea26}.tn-card.tn-card-selected:before{background:linear-gradient(180deg,#667eea,#764ba2);opacity:1}.tn-list-header-actions{display:flex;align-items:center;gap:8px}.tn-multiview-btn{font-size:.8rem;gap:5px;white-space:nowrap}.tn-multiview-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:10px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;flex-wrap:wrap}.tn-multiview-title{font-size:.92rem;font-weight:600;color:#555;flex:1}.tn-multiview-cols-select{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#666}.tn-multiview-cols-select select{padding:4px 8px;border:1px solid #dde0e8;border-radius:5px;font-size:.82rem;background:#fff;cursor:pointer;outline:none}.tn-multiview-cols-select select:focus{border-color:#667eea}.tn-multiview-grid{display:grid;gap:16px;align-items:stretch}.tn-multiview-note{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000f,0 4px 14px #0000000a;padding:0 20px 16px;overflow:visible;display:flex;flex-direction:column;position:relative;transition:opacity .15s,box-shadow .15s;cursor:pointer}.tn-multiview-note.tn-mv-dragging{opacity:.4}.tn-multiview-note.tn-mv-drag-over{box-shadow:0 0 0 2px #667eea,0 4px 14px #667eea2e}.tn-mv-drag-handle{display:flex;align-items:center;justify-content:center;width:40px;height:18px;margin:0 auto 4px;border-radius:0 0 6px 6px;background:#8b6d4f0f;color:#c0b8a8;cursor:grab;transition:color .15s,background .15s;flex-shrink:0}.tn-mv-drag-handle:hover{color:#667eea;background:#667eea1a}.tn-mv-drag-handle:active{cursor:grabbing}.tn-multiview-note-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.tn-multiview-note-title{margin:0;font-size:1rem;font-weight:700;color:#1a1a2e;line-height:1.3}.tn-multiview-note-actions{display:flex;gap:2px;flex-shrink:0}.tn-multiview-note-actions .tn-card-action-btn{opacity:.5;transition:opacity .15s,background .12s}.tn-multiview-note:hover .tn-multiview-note-actions .tn-card-action-btn{opacity:1}.tn-multiview-content{flex:1;overflow-x:auto}.tn-multiview-content img{max-width:100%;height:auto}.tn-multiview-note-footer{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;padding-top:8px;border-top:1px solid #eef0f5;font-size:.72rem;color:#b0b4c5}.tn-mv-info-wrap{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.tn-mv-info-icon{color:#b0b4c5;transition:color .15s}.tn-mv-info-wrap:hover .tn-mv-info-icon{color:#667eea}.tn-mv-info-bubble{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#2d2d3d;color:#e8e8ef;font-size:.8rem;font-weight:400;line-height:1.5;padding:10px 14px;border-radius:8px;white-space:normal;width:max-content;max-width:320px;text-align:left;box-shadow:0 6px 20px #00000040;z-index:100;pointer-events:none}.tn-mv-info-bubble:before{content:"";position:absolute;top:-5px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2d2d3d}.tn-mv-info-wrap:hover .tn-mv-info-bubble{display:block}.tn-mv-info-bubble strong{display:block;font-size:.85rem;margin-bottom:4px;color:#fff}.tn-mv-info-desc{display:block;margin-bottom:6px;color:#c5c5d0}.tn-mv-info-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tn-container{max-width:1240px;margin:0 auto}.tn-crumb{display:block;margin:0;padding:0;border:none;background:none;color:#667eea;font-family:inherit;font-size:.76rem;font-weight:600;text-align:left;cursor:pointer}.tn-crumb:hover{color:#4c5fd7;text-decoration:underline}.tn-icon-btn{width:32px;height:32px;border:1px solid #dde0f0;border-radius:9px;background:#fff;color:#6f7684;font-size:.82rem;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.tn-icon-btn:hover{border-color:#667eea;color:#667eea}.tn-icon-btn-danger:hover{border-color:#dc3545;color:#dc3545;background:#fdecec}.tn-content{min-width:0}.tn-board-wrapper{background:none;border:none;border-radius:0;padding:0;box-shadow:none}.tn-librarian{position:relative;box-sizing:border-box;width:min(640px,100%);margin:0 0 20px;padding:16px 18px 14px;border:1px solid #e3e6f2;border-radius:16px;background:linear-gradient(180deg,#fbfbff,#fff 46%);box-shadow:0 18px 36px -30px #1e285a8c,0 1px 2px #1e285a0a;text-align:left}.tn-librarian:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#667eea,#8b93f5 42%,#c4c9fb);opacity:.85}.tn-librarian-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.tn-librarian-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,#eef0ff,#dfe2ff);box-shadow:0 0 0 1px #667eea2e,0 6px 14px -10px #667eeae6;font-size:1.05rem}.tn-librarian-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.tn-librarian-title{font-size:.88rem;font-weight:700;color:#1d2140;letter-spacing:-.01em}.tn-librarian-sub{font-size:.71rem;color:#8b90a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-librarian-reset{flex-shrink:0;margin-left:auto;padding:4px 11px;border:1px solid #e2e5f5;border-radius:999px;background:#fff;color:#667eea;font-family:inherit;font-size:.68rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.tn-librarian-reset:hover{background:#f3f4ff;border-color:#c9cff7}.tn-librarian .tn-search-box{margin-bottom:14px}.tn-librarian .tn-search-box input{padding:10px 38px 10px 40px;border:1px solid #e5e8f4;border-radius:10px;background:#f7f8fd;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.82rem}.tn-librarian .tn-search-box input:focus{border-color:#b9c0f5;background:#fff;box-shadow:0 0 0 3px #667eea1f}.tn-desk-row{display:flex;align-items:flex-start;gap:12px;padding-top:10px;border-top:1px solid #f0f1f7}.tn-desk-row+.tn-desk-row{margin-top:10px}.tn-desk-row-label{flex-shrink:0;width:68px;padding-top:4px;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9aa0b8}.tn-desk-pills{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.tn-desk-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid transparent;border-radius:999px;background:#f4f5fb;color:#4a5170;font-family:inherit;font-size:.7rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.tn-desk-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #1e285a1a}.tn-desk-pill-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-desk-pill-count{padding:0 6px;border-radius:999px;background:#1e285a14;font-size:.62rem;font-variant-numeric:tabular-nums}.tn-desk-pill-cat.active{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 3px 10px -4px #667eeae6}.tn-desk-pill-cat.active .tn-desk-pill-count{background:#ffffff3d}.tn-view-switch{display:inline-flex;margin-bottom:12px;padding:2px;border:1px solid #e5e8f4;border-radius:999px;background:#f4f5fb}.tn-view-btn{padding:4px 14px;border:none;border-radius:999px;background:none;color:#6b7290;font-family:inherit;font-size:.7rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.tn-view-btn:hover{color:#4a5170}.tn-view-btn.active{background:#fff;color:#4650c9;box-shadow:0 1px 3px #1e285a29}.tn-librarian-oncase .tn-view-switch{border-color:#ffffff1a;background:#00000038}.tn-librarian-oncase .tn-view-btn{color:#8fa6bd}.tn-librarian-oncase .tn-view-btn:hover{color:#cadbea}.tn-librarian-oncase .tn-view-btn.active{background:#a78bfae6;color:#1b1430;box-shadow:none}@media(max-width:560px){.tn-librarian{padding:14px 14px 12px}.tn-desk-row{flex-direction:column;gap:7px}.tn-desk-row-label{width:auto;padding-top:0}}.tn-bay-desk{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.tn-bookcase>.tn-bay-desk{align-self:stretch}.tn-bay-desk-flat{grid-row:auto}.tn-librarian-oncase .tn-desk-pills{overflow:visible}.tn-librarian-oncase{width:100%;margin:0 0 12px;padding:14px 14px 12px;border:1px solid #35434f;border-radius:12px;background:linear-gradient(180deg,#24303f,#1e2833);box-shadow:inset 0 1px #ffffff0a}.tn-librarian-oncase:before{background:linear-gradient(90deg,#a78bfa,#8b5cf6 55%,#7c3aed);opacity:.95}.tn-librarian-oncase .tn-librarian-head{gap:9px;margin-bottom:11px}.tn-librarian-oncase .tn-librarian-avatar{width:30px;height:30px;background:#a78bfa29;box-shadow:0 0 0 1px #a78bfa59;font-size:.9rem}.tn-librarian-oncase .tn-librarian-title{color:#e8eef6;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.tn-librarian-oncase .tn-librarian-sub{color:#8fa6bd}.tn-librarian-oncase .tn-librarian-reset{border-color:#ffffff24;background:#ffffff0d;color:#c4b5fd}.tn-librarian-oncase .tn-librarian-reset:hover{background:#a78bfa29;border-color:#a78bfa73}.tn-librarian-oncase .tn-search-box .tn-search-icon{color:#6b7f95}.tn-librarian-oncase .tn-search-box input{border-color:#35434f;background:#131a23;color:#cadbea;font-size:.78rem}.tn-librarian-oncase .tn-search-box input::placeholder{color:#5f7286}.tn-librarian-oncase .tn-search-box input:focus{border-color:#a78bfa;background:#131a23;box-shadow:0 0 0 3px #a78bfa29}.tn-librarian-oncase .tn-search-clear{color:#7b8ea3}.tn-librarian-oncase .tn-search-clear:hover{background:#a78bfa29;color:#c4b5fd}.tn-librarian-oncase .tn-desk-row{border-top-color:#ffffff12}.tn-librarian-oncase .tn-desk-row-label{color:#7b8ea3;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.tn-librarian-oncase .tn-desk-pill{border-color:#ffffff14;background:#ffffff0f;color:#cadbea}.tn-librarian-oncase .tn-desk-pill:hover{background:#ffffff1c;box-shadow:none}.tn-librarian-oncase .tn-desk-pill-count{background:#ffffff24}.tn-librarian-oncase .tn-desk-pill-cat.active{border-color:#a78bfa;background:#a78bfa;color:#1b1430;box-shadow:0 3px 10px -4px #a78bfae6}.tn-librarian-oncase .tn-desk-pill-cat.active .tn-desk-pill-count{background:#1b143033}.tn-content-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid rgba(102,126,234,.14)}.tn-content-header-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.tn-content-header h2{margin:0;font-size:1.4rem;font-weight:800;color:#1a1a2e;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tn-content-header h2 svg{color:#667eea;flex-shrink:0}.tn-content-header .tn-count{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;color:#667eea;font-weight:600;background:#667eea1f;padding:3px 12px;border-radius:20px;min-width:24px;letter-spacing:.02em}.tn-content-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tn-search-box{position:relative;margin-bottom:16px}.tn-search-box .tn-search-icon{color:#8b8fa3}.tn-search-box input{width:100%;padding:11px 40px 11px 42px;border:1.5px solid rgba(102,126,234,.18);border-radius:10px;font-size:.88rem;color:#1a1a2e;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.tn-search-box input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.tn-search-box input::placeholder{color:#a0a4b8}.tn-search-box .tn-search-clear{color:#8b8fa3}.tn-search-box .tn-search-clear:hover{background:#667eea1a;color:#667eea}.tn-board{column-count:3;column-gap:16px}.tn-card{display:inline-block;width:100%;background:#fff;border:1px solid #e7e9f5;border-radius:10px;padding:0;cursor:pointer;transition:box-shadow .25s,transform .2s;position:relative;overflow:hidden;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:16px;box-shadow:0 1px 3px #667eea14,0 6px 18px -10px #667eea40}.tn-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:10px 0 0 10px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:.75;transition:opacity .2s,width .2s}.tn-card:hover{box-shadow:0 4px 20px #667eea26,0 12px 30px -12px #667eea4d;transform:translateY(-3px)}.tn-card:hover:before{opacity:1;width:6px}.tn-card-selected{box-shadow:0 0 0 2px #667eea,0 6px 18px -10px #667eea59}.tn-card-title{color:#1a1a2e;font-family:inherit}.tn-card-desc{color:#718096}.tn-card-footer{border-top:1px solid #eef0f4;background:#fafbff}.tn-date{color:#a0a4b8}.tn-card-actions .tn-card-action-btn{background:#ffffffd9;color:#8b8fa3}.tn-notes-row{display:grid;grid-template-columns:min(100%,430px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.tn-notes-row{grid-template-columns:minmax(0,1fr)}}.tn-notes-main{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px 14px 12px;border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.42);border-radius:14px;background-color:#131a23;background-image:linear-gradient(180deg,#60c4ff12,#60c4ff00 140px),repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px),repeating-linear-gradient(180deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px);box-shadow:inset 0 1px #ffffff08,0 18px 36px -22px #000c}.tn-notes-head{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.tn-notes-count{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#8fa6bd}.tn-notes-head .tn-multiview-btn{margin-left:auto}.tn-card-doc-sheet{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fff}.tn-card-doc-sheet .tn-reader-content{font-size:.85rem;line-height:1.65;color:#333}.tn-board.tn-board-console-flat{padding:0;border:none;border-radius:0;background:none;background-image:none;box-shadow:none}.tn-board-console{padding:14px 14px 2px;border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.42);border-radius:14px;background-color:#131a23;background-image:linear-gradient(180deg,#60c4ff12,#60c4ff00 140px),repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px),repeating-linear-gradient(180deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px);box-shadow:inset 0 1px #ffffff08,0 18px 36px -22px #000c}.tn-board-console .tn-card{border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.28);border-radius:10px;background-color:#1c2530;background-image:linear-gradient(180deg,#ffffff0e,#fff0 42%),repeating-linear-gradient(90deg,#0000001a 0,#0000001a 2px,#ffffff03 2px,#ffffff03 10px),radial-gradient(130% 100% at 50% 0%,#60c4ff0f,#60c4ff00 70%);box-shadow:0 16px 32px -18px #000000d9,inset 0 0 0 1px #ffffff08}.tn-board-console .tn-card:before{width:4px;background:linear-gradient(180deg,#60c4ffe6,#60c4ff38)}.tn-board-console .tn-card:hover{border-color:#60c4ff80;box-shadow:0 0 0 1px #60c4ff38,0 18px 34px -18px #000000e6}.tn-board-console .tn-card:hover:before{width:5px;opacity:1}.tn-board-console .tn-card-selected{box-shadow:0 0 0 2px #a78bfa,0 18px 34px -18px #000000e6}.tn-board-console .tn-card-title{color:#e8eef6}.tn-board-console .tn-card-desc{color:#9fb3c8}.tn-board-console .tn-card-location{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7cc4ee}.tn-board-console .tn-card-location-unfiled{color:#8fa6bd}.tn-board-console .tn-card-category-badge{border-color:#60c4ff47;background:#60c4ff1a;color:#8fd3ff}.tn-board-console .tn-card-footer{border-top-color:#ffffff12;background:#0000002e}.tn-board-console .tn-date{color:#7b8ea3}.tn-board-console .tn-card-actions .tn-card-action-btn{background:#131a23eb;color:#8fa6bd}.tn-board-console .tn-card-actions .tn-card-action-btn:hover{background:#60c4ff29;color:#a8dcff}.tn-board-console .tn-card-action-danger:hover{background:#dc354538;color:#ff9aa5}.tn-board-console .tn-card-checkmark{border-color:#46586c;background:#131a23e6}.tn-board-console .tn-card-pin-btn.pinned{color:#c4b5fd}.tn-console.tn-pagination button{border-color:#35434f;background:#1c2530;color:#cadbea}.tn-console.tn-pagination button:hover:not(:disabled):not(.active){border-color:#60c4ff80;background:#24303f}.tn-console.tn-pagination button.active{border-color:#60c4ff99;background:#60c4ff29;color:#8fd3ff}.tn-console.tn-pagination .tn-ellipsis{color:#5c6f82}.tn-console.tn-empty-state,.tn-console.tn-loading{border:1px solid #35434f;border-radius:14px;background:#131a23;color:#8fa6bd}.tn-console.tn-empty-state .tn-empty-title{color:#cadbea}.tn-console.tn-empty-state .tn-empty-sub{color:#8fa6bd}.tn-card-actions .tn-card-action-btn:hover{background:#f0f1f5;color:#4a5568}.tn-pagination button{border-color:#dbe0f5}.tn-pagination button.active{background:#667eea;border-color:#667eea}@media(max-width:1000px){.tn-board{column-count:2}}@media(max-width:700px){.tn-board{column-count:1}}.tn-multiview-board{background:linear-gradient(160deg,#eef0ff,#f5f3ff 45%,#ede9fe);border:1px solid #e0e3ff;border-radius:16px;padding:20px;box-shadow:inset 0 2px 10px #667eea0f}.tn-multiview-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:12px 16px;background:#fff;border:1px solid #e7e9f5;border-radius:12px;box-shadow:0 2px 10px #667eea1a;flex-wrap:wrap}.tn-multiview-title{font-size:.95rem;font-weight:700;color:#1a1a2e;flex:1}.tn-multiview-cols-select{font-size:.82rem;color:#8b8fa3}.tn-multiview-cols-select select{padding:6px 10px;border:1.5px solid rgba(102,126,234,.2);border-radius:8px;font-size:.82rem;background:#fff;color:#1a1a2e;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.tn-multiview-cols-select select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tn-multiview-grid{gap:18px}.tn-multiview-note{background:#fff;border:1px solid #e7e9f5;border-radius:12px;box-shadow:0 1px 3px #667eea14,0 8px 22px -12px #667eea4d;padding:0 20px 16px;transition:transform .2s,box-shadow .2s,opacity .15s}.tn-multiview-note:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#667eea,#764ba2);opacity:.7}.tn-multiview-note:hover{transform:translateY(-3px);box-shadow:0 6px 24px #667eea2e,0 14px 34px -14px #667eea59}.tn-multiview-note.tn-mv-drag-over{box-shadow:0 0 0 2px #667eea,0 8px 22px -12px #667eea4d}.tn-mv-drag-handle{background:#667eea14;color:#a0a4b8}.tn-mv-drag-handle:hover{color:#667eea;background:#667eea26}.tn-multiview-note-title{color:#1a1a2e}.tn-multiview-note-actions .tn-card-action-btn{background:#ffffffd9;color:#8b8fa3}.tn-multiview-note-footer{border-top:1px solid #eef0f4;color:#a0a4b8}.tn-multiview-console .tn-multiview-board{padding:14px 14px 16px;border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.42);border-radius:14px;background-color:#131a23;background-image:linear-gradient(180deg,#60c4ff12,#60c4ff00 140px),repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px),repeating-linear-gradient(180deg,#ffffff04 0,#ffffff04 1px,#0000 1px,#0000 22px);box-shadow:inset 0 1px #ffffff08,0 18px 36px -22px #000c}.tn-multiview-console .tn-multiview-toolbar{padding:10px 14px;border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.28);border-radius:10px;background:#1c2530;box-shadow:inset 0 1px #ffffff08}.tn-multiview-console .tn-multiview-title{color:#e8eef6}.tn-multiview-console .tn-multiview-toolbar .tn-btn-secondary{border:1px solid #46586c;background:#60c4ff1a;color:#8fd3ff}.tn-multiview-console .tn-multiview-toolbar .tn-btn-secondary:hover{border-color:#60c4ff99;background:#60c4ff2e;color:#a8dcff}.tn-multiview-console .tn-loading{color:#8fa6bd}.tn-multiview-console .tn-multiview-cols-select{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8fa6bd}.tn-multiview-console .tn-multiview-cols-select select{border:1px solid #46586c;background:#131a23;color:#cadbea}.tn-multiview-console .tn-multiview-cols-select select:focus{border-color:#60c4ff99;box-shadow:0 0 0 3px #60c4ff1f}.tn-multiview-console .tn-multiview-note{border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.28);border-radius:10px;background-color:#1c2530;background-image:linear-gradient(180deg,#ffffff0e,#fff0 42%),repeating-linear-gradient(90deg,#0000001a 0,#0000001a 2px,#ffffff03 2px,#ffffff03 10px),radial-gradient(130% 100% at 50% 0%,#60c4ff0f,#60c4ff00 70%);box-shadow:0 16px 32px -18px #000000d9,inset 0 0 0 1px #ffffff08}.tn-multiview-console .tn-multiview-note:before{background:linear-gradient(180deg,#60c4ffe6,#60c4ff38);opacity:1}.tn-multiview-console .tn-multiview-note:hover{border-color:#60c4ff80;box-shadow:0 0 0 1px #60c4ff38,0 18px 34px -18px #000000e6}.tn-multiview-console .tn-multiview-note.tn-mv-drag-over{box-shadow:0 0 0 2px #a78bfa,0 18px 34px -18px #000000e6}.tn-multiview-console .tn-mv-drag-handle{background:#60c4ff14;color:#5c6f82}.tn-multiview-console .tn-mv-drag-handle:hover{color:#8fd3ff;background:#60c4ff29}.tn-multiview-console .tn-multiview-note-title{color:#e8eef6}.tn-multiview-console .tn-multiview-note-actions .tn-card-action-btn{background:#131a23eb;color:#8fa6bd}.tn-multiview-console .tn-multiview-note-actions .tn-card-action-btn:hover{background:#60c4ff29;color:#a8dcff}.tn-multiview-console .tn-mv-info-icon{color:#5c6f82}.tn-multiview-console .tn-mv-info-wrap:hover .tn-mv-info-icon{color:#8fd3ff}.tn-multiview-console .tn-multiview-note-footer{border-top-color:#ffffff12;color:#7b8ea3}.tn-multiview-console .tn-multiview-content{padding:12px 14px;border-radius:8px;background:#fff;box-shadow:0 1px #ffffff0a,0 10px 24px -16px #000000e6}.tn-fullscreen{background:linear-gradient(180deg,#eef0ff,#f5f3ff,#ede9fe)}.tn-fullscreen-body{background:transparent}.tn-fullscreen-header{height:56px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #e7e9f5;box-shadow:0 1px 8px #667eea1a;padding:0 20px}.tn-fullscreen-header.tn-read-mode{height:56px;min-height:56px;padding:0 20px;background:#ffffffeb;border-bottom:1px solid #e7e9f5;box-shadow:0 1px 8px #667eea1a}.tn-back-btn{width:36px;height:36px;border-radius:8px;background:#f0f1ff;color:#667eea}.tn-back-btn:hover{background:#e3e7ff;color:#4a5ecf}.tn-fullscreen-header.tn-read-mode .tn-read-header-info{justify-content:flex-start}.tn-read-header-title{font-size:1rem;letter-spacing:-.01em}.tn-btn-read-action{background:#fff;border:1px solid #dde0f0;color:#3c3f51;border-radius:8px;padding:6px 14px}.tn-btn-read-action:hover:not(:disabled){background:#f0f1ff;border-color:#b9c2f5;color:#4a5ecf}.tn-btn-read-danger:hover:not(:disabled){background:#fdeaea;border-color:#ef5350;color:#c62828}.tn-reader,.tn-editor-content{position:relative;border-radius:14px;box-shadow:0 1px 4px #667eea14,0 12px 32px -12px #667eea4d;overflow:hidden}.tn-reader:before,.tn-editor-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:2;pointer-events:none}.tn-reader{padding:48px 56px 44px;max-width:900px}.tn-editor-content{padding:40px 48px;min-height:680px;max-width:900px}.tn-reader-header-area{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid #eef0f5}.tn-reader-title{font-size:2rem;font-weight:700;color:#1a1a2e;margin:0 0 10px;letter-spacing:-.02em;line-height:1.25}.tn-reader-desc{margin:0 0 18px;font-size:1.02rem;color:#6b7085;line-height:1.6}.tn-reader-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.tn-reader-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tn-reader-category{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:600;background:#667eea1f;color:#667eea;border:1px solid rgba(102,126,234,.28)}.tn-reader-tags{display:flex;gap:5px;flex-wrap:wrap}.tn-reader-date{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#a0a4b8}.tn-wysiwyg{background:transparent}.tn-toolbar{background:#fffffff0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid #e7e9f5;box-shadow:0 2px 10px #667eea0f;padding:6px 20px}.tn-toolbar button:hover{background:#edefff;color:#4a5ecf}.tn-toolbar-sep{background:#e3e6f5}@media(max-width:768px){.tn-reader{padding:28px 22px 40px}.tn-reader-title{font-size:1.4rem}.tn-editor-content{padding:24px 18px}.tn-fullscreen-header,.tn-fullscreen-header.tn-read-mode{padding:0 12px}.tn-reader-meta{flex-direction:column;align-items:flex-start}}.tn-fullscreen-body{display:flex;flex-direction:row;overflow:hidden;background:transparent}.tn-doc-main{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.tn-doc-panel{flex-shrink:0;width:300px;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:1px solid #e7e9f5;box-shadow:-6px 0 20px -12px #667eea40;overflow-y:auto;padding:20px 18px 32px;text-align:center}.tn-panel-heading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b8fa3;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid #eef0f5}.tn-panel-section,.tn-panel-field{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;border-bottom:1px solid #f1f2f7}.tn-panel-section:last-child,.tn-panel-field:last-child{border-bottom:none}.tn-panel-section label,.tn-panel-field label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a0a4b8}.tn-panel-value{font-size:.9rem;line-height:1.5;color:#3c3f51;word-break:break-word;text-align:center}.tn-panel-title-value{font-size:1.05rem;font-weight:700;color:#1a1a2e;letter-spacing:-.01em}.tn-panel-muted{color:#b8bcc8;font-style:italic;font-size:.82rem}.tn-panel-category{align-self:center;display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:600;background:#667eea1f;color:#667eea;border:1px solid rgba(102,126,234,.28)}.tn-panel-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tn-panel-date{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#a0a4b8}.tn-panel-field input{width:100%;box-sizing:border-box;padding:8px 11px;border:1px solid #dde0f0;border-radius:8px;font-size:.88rem;font-family:inherit;color:#2c2c3a;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.tn-panel-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea24}.tn-panel-field input:disabled{background:#f3f4f8;color:#9aa0b4;cursor:not-allowed}.tn-panel-field>span{align-self:center;font-size:.7rem;color:#a0a4b8;margin-top:-2px}@media(max-width:768px){.tn-fullscreen-body{flex-direction:column}.tn-doc-panel{width:100%;max-height:40vh;border-left:none;border-top:1px solid #e7e9f5;box-shadow:0 -6px 20px -12px #667eea40;padding:14px 16px 20px}}.tn-shelf{padding:22px 20px 14px;border:1px solid #26313d;border-top:2px solid rgba(96,196,255,.42);border-radius:14px;background-color:#131a23;background-image:radial-gradient(120% 90% at 50% -25%,#60c4ff1a,#60c4ff00 62%),repeating-linear-gradient(0deg,#ffffff07 0,#ffffff07 1px,#fff0 1px,#fff0 30px),repeating-linear-gradient(90deg,#ffffff07 0,#ffffff07 1px,#fff0 1px,#fff0 30px),linear-gradient(180deg,#18212c,#121923);box-shadow:0 20px 42px -20px #090e148c,inset 0 1px #ffffff0d}.tn-shelf-hint{margin:0 0 16px;font-size:.85rem;color:#8496a8}.tn-bookcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;gap:16px}.tn-bay{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;padding:0 4px;border:1px solid #35434f;border-top:2px solid rgba(96,196,255,.34);border-radius:10px;background-color:#1c2530;background-image:linear-gradient(180deg,#ffffff0e,#fff0 44%),repeating-linear-gradient(90deg,#0000001a 0,#0000001a 2px,#ffffff03 2px,#ffffff03 10px),radial-gradient(130% 100% at 50% 0%,#60c4ff12,#60c4ff00 70%);box-shadow:0 16px 32px -16px #000c,inset 0 0 0 1px #ffffff08;overflow:hidden}.tn-bay-unclassified{border-top-color:#a78bfa80;background-image:linear-gradient(180deg,#ffffff0d,#fff0 42%),repeating-linear-gradient(90deg,#0000001a 0,#0000001a 2px,#ffffff03 2px,#ffffff03 9px),radial-gradient(130% 100% at 50% 0%,#a78bfa1f,#a78bfa00 70%)}.tn-bay-unclassified .tn-shelf-name{color:#c4b5fd}.tn-bay-unclassified .tn-shelf-name:before{background:#a78bfa;box-shadow:0 0 8px #a78bfacc}.tn-bay-unclassified .tn-shelf-board{border-top-color:#a78bfa52}.tn-shelf-block{display:flex;flex-direction:column;margin:0;padding:0;border-radius:0;background:none;box-shadow:none}.tn-shelf-block-over{background:#60c4ff17;box-shadow:inset 0 0 0 2px #60c4ff80}.tn-shelf-head{display:flex;align-items:center;gap:10px;padding:13px 14px 0}.tn-shelf-name{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cadbea}.tn-shelf-name:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80bf}.tn-shelf-floors{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(96,196,255,.28);background:#60c4ff14;color:#8fd3ff;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px;cursor:pointer;white-space:nowrap}.tn-shelf-floors:after{content:"▾";font-size:.6rem;opacity:.75}.tn-shelf-floors:hover{background:#60c4ff2e;border-color:#60c4ff8c}.tn-shelf-strip{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#3d4c5c transparent}.tn-shelf-inner{min-width:max-content}.tn-shelf-row{display:flex;align-items:flex-end;gap:3px;min-height:202px;padding:0 14px}.tn-book{position:relative;flex:0 0 auto;width:56px;height:184px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:13px 6px 11px;border:none;border-radius:2px 2px 1px 1px;background-image:linear-gradient(90deg,#fff3,#fff0 26%,#0000 72%,#0000002e);box-shadow:0 5px 10px #00000073,inset 0 0 0 1px #ffffff29;cursor:pointer;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease}.tn-book:hover,.tn-book:focus-visible{transform:translateY(-6px);box-shadow:0 12px 18px #00000080,inset 0 0 0 1px #ffffff3d;outline:none;z-index:2}.tn-book-pulled{transform:translateY(-12px)!important;box-shadow:0 16px 22px #0000008c,0 0 0 2px #60c4ff99,inset 0 0 0 1px #ffffff4d!important;z-index:3}.tn-book-band{flex-shrink:0;width:24px;max-width:100%;height:3px;border-radius:2px;background:#fff9}.tn-book-note{width:22px;height:158px;gap:7px;padding:16px 3px 8px;border-radius:1px 1px 1px 2px;background-color:#f7f2e4;background-image:repeating-linear-gradient(90deg,#5a48300d 0,#5a48300d 1px,#0000 1px,#0000 8px),linear-gradient(180deg,#5a48301a,#5a483000 12%);box-shadow:0 3px 7px #0000006b,inset 0 0 0 1px #5a483029}.tn-note-clip{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:9px;height:18px;border:1.5px solid #cbd4de;border-radius:4px;background:linear-gradient(180deg,#ffffff73,#ffffff0d);box-shadow:0 1px 2px #0006;pointer-events:none}.tn-note-clip:before{content:"";position:absolute;top:2px;right:1.5px;bottom:2px;left:1.5px;border:1px solid rgba(150,162,175,.7);border-radius:3px}.tn-book-note .tn-book-band{width:15px;height:3px;border-radius:1px;background:var(--tn-note-tab, #8fd3ff)}.tn-book-note .tn-book-title{font-family:Georgia,Times New Roman,serif;font-size:.75rem;font-weight:700;letter-spacing:0;color:#3d362b;text-shadow:0 0 3px #f7f2e4,0 0 3px #f7f2e4,0 0 4px #f7f2e4}.tn-book-note:after{content:"";position:absolute;right:0;bottom:0;width:7px;height:7px;background:linear-gradient(135deg,#78644638 0,#78644638 50%,#efe7d5 50%,#efe7d5);border-top-left-radius:2px}.tn-book-note:hover,.tn-book-note:focus-visible{transform:translateY(-8px) rotate(-2deg);box-shadow:0 12px 18px #00000080,inset 0 0 0 1px #5a483033}.tn-book-note-over{transform:translateY(-6px) scale(1.04);box-shadow:0 0 0 2px #8fd3ff,0 12px 20px #00000080!important}.tn-book-title{flex:1;min-height:0;width:fit-content;margin-left:auto;margin-right:auto;writing-mode:vertical-rl;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-book-count{flex-shrink:0;font-size:.66rem;font-weight:700;color:#ffffffd9}.tn-book-action{background-color:#60c4ff0d;background-image:none;border:1px dashed rgba(96,196,255,.45);box-shadow:none}.tn-book-action .tn-book-title{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#7fa8c6}.tn-book-action:hover{background-color:#60c4ff24;border-color:#60c4ffbf}.tn-book-action:hover .tn-book-title{color:#a8dcff}.tn-note-action{width:34px}.tn-note-action .tn-book-title{font-size:.62rem}.tn-book-group{position:relative;flex:0 0 auto;box-sizing:border-box;width:236px;height:184px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-left:6px solid var(--tn-group-color, #667eea);border-radius:3px;background:linear-gradient(180deg,#fdfcf8,#f6f4ec);box-shadow:0 6px 14px #0000006b;overflow:hidden;text-align:left}.tn-group-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:9px 11px 8px;border:none;border-bottom:1px solid rgba(90,72,48,.16);background:none;cursor:pointer;font-family:inherit}.tn-group-head:hover .tn-group-title{text-decoration:underline}.tn-group-title{flex:1;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:.82rem;font-weight:700;color:#2f2a22;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-group-count{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8b8272}.tn-group-pages{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow:hidden;display:flex;flex-direction:column;gap:2px}.tn-group-page{display:block;width:100%;padding:4px 6px;border:none;border-radius:4px;background:none;cursor:pointer;font-family:inherit;text-align:left}.tn-group-page:hover{background:#667eea1f}.tn-group-page-title{display:block;font-size:.72rem;font-weight:600;color:#2a2f4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-group-page-where{display:block;font-size:.6rem;color:#9a9384;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-group-more{padding:4px 6px;font-size:.62rem;color:#8b8272}.tn-shelf-board{height:9px;background-color:#2b3642;background-image:repeating-linear-gradient(90deg,#ffffff0d 0,#ffffff0d 1px,#fff0 1px,#fff0 5px),linear-gradient(180deg,#46586c,#29343f);border-top:1px solid rgba(140,215,255,.3);box-shadow:0 -9px 14px -10px #000000e6,inset 0 1px #ffffff12}.tn-link-btn{border:none;background:none;padding:2px 0;color:#667eea;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.tn-link-btn:hover{text-decoration:underline}.tn-page-menu{position:fixed;z-index:1300;min-width:240px;padding:6px;border:1px solid #d9dcea;border-radius:10px;background:#fff;box-shadow:0 18px 40px -16px #1e223c73,0 2px 6px #1e223c1f;text-align:left}.tn-page-menu-title{display:block;padding:6px 9px 5px;border-bottom:1px solid #eef0f6;margin-bottom:4px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#8b90a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.tn-page-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:none;border-radius:7px;background:none;font-size:.84rem;font-family:inherit;color:#2f3247;text-align:left;cursor:pointer}.tn-page-menu-item:hover{background:#eef0ff;color:#4c5bd4}.tn-page-menu-icon{color:#667eea;font-size:.8rem}.tn-page-menu-target{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font-size:.72rem;color:#6f7684;text-align:right}.tn-page-menu-target strong{color:#4c5bd4;font-weight:600}.tn-page-menu-target em{font-style:normal;opacity:.8}.tn-node-icon{flex-shrink:0;font-size:.8rem;line-height:1}.tn-card-location{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#8b8fa3;margin-bottom:7px;overflow:hidden;white-space:nowrap}.tn-card-location-book{font-weight:600;color:#6f7684;overflow:hidden;text-overflow:ellipsis}.tn-card-location-sep{color:#c3c7d6}.tn-card-location-unfiled{color:#a0a4b8;font-style:italic}.tn-shelf-delete{margin-right:auto}.tn-floor-picker{display:flex;align-items:center;gap:6px;margin-top:12px}.tn-floor-picker-label{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#8892a4;margin-right:2px}.tn-floor-btn{min-width:36px;border:1px solid #dbe1ea;background:#fff;color:#5f6b7a;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;padding:5px 9px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tn-floor-btn:hover{border-color:#667eea8c;color:#667eea}.tn-floor-btn-on{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.tn-floor-btn-on:hover{color:#fff}.tn-floor-hint{margin:8px 0 0;font-size:.76rem;color:#8892a4}.tn-drop-gap{flex:0 0 auto;align-self:stretch;width:5px;margin:4px 0;border-radius:3px;background:linear-gradient(180deg,#a8dcff,#3aa8e0);box-shadow:0 0 10px #60c4ffb3}.tn-book-dragging{opacity:.45}.tn-shelf-tools{display:flex;align-items:center;gap:18px;margin:16px 2px 0}.tn-shelf-tools .tn-link-btn{color:#7cc4ee}.tn-shelf-tools .tn-link-btn:hover{color:#a8dcff}.tn-shelf-error{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border:1px solid rgba(248,113,113,.32);border-radius:8px;background:#f871711f;color:#fca5a5;font-size:.8rem}.tn-shelf-error button{margin-left:auto;border:none;background:none;color:inherit;cursor:pointer}.tn-bookpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#1418328c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:tn-pop-in .18s ease-out}@keyframes tn-pop-in{0%{opacity:0}to{opacity:1}}.tn-bookpop-stack{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}.tn-bookpop-book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1000px,94vw);height:min(620px,76vh);border-radius:10px 20px 20px 10px;background:#fffdf8;box-shadow:0 30px 60px #0a0e2873,0 0 0 1px #1e285a29,0 0 0 1px #fff6 inset;transform-origin:left center;animation:tn-book-open .42s cubic-bezier(.22,.61,.36,1) both}@keyframes tn-book-open{0%{opacity:0;transform:translateY(14px) rotateX(24deg) scale(.94)}to{opacity:1;transform:none}}.tn-bk-page{position:relative;min-width:0;padding:26px 30px;overflow-y:auto;text-align:left;scrollbar-width:none}.tn-bk-page::-webkit-scrollbar{width:0;height:0}.tn-bk-front{padding-left:34px;border-radius:10px 0 0 10px;background:linear-gradient(150deg,#fbfbfe,#f2f4fb);box-shadow:inset 12px 0 16px -16px #1e285a2e,inset -22px 0 30px -28px #1e285abf;display:flex;flex-direction:column;align-items:flex-start}.tn-bk-contents{border-radius:0 20px 20px 0;background:radial-gradient(120% 90% at 100% 100%,#1e285a12,#1e285a00 54%),radial-gradient(90% 70% at 100% 0%,#1e285a0d,#1e285a00 46%),#fffdf8;box-shadow:inset 26px 0 30px -30px #1e285aa6;animation:tn-page-turn .32s ease-out}@keyframes tn-page-turn{0%{opacity:.2;transform:translate(10px) rotateY(-8deg)}to{opacity:1;transform:none}}.tn-bk-eyebrow{display:block;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a8adbd}.tn-bk-cover{display:block;width:100%;max-height:220px;margin:14px 0 16px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #1e285a2e}.tn-bk-cover-empty{display:flex;align-items:center;justify-content:center;height:160px;background:var(--tn-book-color, #667eea);color:#fff;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:700}.tn-bk-title{margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;line-height:1.2;color:#1f2340;overflow-wrap:anywhere}.tn-bk-meta{margin:0 0 4px;font-size:.8rem;color:#6f7684}.tn-bk-updated{margin:0 0 14px;font-size:.7rem;color:#a0a4b8}.tn-bk-desc{margin:0;font-size:.86rem;line-height:1.55;color:#4a5568;white-space:pre-wrap}.tn-bk-desc-empty{font-style:italic;color:#a0a4b8}.tn-bk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee9dd}.tn-bk-counter{font-size:.7rem;color:#a0a4b8}.tn-bk-empty{margin:0;font-size:.84rem;font-style:italic;color:#a0a4b8}.tn-bk-chapters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.tn-bk-chapter{display:flex;align-items:baseline;gap:10px;width:100%;padding:6px 4px;border:none;border-radius:6px;background:none;font-family:inherit;text-align:left;cursor:pointer}.tn-bk-chapter:hover{background:#f4f6ff}.tn-bk-chapter-num{flex-shrink:0;width:16px;font-size:.7rem;color:#b3b8c8;text-align:right}.tn-bk-chapter-name{flex:1;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;color:#1f2340;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-bk-chapter:hover .tn-bk-chapter-name{color:#667eea}.tn-bk-chapter-pages{flex-shrink:0;font-size:.7rem;color:#a0a4b8;white-space:nowrap}.tn-bk-pages{list-style:none;margin:2px 0 0;padding:0 0 0 26px}.tn-bk-page-row{display:flex;align-items:center;gap:10px;width:100%;padding:5px 6px;border:none;border-radius:6px;background:none;font-family:inherit;text-align:left;cursor:pointer}.tn-bk-page-row:hover{background:#f4f6ff}.tn-bk-page-num{flex-shrink:0;width:18px;font-size:.72rem;color:#b3b8c8;text-align:right}.tn-bk-page-title{flex:1;min-width:0;font-size:.85rem;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-bk-page-row:hover .tn-bk-page-title{color:#667eea}.tn-bk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:#ffffff24;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s,opacity .15s}.tn-bk-arrow:hover:not(:disabled){background:#ffffff4d}.tn-bk-arrow:disabled{opacity:.25;cursor:default}.tn-bk-arrow-prev{left:-54px}.tn-bk-arrow-next{right:-54px}.tn-bookpop-bar{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:12px;background:#fffffff5;box-shadow:0 12px 26px #0a0e2847;max-width:100%}.tn-bookpop-name{font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:700;color:#1f2340;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.tn-bookpop-book{grid-template-columns:1fr;height:min(640px,80vh);width:min(560px,92vw)}.tn-bk-front{display:none}.tn-bookpop .tn-bk-contents{border-radius:10px 20px 20px 10px}.tn-bk-contents{box-shadow:none}.tn-bk-arrow-prev{left:8px}.tn-bk-arrow-next{right:8px}}@media(prefers-reduced-motion:reduce){.tn-bookpop-book,.tn-bk-contents{animation-duration:.02s}}.tn-bookedit{max-width:100%}.tn-edit-cover-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.tn-field-page{width:100%;margin-top:16px}.tn-edit-page-meta{margin:auto 0 0;padding-top:16px;font-size:.74rem;color:#8b90a6}.tn-bookedit .tn-bk-page{padding:22px 26px}.tn-bookedit .tn-bk-cover{width:124px;height:160px;max-height:160px;margin:12px 0 14px}.tn-bookedit .tn-bk-cover-empty{height:160px;font-size:2rem}.tn-bookedit .tn-bookpop-name{max-width:420px}@media(max-width:900px){.tn-bookedit .tn-bookpop-book{grid-template-columns:1fr;height:auto;overflow:visible}.tn-bookedit .tn-bookpop-stack{max-height:88vh;padding:0 10px;overflow-x:hidden;overflow-y:auto}.tn-bookedit .tn-bk-front{display:flex;border-radius:10px 20px 0 0}.tn-bookedit .tn-bk-contents{border-radius:0 0 20px 10px}.tn-bookedit .tn-bk-page{overflow:visible}}.tn-dialog-textarea{min-height:74px;resize:vertical;font-family:inherit}.tn-cover-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tn-cover-preview{width:74px;height:96px;border-radius:6px;object-fit:cover;background:#f1f2f8;box-shadow:0 3px 10px #2d376e29}.tn-cover-empty{display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#a0a4b8;box-shadow:none;border:1px dashed #c9cee2}.tn-cover-upload{position:relative;overflow:hidden;cursor:pointer}.tn-cover-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.tn-edit-chapters{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.tn-edit-chapter-block{border:1px solid #e5e7f0;border-radius:10px;background:#fbfbfe;overflow:hidden;cursor:grab}.tn-edit-chapter-block.tn-edit-dragging,.tn-edit-page.tn-edit-dragging{opacity:.45}.tn-edit-chapter{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f4f5fb;border-bottom:1px solid #e9ebf4;font-size:.82rem}.tn-drag-handle{flex-shrink:0;color:#b6bacb;font-size:.8rem;line-height:1;cursor:grab}.tn-edit-pages{display:flex;flex-direction:column;gap:2px;margin:0;padding:5px 6px 6px;list-style:none}.tn-edit-page{display:flex;align-items:center;gap:8px;padding:4px 7px;border:1px solid transparent;border-radius:7px;background:#fff;font-size:.8rem;cursor:grab}.tn-edit-page:hover{border-color:#dde2f5}.tn-edit-page-over{border-color:#667eea;background:#f2f4ff}.tn-edit-page-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c2c3a}.tn-edit-page-empty{padding:5px 8px;border:1px dashed #dfe3f0;border-radius:7px;font-size:.74rem;font-style:italic;color:#a0a4b8}.tn-chapter-drag-hint{margin:0 0 8px;font-size:.74rem;color:#8b90a6}.tn-detach-zone{display:flex;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;border:1px dashed #c9cee2;border-radius:10px;background:#f7f8fd;font-size:.78rem;color:#6f7684}.tn-detach-zone strong{margin-left:auto;font-weight:600;font-size:.74rem;color:#8b90a6}.tn-detach-zone-on{border-color:#667eea;border-style:solid;background:#eef0ff;color:#4c5bd4;box-shadow:inset 0 0 0 1px #667eea40}.tn-detach-zone-on strong{color:#4c5bd4}.tn-detach-icon{font-size:.9rem;color:#667eea}.tn-edit-chapter-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c2c3a}.tn-edit-chapter-count{flex-shrink:0;font-size:.7rem;color:#a0a4b8}.tn-edit-chapter button{border:none;background:none;color:#8b8fa3;font-size:.72rem;padding:2px 5px;border-radius:6px;cursor:pointer}.tn-edit-chapter button:hover{background:#eef0ff;color:#667eea}.tn-edit-chapter button.tn-danger:hover{background:#fdecec;color:#dc3545}.tn-book-edit-actions{align-items:center}.tn-bv-hint{margin:0 0 6px;font-size:.74rem;font-style:italic;color:#a0a4b8}.tn-book-edit-actions .tn-btn-danger{margin-right:auto}.tn-contents{display:flex;flex-direction:column;gap:22px}.tn-chapter-head{display:flex;align-items:baseline;gap:10px;padding-bottom:8px;border-bottom:1px solid #e3e6f2}.tn-chapter-num{flex-shrink:0;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8b8fa3}.tn-chapter-name{flex:0 1 auto;min-width:0;border:none;background:none;padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:700;color:#1f2340;text-align:left;cursor:pointer}.tn-chapter-name:hover{color:#667eea}.tn-chapter-count{font-size:.72rem;color:#8b8fa3;white-space:nowrap}.tn-chapter-actions{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}.tn-chapter-block:hover .tn-chapter-actions,.tn-chapter-block:focus-within .tn-chapter-actions{opacity:1}.tn-chapter-actions button{border:none;background:none;color:#8b8fa3;font-size:.74rem;padding:3px 6px;border-radius:6px;cursor:pointer}.tn-chapter-actions button:hover{background:#eef0ff;color:#667eea}.tn-chapter-actions button.tn-danger:hover{background:#fdecec;color:#dc3545}.tn-page-list{list-style:none;margin:8px 0 0;padding:0}.tn-page-row{display:flex;align-items:center;gap:12px;width:100%;padding:7px 8px;border:none;border-radius:8px;background:none;font-family:inherit;text-align:left;cursor:pointer}.tn-page-row:hover{background:#f4f6ff}.tn-page-num{flex-shrink:0;width:22px;font-size:.74rem;font-variant-numeric:tabular-nums;color:#a0a4b8;text-align:right}.tn-page-title{flex:1;min-width:0;font-size:.9rem;color:#2c2c3a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-page-row:hover .tn-page-title{color:#667eea}.tn-page-pin{flex-shrink:0;padding:1px 8px;border-radius:999px;background:#fff4e6;color:#b7791f;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tn-chapter-empty{margin:8px 0 0;padding-left:34px;font-size:.78rem;font-style:italic;color:#a0a4b8}.tn-add-chapter{align-self:flex-start;padding:9px 16px;border:1px dashed #b9c0e8;border-radius:10px;background:#ffffffb3;color:#667eea;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.tn-add-chapter:hover{background:#eef0ff;border-style:solid}.tn-scope-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tn-scope-badge{flex-shrink:0;padding:3px 9px;border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent}.tn-scope-badge-all{background:#eef0ff;color:#667eea;border-color:#667eea33}.tn-scope-badge-book{background:#eaf6ef;color:#2f855a;border-color:#2f855a33}.tn-scope-badge-chapter{background:#fff4e6;color:#b7791f;border-color:#b7791f33}.tn-scope-badge-unfiled{background:#f3f4f8;color:#6f7684;border-color:#c3c7d633}.tn-scope-name{color:#2c2c3a}.tn-panel-field select.tn-panel-select{width:100%;box-sizing:border-box;padding:8px 11px;border:1px solid #dde0f0;border-radius:8px;font-size:.84rem;font-family:inherit;color:#2c2c3a;background:#fff;outline:none}.tn-panel-field select.tn-panel-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea24}.tn-panel-move-btn{margin-top:6px;align-self:center;padding:5px 12px;font-size:.72rem;font-weight:600;color:#667eea;background:#fff;border:1px solid #667eea55;border-radius:999px;cursor:pointer;font-family:inherit}.tn-panel-move-btn:hover{background:#f4f6ff}.tn-dialog-input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #dde0f0;border-radius:8px;font-size:.88rem;font-family:inherit;color:#2c2c3a;outline:none}.tn-dialog-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea24}.tn-dialog-error{margin-top:8px;padding:7px 10px;border-radius:8px;background:#fdecec;border:1px solid #f5c2c0;color:#b02a37;font-size:.76rem;text-align:left}.technical-notes-page{display:flex;flex-direction:column}.tn-container{flex:1 1 auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-bottom:0}.tn-content,.tn-board-wrapper{flex:1 1 auto;display:flex;flex-direction:column}.tn-board-wrapper>.tn-shelf{flex:1 1 auto}.tn-readpop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:12px;background:#090e149e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tn-readpop-wide{padding:0}.tn-readpop-wide .tn-readpop-panel{width:100%;height:100%;border:none;border-radius:0;box-shadow:none}.tn-readpop-wide .tn-readpop-panel .tn-reader{max-width:min(1200px,calc(100% - 96px))}.tn-readpop-wide .tn-readpop-panel .tn-doc-panel{display:none}.tn-readpop-panel{display:flex;flex-direction:column;width:min(1320px,100%);height:min(940px,100%);overflow:hidden;border:1px solid #35434f;border-radius:14px;background:#131a23;box-shadow:0 34px 74px -32px #000000f2}.tn-readpop>.tn-readpop-panel{background-color:#131a23;background-image:none}.tn-readpop>.tn-readpop-panel:not(.tn-fullscreen-console){border-color:#e7e9f5;background-color:#f2f3f7}.tn-readpop-panel .tn-fullscreen-header{height:52px;min-height:52px;padding:0 14px}.tn-readpop-title-wrap{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px}.tn-readpop-title{font-size:.98rem;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-readpop-path{flex-shrink:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#667eea}.tn-fullscreen-console .tn-readpop-title{color:#e8eef6}.tn-fullscreen-console .tn-readpop-path{color:#7cc4ee}.tn-readpop-close,.tn-readpop-pin-btn,.tn-readpop-wide-btn{border:1px solid #46586c;color:#8fa6bd}.tn-readpop-panel .tn-icon-btn{background:transparent}.tn-readpop-close:hover,.tn-readpop-pin-btn:hover,.tn-readpop-wide-btn:hover{border-color:#60c4ff99;color:#a8dcff}.tn-readpop-pin-btn.pinned,.tn-readpop-pin-btn.pinned:hover{border-color:#f5b544a6;color:#f5b544}.tn-readpop-panel .tn-reader-content{zoom:var(--tn-reader-zoom, 1)}.tn-readpop-zoom{position:relative;display:flex}.tn-readpop-zoom-btn{width:auto;gap:7px;padding:0 10px;border:1px solid #46586c;color:#8fa6bd}.tn-readpop-zoom-btn:hover{border-color:#60c4ff99;color:#a8dcff}.tn-readpop-zoom-value{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.06em;color:#8fa6bd}.tn-readpop-zoom-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:5;display:flex;flex-direction:column;min-width:94px;padding:4px;border:1px solid #35434f;border-radius:10px;background:#1c2530;box-shadow:0 18px 34px -18px #000000e6}.tn-readpop-zoom-option{padding:6px 10px;border:none;border-radius:7px;background:none;color:#cadbea;font-family:inherit;font-size:.76rem;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;transition:background .12s,color .12s}.tn-readpop-zoom-option:hover{background:#60c4ff24;color:#a8dcff}.tn-readpop-zoom-option.active{background:#60c4ff29;color:#8fd3ff}.tn-readpop-panel:not(.tn-fullscreen-console) .tn-readpop-zoom-menu{border-color:#e7e9f5;background:#fff}.tn-readpop-panel:not(.tn-fullscreen-console) .tn-readpop-zoom-option{color:#3c3f51}.tn-readpop-panel:not(.tn-fullscreen-console) .tn-readpop-zoom-option:hover{background:#f0f1ff;color:#4a5ecf}.tn-readpop-panel:not(.tn-fullscreen-console) .tn-readpop-zoom-option.active{background:#eef0ff;color:#4650c9}@media(max-width:700px){.tn-chapter-head{flex-wrap:wrap}}.tn-fullscreen-console{background:linear-gradient(160deg,#f8f4ef,#f0ebe3 40%,#e8e0d5)}.tn-reader,.tn-editor-content{box-sizing:border-box;width:calc(100% - 48px);min-width:0}.tn-reader{width:fit-content;min-width:min(860px,calc(100% - 48px));max-width:100%}.tn-reader-content>*:not(table){max-width:min(860px,100%)}.tn-fullscreen-console .tn-fullscreen-body,.tn-fullscreen-console .tn-wysiwyg{background:transparent}.tn-fullscreen-console .tn-fullscreen-header{background:#1c2530;border-bottom-color:#35434f;box-shadow:0 2px #60c4ff47,0 14px 28px -20px #000000f2;backdrop-filter:none;-webkit-backdrop-filter:none}.tn-fullscreen-console .tn-read-header-title,.tn-fullscreen-console .tn-header-title,.tn-fullscreen-console .tn-header-title-editable{color:#e8eef6}.tn-fullscreen-console .tn-header-title-editable:hover{background:#60c4ff1f}.tn-fullscreen-console .tn-title-edit-icon{color:#5c6f82}.tn-fullscreen-console .tn-header-title-editable:hover .tn-title-edit-icon{color:#8fd3ff}.tn-fullscreen-console .tn-title-placeholder{color:#5c6f82}.tn-fullscreen.tn-fullscreen-console .tn-back-btn{background:#60c4ff1a;color:#8fd3ff}.tn-fullscreen.tn-fullscreen-console .tn-back-btn:hover{background:#60c4ff33;color:#a8dcff}.tn-fullscreen-console .tn-btn-read-action{border-color:#46586c;background:#60c4ff14;color:#cadbea}.tn-fullscreen-console .tn-btn-read-action:hover:not(:disabled){border-color:#60c4ff99;background:#60c4ff29;color:#a8dcff}.tn-fullscreen-console .tn-btn-read-danger:hover:not(:disabled){border-color:#dc354599;background:#dc35452e;color:#ff9aa5}.tn-fullscreen-console .tn-title-input,.tn-fullscreen-console .tn-panel-field input,.tn-fullscreen-console .tn-panel-field select.tn-panel-select{border-color:#46586c;background:#131a23;color:#cadbea}.tn-fullscreen-console .tn-title-input:focus,.tn-fullscreen-console .tn-panel-field input:focus,.tn-fullscreen-console .tn-panel-field select.tn-panel-select:focus{border-color:#60c4ff99;box-shadow:0 0 0 3px #60c4ff1f}.tn-fullscreen-console .tn-panel-field input:disabled{background:#18202a;color:#5c6f82}.tn-fullscreen-console .tn-reader:before,.tn-fullscreen-console .tn-editor-content:before{background:linear-gradient(90deg,#60c4fff2,#60c4ff38)}.tn-fullscreen-console .tn-reader,.tn-fullscreen-console .tn-editor-content{box-shadow:0 2px 6px #0000004d,0 26px 48px -24px #00000080}.tn-fullscreen-console .tn-toolbar{background:#1c2530;border-bottom-color:#35434f;box-shadow:0 14px 26px -20px #000000f2;backdrop-filter:none;-webkit-backdrop-filter:none}.tn-fullscreen-console .tn-toolbar button{color:#9fb3c8}.tn-fullscreen-console .tn-toolbar button:hover{background:#60c4ff24;color:#a8dcff}.tn-fullscreen-console .tn-toolbar-sep{background:#35434f}.tn-fullscreen-console .tn-doc-panel{background:#131a23;border-left-color:#35434f;border-top-color:#35434f;box-shadow:-16px 0 32px -24px #000000f2;backdrop-filter:none;-webkit-backdrop-filter:none}.tn-fullscreen-console .tn-panel-heading{color:#8fd3ff;border-bottom-color:#ffffff14;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.tn-fullscreen-console .tn-panel-section,.tn-fullscreen-console .tn-panel-field{border-bottom-color:#ffffff0f}.tn-fullscreen-console .tn-panel-section label,.tn-fullscreen-console .tn-panel-field label{color:#7b8ea3}.tn-fullscreen-console .tn-panel-value{color:#c7d4e2}.tn-fullscreen-console .tn-panel-title-value{color:#e8eef6}.tn-fullscreen-console .tn-panel-muted{color:#6f8296}.tn-fullscreen-console .tn-panel-date,.tn-fullscreen-console .tn-panel-field>span,.tn-fullscreen-console .char-count{color:#6f8296}.tn-fullscreen-console .tn-panel-category{background:#60c4ff1f;border-color:#60c4ff4d;color:#8fd3ff}.tn-fullscreen-console .tn-panel-move-btn{border-color:#60c4ff73;background:#60c4ff14;color:#8fd3ff}.tn-fullscreen-console .tn-panel-move-btn:hover{background:#60c4ff2e}.project-filter-config{width:100%}.project-filter-config-header{text-align:center;margin-bottom:1.25rem}.project-filter-config-header h2{font-size:1.2rem;font-weight:700;color:#2d3748;margin:0 0 .3rem}.project-filter-config-header p{color:#718096;font-size:.85rem;margin:0}.project-filter-config-grid{display:grid;gap:1rem}.project-filter-config-card{display:flex;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.1rem;box-shadow:0 1px 3px #0000000a}.project-filter-config-icon{width:44px;height:44px;border-radius:10px;background:#f7f5f0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.project-filter-config-body{flex:1;min-width:0}.project-filter-config-body label{display:block;color:#2d3748;font-weight:700;font-size:.9rem;margin-bottom:.25rem}.project-filter-config-body p{color:#718096;font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.project-filter-config-row{display:flex;gap:.5rem;align-items:center}.project-filter-config-row input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem}.project-filter-config-row input:focus{outline:none;border-color:var(--project-accent, #667eea);box-shadow:0 0 0 2px #667eea24}.project-filter-config-save{padding:.5rem .85rem;border:1px solid var(--project-accent, #667eea);border-radius:6px;background:var(--project-accent, #667eea);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}.project-filter-config-save:disabled{opacity:.45;cursor:not-allowed}.project-config-status{font-size:.78rem;font-weight:700;white-space:nowrap}.project-config-status.saving{color:#718096}.project-config-status.saved{color:#2f855a}.project-config-status.error{color:#c53030}@media(max-width:640px){.project-filter-config-card{flex-direction:column}.project-filter-config-row{align-items:stretch;flex-direction:column}}.uc-container{height:100vh;background:#f0f2f5;display:flex;flex-direction:column;overflow:hidden}.uc-tabs{display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 1rem;overflow-x:auto;flex-shrink:0}.uc-project-name{font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:.35rem .85rem;border-radius:6px;margin-right:.75rem;white-space:nowrap;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 2px 6px #667eea59}.uc-tab{padding:.65rem 1.1rem;border:none;background:none;cursor:pointer;font-size:.85rem;color:#718096;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.uc-tab:hover{color:#4a5568}.uc-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.uc-main{flex:1;padding:1rem;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;overflow-y:auto}.uc-section h2{margin:0 0 1rem;font-size:1.15rem;color:#2d3748}.uc-notes-board{background:#f7f5f0;border-radius:10px;padding:1rem;border:1px solid #e2dfd8;box-shadow:0 1px 3px #0000000f;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,177,66,.03) 0%,transparent 50%)}.uc-notes-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2dfd8;flex-wrap:wrap}.uc-notes-board h2{font-size:1rem;font-weight:700;color:#2d3748;margin:0}.uc-notes-actions{display:flex;gap:.5rem;align-items:center}.uc-notes-add-btn{padding:5px 12px;border:none;background:#667eea;color:#fff;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.uc-notes-add-btn:hover{background:#5a6fd6}.uc-notes-template-wrapper{position:relative}.uc-notes-template-btn{padding:5px 12px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-size:.78rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.uc-notes-template-btn:hover{background:#f7fafc;border-color:#cbd5e0}.uc-notes-template-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:50;min-width:200px;padding:4px;animation:fadeIn .15s ease-out}.uc-notes-template-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#4a5568;font-size:.82rem;font-weight:500;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s}.uc-notes-template-item:hover{background:#ebf4ff;color:#667eea}.uc-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.uc-sub-tabs{display:flex;gap:4px}.uc-sub-tab{padding:.4rem .9rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.82rem;color:#4a5568;transition:all .15s}.uc-sub-tab.active{background:#667eea;color:#fff;border-color:#667eea}.uc-sub-tab:hover:not(.active){border-color:#667eea}.uc-data-actions{display:flex;gap:8px}.uc-filter-row{margin-bottom:.6rem}.uc-filter-row select{padding:.35rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem}.uc-form-row{display:flex;gap:8px;margin-bottom:.75rem;flex-wrap:wrap}.uc-form-row input,.uc-form-row select{padding:.4rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;flex:1;min-width:80px}.uc-form-col{margin-bottom:.75rem}.uc-form-col textarea{width:100%;padding:.4rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;resize:vertical;box-sizing:border-box;margin-bottom:.5rem}.uc-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.uc-table th{background:#f7fafc;text-align:center;padding:.5rem .6rem;color:#4a5568;font-weight:600;border-bottom:1px solid #e2e8f0}.uc-table td{padding:.45rem .6rem;border-bottom:1px solid #f0f0f0;color:#2d3748}.uc-table tr:last-child td{border-bottom:none}.uc-table tr:hover td{background:#f7fafc}.uc-table tr{cursor:pointer}.uc-table tr.uc-row-selected td{background:#ebf4ff}.uc-words-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.uc-modal{background:#fff;border-radius:10px;width:90%;max-width:480px;box-shadow:0 8px 30px #00000026;animation:uc-modal-in .2s ease}@keyframes uc-modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.uc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #e2e8f0}.uc-modal-header h3{margin:0;font-size:.95rem;color:#2d3748}.uc-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:#a0aec0;padding:0 4px;line-height:1}.uc-modal-close:hover{color:#e53e3e}.uc-modal-body{padding:1rem;display:flex;flex-direction:column;gap:10px}.uc-modal-body input,.uc-modal-body select,.uc-modal-body textarea{padding:.45rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;width:100%;box-sizing:border-box}.uc-modal-body textarea{resize:vertical;min-height:100px}.uc-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:.7rem 1rem;border-top:1px solid #e2e8f0}.uc-modal-wide{max-width:560px}.uc-modal-header-actions{display:flex;align-items:center;gap:8px}.uc-btn-sm-toggle{padding:.25rem .6rem;border:1px solid #e2e8f0;border-radius:5px;background:#fff;cursor:pointer;font-size:.75rem;transition:all .15s}.uc-btn-sm-toggle:hover{border-color:#667eea;color:#667eea}.uc-btn-sm-toggle.active{background:#667eea;color:#fff;border-color:#667eea}.uc-bulk-hint{margin:0;font-size:.75rem;color:#718096;line-height:1.5}.uc-bulk-hint code{background:#edf2f7;padding:.1rem .35rem;border-radius:3px;font-size:.73rem}.uc-bulk-count{margin:0;font-size:.78rem;color:#667eea;font-weight:600}.uc-btn{padding:.4rem .8rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.82rem;transition:all .15s}.uc-btn:hover{border-color:#a0aec0}.uc-btn-primary{background:#667eea;color:#fff;border-color:#667eea}.uc-btn-primary:hover{background:#5a6fd6}.uc-btn-seed{background:#f6e05e;border-color:#ecc94b;color:#744210}.uc-btn-seed:hover{background:#ecc94b}.uc-btn-export{background:#bee3f8;border-color:#90cdf4;color:#2a4365}.uc-btn-export:hover{background:#90cdf4}.uc-btn-seed-fake{background:#e9d8fd;border-color:#d6bcfa;color:#553c9a}.uc-btn-seed-fake:hover{background:#d6bcfa}.uc-btn-sm{padding:.2rem .5rem;border:none;background:none;cursor:pointer;font-size:.85rem}.uc-btn-danger{color:#e53e3e}.uc-pagination{display:flex;gap:4px;justify-content:center;margin-top:.75rem}.uc-pagination button{padding:.3rem .6rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.78rem}.uc-pagination button.active{background:#667eea;color:#fff;border-color:#667eea}.uc-pagination button:disabled{opacity:.4;cursor:default}.uc-date-filter{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.uc-date-filter label{font-size:.82rem;color:#4a5568;display:flex;align-items:center;gap:6px}.uc-date-filter input[type=date]{padding:.3rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem}.uc-stat{font-size:.82rem;color:#718096;margin-bottom:.5rem}.uc-revenue-summary{display:flex;gap:1rem;margin-bottom:1rem}.uc-revenue-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.5rem;text-align:center;flex:1}.uc-revenue-label{display:block;font-size:.78rem;color:#718096;margin-bottom:.25rem}.uc-revenue-value{font-size:1.4rem;font-weight:700;color:#2d3748}.uc-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.uc-chart{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.uc-chart h3{margin:0 0 .5rem;font-size:.95rem;color:#2d3748}.uc-chart-summary{font-size:.75rem;color:#718096;margin:0 0 .5rem}.uc-chart-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.uc-legend-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#4a5568}.uc-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.uc-chart-month-filter{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.uc-chart-bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:10px}.uc-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.uc-bar-value{font-size:.65rem;color:#4a5568;margin-bottom:4px;white-space:nowrap}.uc-bar-track{width:100%;max-width:32px;height:140px;background:#edf2f7;border-radius:4px 4px 0 0;position:relative;overflow:hidden;display:flex;align-items:flex-end}.uc-bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .3s}.uc-bar-label{font-size:.65rem;color:#718096;margin-top:4px}.uc-group-pair{display:flex;align-items:flex-end;gap:6px}.uc-group-bar-wrap{display:flex;flex-direction:column;align-items:center;width:26px}.uc-group-track{width:100%;max-width:26px}.uc-chart-bars .uc-bar-label{max-width:96px;white-space:normal;text-align:center;line-height:1.15}.uc-config-stack{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.uc-config-panel{max-width:700px;margin:0 auto}.uc-config-header{text-align:center;margin-bottom:1.5rem}.uc-config-header h2{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0 0 .35rem}.uc-config-subtitle{font-size:.85rem;color:#a0aec0;margin:0}.uc-config-grid{display:flex;flex-direction:column;gap:1rem}.uc-config-card{display:flex;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s}.uc-config-card:hover{box-shadow:0 2px 8px #00000014}.uc-config-card-icon{font-size:1.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f7f5f0;border-radius:10px;flex-shrink:0}.uc-config-card-body{flex:1;min-width:0}.uc-config-card-body label{display:block;font-weight:700;font-size:.9rem;color:#2d3748;margin-bottom:.25rem}.uc-config-desc{font-size:.8rem;color:#718096;margin:0 0 .75rem;line-height:1.4}.uc-config-desc code{background:#edf2f7;padding:1px 5px;border-radius:3px;font-size:.78rem;color:#667eea}.uc-config-input-row{display:flex;gap:8px}.uc-config-input-row input{flex:1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;transition:border-color .2s}.uc-config-input-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.uc-api-config{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;margin-bottom:1rem}.uc-api-config-row{display:flex;align-items:center;gap:8px;margin-bottom:.5rem;text-align:left}.uc-api-config-row:last-child{margin-bottom:0}.uc-api-config-row label{font-weight:600;font-size:.82rem;color:#4a5568;min-width:70px;flex-shrink:0}.uc-api-header-name{background:#edf2f7;padding:.25rem .5rem;border-radius:4px;font-size:.82rem;font-weight:600;color:#e53e3e;white-space:nowrap}.uc-api-key-input{flex:1;padding:.4rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem}.uc-api-base-url{background:#edf2f7;padding:.25rem .5rem;border-radius:4px;font-size:.82rem;color:#2d3748;word-break:break-all}.uc-api-tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.uc-btn-copy{padding:.2rem .4rem;font-size:.78rem;flex-shrink:0;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer}.uc-btn-copy:hover{background:#edf2f7}.uc-api-tests{display:flex;flex-direction:column;gap:.75rem}.uc-api-test-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;text-align:left}.uc-api-test-header{display:flex;align-items:center;gap:8px}.uc-api-desc{margin:.3rem 0 .1rem;font-size:.75rem;color:#718096;line-height:1.4}.uc-method-badge{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;flex-shrink:0}.uc-method-get{background:#c6f6d5;color:#22543d}.uc-method-post{background:#feebc8;color:#744210}.uc-method-put{background:#bee3f8;color:#2a4365}.uc-method-delete{background:#fed7d7;color:#742a2a}.uc-api-full-url{flex:1;font-family:monospace;font-size:.78rem;color:#2d3748;background:#f7fafc;padding:.25rem .5rem;border-radius:4px;word-break:break-all;text-align:left}.uc-api-payload{width:100%;margin-top:.5rem;padding:.4rem .6rem;border:1px solid #e2e8f0;border-radius:6px;font-family:monospace;font-size:.78rem;resize:vertical;box-sizing:border-box}.uc-api-params{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.uc-api-param-row{display:flex;align-items:center;gap:.5rem}.uc-api-param-label{font-family:monospace;font-size:.78rem;color:#975a16;white-space:nowrap;min-width:5rem}.uc-api-param-input{flex:1;padding:.3rem .5rem;border:1px solid #d69e2e;border-radius:4px;font-family:monospace;font-size:.78rem;background:#fffbeb;box-sizing:border-box;outline:none}.uc-api-param-input:focus{border-color:#b7791f;background:#fefcbf}.uc-api-query-params{margin-top:.25rem}.uc-api-query-label{color:#2b6cb0}.uc-api-query-input{background:#ebf8ff;border-color:#63b3ed}.uc-api-query-input:focus{border-color:#3182ce;background:#bee3f8}.uc-api-date-utc-hint{font-size:.72rem;color:#2b6cb0;white-space:nowrap;opacity:.8;font-family:monospace}.uc-api-result{margin-top:.5rem;border-radius:6px;padding:.5rem .6rem;font-size:.78rem;text-align:left}.uc-api-result.success{background:#f0fff4;border:1px solid #c6f6d5}.uc-api-result.error{background:#fff5f5;border:1px solid #fed7d7}.uc-api-result-meta{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.3rem;font-size:.75rem;color:#4a5568}.uc-api-result pre{margin:0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow:auto;font-size:.75rem;color:#2d3748}.uc-api-notice{margin:.75rem 0;padding:.55rem .9rem;border-radius:6px;font-size:.83rem;line-height:1.5}.uc-api-notice--info{background:#ebf4ff;border-left:3px solid #4299e1;color:#2b6cb0}.uc-api-notice--ok{background:#f0fff4;border-left:3px solid #48bb78;color:#276749}.uc-api-notice code{background:#00000014;padding:.1rem .35rem;border-radius:3px;font-size:.8rem}.uc-small{font-size:.78rem;color:#718096;margin-bottom:.5rem}.uc-small code{background:#edf2f7;padding:.15rem .4rem;border-radius:4px;font-size:.75rem}.uc-empty{color:#a0aec0;font-size:.85rem;text-align:center;padding:2rem 0}.uc-filter-blocks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.6rem}.uc-filter-block{display:inline-flex;align-items:center;gap:4px;padding:.3rem .7rem;border:1px solid #e2e8f0;border-radius:16px;background:#fff;cursor:pointer;font-size:.78rem;color:#4a5568;transition:all .15s}.uc-filter-block:hover{border-color:#667eea;color:#667eea}.uc-filter-block.active{background:#667eea;color:#fff;border-color:#667eea}.uc-filter-count{background:#0000001a;padding:0 5px;border-radius:10px;font-size:.72rem;font-weight:600;min-width:18px;text-align:center}.uc-filter-block.active .uc-filter-count{background:#ffffff40}.uc-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.uc-th-sort:hover{color:#667eea}@media(max-width:768px){.uc-charts-grid{grid-template-columns:1fr}.uc-revenue-summary,.uc-login-summary{flex-direction:column}.uc-notes-grid{grid-template-columns:1fr}}.uc-active-panel{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.uc-active-panel h3{margin:0 0 .25rem;font-size:.9rem;color:#276749}.uc-active-note{margin:0 0 .5rem;font-size:.72rem;color:#718096;font-style:italic}.uc-active-list{display:flex;flex-wrap:wrap;gap:.5rem}.uc-active-badge{display:inline-block;background:#c6f6d5;color:#276749;padding:.25rem .6rem;border-radius:12px;font-size:.78rem;font-weight:500}.uc-login-summary{display:flex;gap:1rem;margin-bottom:1rem}.uc-housekeep{margin-top:1.5rem;padding:1rem;background:#fffaf0;border:1px solid #feebc8;border-radius:8px}.uc-housekeep h3{margin:0 0 .5rem;font-size:.9rem;color:#7b341e}.uc-housekeep-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.uc-housekeep-row label{font-size:.85rem;color:#4a5568}.uc-housekeep-row input[type=number]{padding:.3rem .4rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.85rem}.uc-housekeep-result{margin-top:.5rem;font-size:.82rem;color:#718096}.uc-housekeep-last{margin:0 0 .5rem;font-size:.82rem;color:#718096}.uc-btn-danger{color:#fff;background:#e53e3e;border:none;padding:.35rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem}.uc-btn-danger:hover{background:#c53030}.uc-btn-danger:disabled{opacity:.5;cursor:not-allowed}.project-generic-container,.project-route-container{height:100vh;background:#f0f2f5;display:flex;flex-direction:column;overflow:hidden}.project-generic-tabs{display:flex;align-items:center;gap:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 1rem;overflow-x:auto;flex-shrink:0}.project-generic-name{font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);padding:.35rem .85rem;border-radius:6px;margin-right:.75rem;white-space:nowrap;box-shadow:0 2px 6px #2563eb40}.project-generic-tab{padding:.65rem 1.1rem;border:none;background:none;cursor:pointer;font-size:.85rem;color:#718096;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.project-generic-tab:hover{color:#4a5568}.project-generic-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.project-generic-main,.project-route-main{flex:1;padding:1rem;width:100%;box-sizing:border-box;overflow-y:auto;text-align:left}.project-empty-state{color:#718096;font-size:.9rem;text-align:center;padding:3rem 1rem}.project-route-card{max-width:560px;margin:5rem auto 0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px #0000000a}.project-route-card h2{margin:0 0 .5rem;color:#2d3748;font-size:1.2rem}.project-route-card p{margin:0 0 1rem;color:#718096}.project-route-card button{padding:.5rem .9rem;border:1px solid #667eea;border-radius:6px;background:#667eea;color:#fff;font-weight:700;cursor:pointer}@media(max-width:640px){.project-generic-main,.project-route-main{padding:.75rem}}.ws-config-container{height:100vh;background:#f0f2f5;display:flex;flex-direction:column;overflow:hidden}.ws-config-page{padding:2rem;max-width:900px;color:#1a202c;overflow-y:auto;flex:1}.ws-config-header{margin-bottom:2rem}.ws-config-header h1{font-size:1.8rem;font-weight:700;margin:0 0 .4rem}.ws-config-subtitle{color:#718096;font-size:.95rem;margin:0}.ws-config-section{margin-bottom:2.5rem}.ws-section-title{font-size:1.1rem;font-weight:600;margin:0 0 .3rem;color:var(--accent, #90caf9)}.ws-section-desc{font-size:.875rem;color:#718096;margin:0 0 1rem}.ws-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.ws-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.2rem;display:flex;gap:1rem;align-items:flex-start}.ws-config-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:.15rem}.ws-config-card-body{flex:1;min-width:0}.ws-config-card-body label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.25rem}.ws-config-desc{font-size:.8rem;color:#718096;margin:0 0 .75rem;line-height:1.5}.ws-config-desc code{background:var(--surface-2, #2a2a2a);padding:.1em .35em;border-radius:3px;font-size:.85em;color:var(--accent-light, #b3d9ff)}.ws-config-input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.ws-config-input-row input{flex:1;min-width:0;padding:.4rem .6rem;background:var(--input-bg, #2a2a2a);border:1px solid var(--border, #444);border-radius:4px;color:var(--text-primary, #e0e0e0);font-size:.875rem}.ws-config-input-row input:focus{outline:none;border-color:var(--accent, #90caf9)}.ws-btn{padding:.4rem .9rem;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;font-weight:500;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.ws-btn:disabled{opacity:.45;cursor:not-allowed}.ws-btn-primary{background:#667eea;color:#fff}.ws-config-info-card{max-width:640px}.ws-btn-primary:not(:disabled):hover{opacity:.85}.ws-status{font-size:.8rem;font-weight:500}.ws-status--saving{color:var(--text-secondary, #9e9e9e)}.ws-status--saved{color:#66bb6a}.ws-status--error{color:#ef5350}.ws-loading,.ws-error{padding:2rem;text-align:center;color:var(--text-secondary, #9e9e9e)}.ws-error p{margin-bottom:1rem;color:#ef5350}.files-page{height:100vh;background:#f0f2f5;overflow:hidden;display:flex;flex-direction:column}.files-layout{display:flex;max-width:1600px;margin:0 auto;padding:20px 24px;gap:0;flex:1;min-height:0;overflow:hidden;width:100%;box-sizing:border-box}.files-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0;padding-bottom:12px;flex-wrap:wrap;flex-shrink:0}.files-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.files-toolbar-right{display:flex;align-items:center;gap:14px}.files-count{font-size:.8rem;color:#888;white-space:nowrap}.files-btn{padding:7px 14px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.82rem;color:#444;transition:all .15s;white-space:nowrap}.files-btn:hover{background:#f5f5f5;border-color:#ccc}.files-btn.active{background:#667eea;color:#fff;border-color:#667eea}.files-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-color:transparent!important}.files-btn-primary:hover{opacity:.9;background:linear-gradient(135deg,#5a6fd6,#6a4192)}.files-btn-danger{background:#dc3545;color:#fff!important;border-color:transparent!important}.files-btn-danger:hover{background:#c82333}.files-btn-sm{padding:4px 10px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.75rem;color:#666;transition:all .15s}.files-btn-sm:hover{background:#f0f0f0}.files-btn-sm.files-btn-danger{background:#dc3545;color:#fff;border-color:transparent}.files-breadcrumb{display:flex;align-items:center;gap:2px;margin-bottom:12px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e8e8e8;flex-wrap:wrap;flex-shrink:0}.breadcrumb-item{background:none;border:none;cursor:pointer;color:#667eea;font-size:.82rem;padding:2px 6px;border-radius:4px;transition:background .15s}.breadcrumb-item:hover{background:#f0f2ff}.breadcrumb-sep{color:#ccc;font-size:.82rem;margin:0 2px}.files-new-folder-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0}.files-input{padding:7px 12px;border:1px solid #ddd;border-radius:8px;font-size:.85rem;outline:none;transition:border-color .15s;min-width:200px}.files-input:focus{border-color:#667eea}.files-logs-panel{background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:12px;flex-shrink:0;max-height:260px;display:flex;flex-direction:column}.files-logs-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border-bottom:1px solid #eee;font-size:.82rem;font-weight:600;color:#555;flex-shrink:0}.files-logs-empty{padding:16px;text-align:center;color:#aaa;font-size:.82rem}.files-logs-list{overflow-y:auto;overflow-x:auto;flex:1}.files-log-item{display:flex;align-items:center;gap:0;padding:7px 14px;border-bottom:1px solid #f5f5f5;font-size:.78rem;white-space:nowrap}.files-log-item-header{background:#fafafa;font-weight:600;color:#888;position:sticky;top:0;z-index:1}.files-log-item:last-child{border-bottom:none}.log-action{font-weight:600;color:#667eea;min-width:110px;text-align:left}.log-splitter{color:#ddd;padding:0 8px;flex-shrink:0}.log-path{flex:1;min-width:120px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.log-detail{color:#888;font-style:italic;min-width:80px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.log-time{color:#aaa;min-width:120px;text-align:left;font-size:.72rem}.files-drop-zone{flex:1;background:#fff;border:2px solid #e8e8e8;border-radius:12px;position:relative;min-height:0;overflow-y:auto}.files-drop-zone.dragging{border-color:#667eea;border-style:dashed;background:#f8f9ff}.files-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#667eea14;z-index:10;border-radius:10px}.files-drop-message{padding:20px 36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:1rem;font-weight:600}.files-loading,.files-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#aaa}.files-empty-icon{font-size:3rem;margin-bottom:12px}.files-empty-hint{font-size:.82rem;color:#bbb}.files-list{display:flex;flex-direction:column}.file-row{display:grid;grid-template-columns:36px 28px 1fr 80px 140px 160px;align-items:center;padding:6px 14px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .1s;min-height:40px}.file-row:hover{background:#f8f9ff}.file-row.selected{background:#eef1ff}.file-row.multi-selected{background:#f0eefc}.file-row-parent{color:#aaa}.file-row-check{display:flex;align-items:center;justify-content:center}.file-row-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#667eea}.file-row-icon{font-size:1.1rem}.file-row-name{font-size:.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;text-align:left}.file-row-folder .file-row-name{font-weight:600;color:#667eea}.file-row-size{font-size:.78rem;color:#999;text-align:right;padding-right:12px}.file-row-date{font-size:.75rem;color:#aaa}.file-row-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s;justify-content:flex-end}.file-row:hover .file-row-actions{opacity:1}.file-action-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:3px 5px;border-radius:4px;transition:background .15s}.file-action-btn:hover{background:#eee}.file-action-btn.danger:hover{background:#fee}.files-resizer{width:5px;cursor:col-resize;background:#e0e0e0;border-radius:3px;transition:background .15s;flex-shrink:0;margin:0 2px}.files-resizer:hover{background:#667eea}.files-preview-panel{flex-shrink:0;background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;background:#fafafa}.preview-title{font-size:.88rem;font-weight:600;color:#333;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:8px}.preview-folder-info{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:8px}.preview-icon-large{font-size:3rem}.preview-file-info{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.preview-content{padding:12px;display:flex;align-items:center;justify-content:center;min-height:180px;border-bottom:1px solid #f0f0f0}.preview-image{max-width:100%;max-height:360px;object-fit:contain;border-radius:6px}.preview-video{max-width:100%;max-height:360px;border-radius:6px}.preview-audio{width:100%}.preview-pdf{width:100%;height:400px;border:none;border-radius:6px}.preview-text{width:100%;max-height:360px;overflow:auto;background:#f8f8f8;padding:12px;border-radius:6px;font-size:.78rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-all}.preview-no-preview{display:flex;flex-direction:column;align-items:center;gap:8px;color:#aaa}.preview-loading{display:flex;align-items:center;justify-content:center;flex:1;color:#aaa}.preview-meta{padding:12px 16px}.meta-row{display:flex;align-items:center;gap:0;padding:5px 0;border-bottom:1px solid #f5f5f5;font-size:.8rem}.meta-row:last-child{border-bottom:none}.meta-label{color:#888;font-weight:500;min-width:70px;flex-shrink:0;text-align:left}.meta-splitter{color:#ddd;padding:0 8px;flex-shrink:0}.meta-value{color:#333;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{padding:12px 16px;border-top:1px solid #f0f0f0}.files-context-menu{position:fixed;z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 16px #0000001f;padding:6px 0;min-width:180px}.files-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;font-size:.82rem;color:#333;text-align:left;transition:background .1s}.files-context-menu button:hover{background:#f5f5ff}.files-context-menu button.danger{color:#dc3545}.files-context-menu button.danger:hover{background:#fff5f5}.files-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.files-modal{background:#fff;border-radius:14px;padding:24px;min-width:360px;max-width:480px;width:90%;box-shadow:0 8px 32px #0000002e}.files-modal h3{margin:0 0 16px;font-size:1rem;color:#333}.files-modal p{color:#555;font-size:.88rem;line-height:1.5;margin:0 0 16px}.files-modal-label{display:block;font-size:.8rem;color:#888;margin-bottom:6px}.files-modal .files-input{width:100%;box-sizing:border-box;margin-bottom:16px}.files-modal-actions{display:flex;gap:8px;justify-content:flex-end}.files-modal-danger h3{color:#dc3545}@media(max-width:900px){.files-layout{flex-direction:column;padding:12px;height:auto;min-height:calc(100vh - 56px)}.files-page{height:auto;overflow:auto}.files-preview-panel{width:100%!important;border-radius:12px;margin-top:12px}.files-resizer{display:none}.file-row{grid-template-columns:32px 24px 1fr 0 0 0;position:relative;min-height:44px}.file-row-size,.file-row-date{display:none}.file-row-actions{position:absolute;right:8px;opacity:1}}@media(max-width:600px){.files-layout{padding:8px}.file-row{grid-template-columns:28px 22px 1fr 0 0 0;padding:8px 10px;min-height:44px}.file-row-name{font-size:.82rem}.files-toolbar{flex-direction:column;align-items:stretch;gap:8px}.files-toolbar-left,.files-toolbar-right{justify-content:flex-start;flex-wrap:wrap}.files-toolbar-left .files-btn{padding:6px 10px;font-size:.75rem}.files-search-input{min-width:120px!important;width:100%!important}.files-breadcrumb{padding:6px 10px}.files-drop-zone{min-height:300px}.preview-meta{padding:10px 12px}.meta-label{min-width:60px;font-size:.75rem}.meta-value{font-size:.75rem}}.file-row-header{background:#fafafa;border-bottom:2px solid #e8e8e8!important;cursor:default;position:sticky;top:0;z-index:2}.file-row-header:hover{background:#fafafa}.file-header-label{font-size:.75rem!important;font-weight:600;color:#888!important;text-transform:uppercase;letter-spacing:.3px}.file-header-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.file-header-sortable:hover{color:#667eea!important}.files-dupe-list{margin:8px 0 16px;padding-left:20px;font-size:.85rem;color:#555;max-height:160px;overflow-y:auto}.files-dupe-list li{padding:2px 0}.files-search-box{position:relative;display:flex;align-items:center}.files-search-input{min-width:160px!important;width:180px;padding-right:28px!important;font-size:.82rem!important}.files-search-clear{position:absolute;right:6px;background:none;border:none;cursor:pointer;color:#aaa;font-size:.78rem;padding:2px 4px;border-radius:3px}.files-search-clear:hover{color:#666;background:#f0f0f0}.search-result-path{color:#333;font-size:.83rem}.search-result-path:before{content:""}.files-upload-progress{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:10px 14px;margin-bottom:12px;flex-shrink:0}.upload-progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:#555;margin-bottom:6px}.upload-progress-bar{height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:width .2s ease}.upload-progress-size{font-size:.72rem;color:#aaa;margin-top:4px;text-align:right}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;padding-top:15vh;animation:cmdFadeIn .15s ease-out}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.command-palette{width:520px;max-width:90vw;background:#fff;border-radius:12px;box-shadow:0 24px 64px #00000040;overflow:hidden;max-height:520px;display:flex;flex-direction:column;animation:cmdSlideIn .15s ease-out}@keyframes cmdSlideIn{0%{transform:translateY(-10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.command-palette-input-wrapper{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e2e8f0;gap:10px}.command-palette-icon{font-size:1.1rem;color:#667eea;flex-shrink:0}.command-palette-input{flex:1;border:none;outline:none;font-size:1rem;color:#2d3748;background:transparent}.command-palette-input::placeholder{color:#a0aec0}.command-palette-kbd{font-size:.65rem;color:#a0aec0;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:monospace;flex-shrink:0}.command-palette-results{overflow-y:auto;flex:1;padding:6px}.command-palette-group{margin-bottom:4px}.command-palette-group-label{font-size:.65rem;font-weight:700;color:#a0aec0;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px 4px}.command-palette-group-label.recent{color:#667eea}.command-palette-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s;border:none;background:none;width:100%;text-align:left;font-size:.88rem;color:#2d3748}.command-palette-item:hover,.command-palette-item.active{background:#ebf4ff}.command-palette-item.active{box-shadow:inset 0 0 0 2px #667eea}.command-palette-item-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:6px;flex-shrink:0}.command-palette-item-text{flex:1;display:flex;flex-direction:column}.command-palette-item-name{font-weight:600;color:#2d3748}.command-palette-item-desc{font-size:.72rem;color:#a0aec0}.command-palette-item-shortcut{font-size:.65rem;color:#a0aec0;font-family:monospace;background:#f7fafc;border:1px solid #e2e8f0;padding:1px 5px;border-radius:3px}.command-palette-empty{padding:2rem;text-align:center;color:#a0aec0;font-size:.85rem}.command-palette-footer{display:flex;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid #e2e8f0;background:#f7fafc;font-size:.65rem;color:#a0aec0}.command-palette-footer kbd{font-family:monospace;background:#fff;border:1px solid #e2e8f0;border-radius:3px;padding:1px 4px;font-size:.65rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.char-count{display:block;text-align:right;font-size:11px;color:#aaa;margin-top:2px;-webkit-user-select:none;user-select:none;line-height:1}.char-count.near-limit{color:#e67e22}.char-count.at-limit{color:#dc3545;font-weight:600}.maintenance-banner{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:#7c2d12;color:#fed7aa;font-size:.82rem;text-align:center;border-bottom:1px solid #9a3412}.maintenance-banner strong{color:#ffedd5}