body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f2f5;color:#2d3748}.app-header{background:#fff;border-bottom:1px solid #00000008;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:#2d3748;padding:.5rem 0;position:sticky;top:0;z-index:100}.header-content{gap:.75rem;margin:0 auto;max-width:1400px;padding:0 2rem}.header-content,.header-nav{align-items:center;display:flex}.header-nav{background:#f7fafc;border-radius:12px;gap:.5rem;padding:4px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#fff;box-shadow:0 2px 4px #00000005;color:#4a5568}.nav-item.active{background:#fff;box-shadow:0 2px 5px #0000000d;color:#667eea}.nav-icon{font-size:1.1rem}.bookmarks-main,.calendar-main,.dashboard-main,.notes-main,.words-main{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.bookmark-item,.flashcard-header,.note-item,.recent-notes-section,.upcoming-events-section,.words-list-container{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.bookmark-item:hover,.note-item:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);transform:translateY(-2px)}@media (max-width:1024px){.app-header{padding:0}.header-content{flex-wrap:wrap;gap:0;padding:0 8px}.header-nav{background:#f7fafc;border-radius:0;border-top:1px solid #0000000a;flex:1 1;gap:2px;justify-content:flex-start;order:1;overflow:visible;padding:4px 6px}.nav-text{display:none}.nav-item{border-radius:6px;flex-shrink:0;padding:6px 10px}.nav-icon{font-size:1rem}.header-avatar-wrapper{align-items:center;background:#f7fafc;border-top:1px solid #0000000a;display:flex;order:2;padding:4px 6px}}.loading-spinner{font-weight:600}.sidebar-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:10px 16px;transition:all .2s ease;width:100%}.sidebar-add-btn:hover{box-shadow:0 4px 8px #667eea4d;opacity:.9;transform:translateY(-1px)}.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{background:#fff;border:1px solid #667eea;border-radius:8px;box-sizing:border-box;color:#667eea;cursor:pointer;font-size:.8rem;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-template-btn:hover{background:#f0edff}.template-dropdown{border:1px solid #e0e0e0;border-radius:10px;padding:6px;z-index:200}.template-item{background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:block;font-size:.82rem;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.template-item:hover{background:#f3f0ff}@media (max-width:768px){.sidebar-add-btn{flex-shrink:0;font-size:.75rem;margin-bottom:0;padding:8px 14px;white-space:nowrap;width:auto}.sidebar-btn-group{flex-direction:row;flex-shrink:0;gap:6px;margin-bottom:0}.sidebar-template-btn{font-size:.72rem;padding:8px 10px;width:auto}}.home-container{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.home-container:before{background:linear-gradient(135deg,#667eea14,#764ba20f);height:400px;right:-120px;top:-120px;width:400px}.home-container:after,.home-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.home-container:after{background:linear-gradient(135deg,#667eea0d,#764ba20a);bottom:-80px;height:300px;left:-80px;width:300px}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f;max-width:400px;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}.app-logo{margin-bottom:.75rem}.logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 12px #667eea40;display:flex;font-size:1.6rem;height:56px;justify-content:center;line-height:1;margin:0 auto;width:56px}.app-name{color:#1a202c;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .25rem}.app-tagline{color:#a0aec0;font-size:.82rem;font-weight:400;margin:0 0 2rem}.sso-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:10px;justify-content:center;padding:11px 20px;transition:all .2s;width:100%}.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}.button-group{display:flex;flex-direction:column;gap:10px}.dashboard-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea40;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:11px 20px;transition:all .2s;width:100%}.dashboard-button:hover{box-shadow:0 4px 14px #667eea59;transform:translateY(-1px)}.logout-button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#718096;cursor:pointer;font-size:.82rem;font-weight:500;padding:9px 20px;transition:all .2s;width:100%}.logout-button:hover{background:#f7fafc;border-color:#cbd5e1;color:#4a5568}.login-footer{border-top:1px solid #f0f2f5;margin-top:2rem;padding-top:1.25rem}.login-footer p{color:#cbd5e0;font-size:.72rem;line-height:1.5;margin:0}@media (max-width:480px){.home-container{padding:1rem}.login-card{border-radius:12px;padding:2rem 1.5rem}.app-name{font-size:1.25rem}}.header-avatar-wrapper{flex-shrink:0;position:relative}.avatar-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:34px;justify-content:center;transition:all .2s;width:34px}.avatar-btn:hover{box-shadow:0 0 0 3px #667eea40}.avatar-menu{animation:navDropIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001f;min-width:220px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:400}.avatar-menu-profile{align-items:center;display:flex;gap:10px;padding:10px 12px}.avatar-menu-initial{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.avatar-menu-info{display:flex;flex-direction:column;min-width:0}.avatar-menu-name{color:#2d3748;font-size:.85rem;font-weight:600}.avatar-menu-email,.avatar-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-menu-email{color:#a0aec0;font-size:.72rem}.avatar-menu-divider{background:#e2e8f0;height:1px;margin:4px 8px}.avatar-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:8px;padding:8px 12px;text-align:left;transition:all .15s;width:100%}.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{animation:navDropIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;min-width:160px;padding:4px;position:absolute;top:calc(100% + 4px);z-index:300}@keyframes navDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 12px;text-align:left;transition:all .15s;white-space:nowrap;width:100%}.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 1;max-width:340px;min-width:0;position:relative}.header-search .search-input-wrapper{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:32px;padding:0 12px;position:relative;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{color:#a0aec0;font-size:13px;pointer-events:none}.header-search .search-input{background:#0000;border:none;color:#2d3748;font-size:.8rem;height:100%;padding:0 8px;width:100%}.header-search .search-input::placeholder{color:#a0aec0;font-size:.8rem}.header-search .search-input:focus{outline:none}.header-search .search-clear{align-items:center;background:#edf2f7;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:13px;height:18px;justify-content:center;position:absolute;right:10px;transition:all .2s;width:18px}.header-search .search-clear:hover{background:#cbd5e0;color:#4a5568}.header-search .search-results-grid{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:260px;max-width:90vw;min-width:420px;overflow-y:auto;padding:8px;position:absolute;right:0;scrollbar-width:none;top:100%;width:max-content;z-index:200}.header-search .search-results-grid::-webkit-scrollbar{display:none}.header-search .search-result-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;overflow:hidden;transition:all .2s}.header-search .search-result-box:hover{background:#ebf4ff;border-color:#667eea}.header-search .search-result-link{align-items:center;border-radius:4px;display:flex;gap:5px;outline:none;padding:5px 10px;text-decoration: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{color:#718096;font-size:.75rem}.header-search .path-segment.category{color:#4a5568;font-weight:600}.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-size:.7rem;font-weight:700}.header-search .no-search-results{color:#a0aec0;font-size:.8rem;font-style:italic;padding:8px 12px}.search-overlay-backdrop{display:none}@media (max-width:1024px){.header-search{box-sizing:border-box;max-width:100%;order:3;padding:4px 14px 6px;width:100%}.nav-group-toggle .nav-text{display:none}.nav-dropdown{left:auto;right:0}.avatar-menu{right:-8px}.search-overlay-backdrop{background:#0000004d;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:199}.header-search .search-results-grid{-webkit-overflow-scrolling:touch;border-radius:12px;flex-direction:column;flex-wrap:nowrap;gap:6px;left:8px;margin-top:4px;max-height:60vh;max-width:none;min-width:0;overflow-y:auto;padding:10px;position:fixed;right:8px;scrollbar-width:none;top:auto;width:auto;z-index:200}.header-search .search-result-box{flex-shrink:0;width:100%}.header-search .search-result-link{flex-wrap:wrap;font-size:.85rem;padding:10px 14px;white-space:normal}.header-search .path-segment{font-size:.82rem}.header-search .no-search-results{font-size:.9rem;padding:16px;text-align:center}}@media (max-width:768px){.header-search .search-input-wrapper{height:28px}.header-search .search-input{font-size:.75rem}}.rich-text-editor{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden}.rte-toolbar{background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:4px;padding:8px}.rte-btn,.rte-toolbar{align-items:center;display:flex}.rte-btn{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.rte-btn:hover{background:#e9ecef;border-color:#999}.rte-btn:active{background:#dee2e6}.rte-select{background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;height:32px;padding:6px 8px;transition:all .2s}.rte-select:hover{background:#e9ecef;border-color:#999}.rte-select:focus{border-color:#007bff;outline:none}.rte-color-group{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:flex;height:32px;padding:4px 8px;position:relative;transition:all .2s}.rte-color-group:hover{background:#e9ecef;border-color:#999}.rte-color-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.rte-color-label{border-radius:2px;font-size:14px;font-weight:700;padding:2px 4px;pointer-events:none}.rte-separator{background:#ddd;height:24px;margin:0 4px;width:1px}.rte-content{color:#333;font-size:14px;line-height:1.6;max-height:400px;min-height:200px;outline:none;overflow-y:auto;padding:12px;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{color:#999;content:attr(data-placeholder);font-style:italic}.rte-content p{margin:0 0 8px}.rte-content ol,.rte-content ul{margin:8px 0;padding-left:24px}.rte-content li{margin:4px 0}.rte-content h1{font-size:1.5em}.rte-content h1,.rte-content h2{font-weight:600;margin:12px 0 8px}.rte-content h2{font-size:1.3em}.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{background:#f0f2f5;color:#333;display:flex;flex-direction:column;min-height:100vh}.error-banner{background:#fff5f5;border-bottom:1px solid #fed7d7;color:#c53030;padding:1rem;text-align:center}.dashboard-main{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:280px 1fr;grid-template-rows:auto auto;margin:0;max-width:100%;min-height:0;padding:1rem}.dashboard-widgets-row{grid-gap:1rem;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.upcoming-events-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.upcoming-events-section h2{color:#2d3748;font-size:1rem;font-weight:700;margin:0}.events-grouped-container{display:flex;flex-direction:column;gap:.75rem}.event-day-group{display:flex;flex-direction:column;gap:.5rem}.event-day-header{gap:10px}.date-badge,.event-day-header{align-items:center;display:flex}.date-badge{background:#f7fafc;border:1px solid #edf2f7;border-radius:6px;gap:6px;padding:4px 10px}.date-day{color:#2d3748;font-size:1.25rem;font-weight:800;line-height:1}.date-meta{color:#718096;display:flex;flex-direction:column;font-size:.6rem;font-weight:700;line-height:1.2;text-transform:uppercase}.day-connector-line{background:#e2e8f0;flex-grow:1;height:1px}.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;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem;transition:all .2s}.event-mini-card:hover{box-shadow:0 2px 4px #00000014;transform:translateX(2px)}.event-mini-header{align-items:center;display:flex;justify-content:space-between}.event-mini-header h4{color:#2d3748;font-size:.9rem;font-weight:700;margin:0}.event-mini-time{background:#f7fafc;border-radius:3px;color:#718096;font-family:monospace;font-size:.7rem;padding:1px 5px;white-space:nowrap}.event-mini-desc{color:#718096;font-size:.8rem;line-height:1.4;text-align:left;white-space:pre-wrap}.event-mini-type{align-self:flex-start;font-size:.65rem;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.pagination-small{align-items:center;display:flex;gap:4px}.page-btn-small{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;height:22px;padding:0;width:22px}.page-btn-small:disabled{cursor:default;opacity:.4}.page-info-small{color:#718096;font-size:.7rem}.no-items{color:#a0aec0;font-size:.85rem;padding:1rem 0;text-align:center}.mini-cal-wrapper{border-bottom:1px solid #f1f5f9;margin-bottom:.75rem;padding-bottom:.75rem}.mini-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.mini-cal-month-label{color:#2d3748;font-size:.78rem;font-weight:700}.mini-cal-nav{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:22px;justify-content:center;padding:0;transition:all .15s;width:22px}.mini-cal-nav:hover{background:#667eea;border-color:#667eea;color:#fff}.mini-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px;text-align:center}.mini-cal-wd{color:#94a3b8;font-size:.6rem;font-weight:700;padding:2px 0;text-transform:uppercase}.mini-cal-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.mini-cal-cell{align-items:center;border-radius:4px;cursor:default;display:flex;flex-direction:column;justify-content:center;min-height:30px;padding:3px 0;position:relative;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{color:#475569;font-size:.7rem;font-weight:500;line-height:1}.mini-cal-cell.today .mini-cal-num{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}.mini-cal-dots{align-items:center;display:flex;gap:2px;height:5px;margin-top:2px}.mini-cal-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.mini-cal-tooltip{background:#1e293b;border-radius:8px;bottom:calc(100% + 6px);box-shadow:0 8px 24px #0003;color:#fff;max-width:220px;min-width:150px;padding:6px 8px;pointer-events:none;z-index:100}.mini-cal-tooltip,.mini-cal-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.mini-cal-tooltip:after{border:5px solid #0000;border-top-color:#1e293b;content:"";top:100%}.mini-cal-tooltip-item{align-items:center;display:flex;font-size:.68rem;gap:6px;padding:3px 0}.mini-cal-tooltip-item:not(:last-child){border-bottom:1px solid #ffffff1a;padding-bottom:4px}.mini-cal-tooltip-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.mini-cal-tooltip-title{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-cal-tooltip-time{color:#94a3b8;font-family:monospace;font-size:.6rem;white-space:nowrap}.recent-notes-section{background:#f7f5f0;background-image:radial-gradient(circle at 20% 80%,#7877c608 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffb14208 0,#0000 50%);border:1px solid #e2dfd8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.recent-notes-section h2{color:#2d3748;font-size:1rem;font-weight:700;margin:0}.dash-notes-header{align-items:center;border-bottom:1px solid #e2dfd8;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.dash-notes-add-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .2s}.dash-notes-add-btn:hover{background:#5a6fd6}.notes-grid{column-count:3;column-gap:14px}.note-card.dash-sticky{border:1px solid;border-radius:2px;box-shadow:2px 3px 8px #0000001a,0 1px 2px #0000000f;break-inside:avoid;cursor:grab;display:inline-block;margin-bottom:14px;min-height:100px;overflow:hidden;page-break-inside:avoid;position:relative;transition:transform .22s ease,box-shadow .22s ease,z-index 0s;width:100%}.note-card.dash-sticky.dash-sticky-dragging{box-shadow:1px 1px 4px #0000000d;cursor:grabbing;opacity:.4;transform:scale(.98)!important}.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{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;filter:grayscale(1) opacity(.5);font-size:.75rem;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .15s,transform .15s;width:24px;z-index:4}.note-card.dash-sticky:hover .dash-pin-dashboard{opacity:1}.dash-pin-dashboard.pinned{filter:none;opacity:1}.dash-pin-dashboard:hover{filter:none;transform:scale(1.2)}.note-card.dash-sticky:before{background:#ffffff8c;border:1px solid #0000000f;border-radius:1px;content:"";height:14px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:50px;z-index:2}.note-card.dash-sticky:after{background:linear-gradient(135deg,#0000 50%,#0000000f 0);border-radius:0 0 2px 0;bottom:0;content:"";height:18px;pointer-events:none;position:absolute;right:0;width:18px}.dash-sticky-pin{background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);border-radius:50%;box-shadow:0 1px 3px #00000040;height:10px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:10px;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{box-shadow:4px 8px 20px #0000002e;transform:scale(1.03) rotate(0deg)!important;z-index:2}.note-card-body{flex:1 1;min-width:0;padding:1.2rem 1rem 1rem;text-align:left}.note-card-header{align-items:center;display:flex;margin-bottom:.5rem;padding-right:24px}.note-category-badge{border-radius:100px;font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.note-timestamp{color:inherit;display:block;font-size:.6rem;margin-top:auto;opacity:.45;padding-top:6px;white-space:nowrap}.note-title{font-size:.95rem;font-weight:700;line-height:1.35;margin:0 0 .4rem}.note-content-html,.note-title{word-wrap:break-word;color:inherit;text-align:left}.note-content-html{font-size:.82rem;line-height:1.5;opacity:.8}.note-content-html *{max-width:100%;text-align:left!important}.note-content-html p{margin:0 0 .4rem}.note-content-html img{height:auto;max-width:100%}.no-notes{font-size:.85rem;padding:2rem 0}.note-preview-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-preview-popup{animation:popIn .25s ease}@keyframes popIn{0%{opacity:0;transform:scale(.92) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.sidebar-column{display:flex;flex-direction:column;gap:1rem}.pomodoro-widget{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.pomodoro-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.pomodoro-header h3{color:#2d3748;font-size:.95rem;font-weight:700;margin:0}.pomodoro-sessions{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#718096;font-size:.7rem;padding:2px 8px}.pomodoro-display{border-radius:8px;margin-bottom:.75rem;padding:1rem 0;text-align:center;transition:background .3s}.pomodoro-display.work{background:linear-gradient(135deg,#fff5f5,#fed7d7)}.pomodoro-display.break{background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.pomodoro-time{color:#2d3748;font-family:Courier New,monospace;font-size:2.5rem;font-weight:800;letter-spacing:2px;line-height:1}.pomodoro-mode-label{color:#718096;font-size:.75rem;font-weight:600;margin-top:.4rem}.pomodoro-controls{display:flex;gap:6px;justify-content:center}.pomo-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .2s}.pomo-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pomo-start{background:#48bb78;border-color:#38a169;color:#fff}.pomo-pause{background:#ed8936;border-color:#dd6b20;color:#fff}.dash-tasks-widget{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.dash-tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dash-tasks-header h3{color:#2d3748;font-size:.92rem;font-weight:700;margin:0}.dash-tasks-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.75rem;font-weight:600;padding:0;transition:color .15s}.dash-tasks-link:hover{color:#5a67d8}.dash-tasks-summary{display:flex;gap:8px;margin-bottom:12px}.dash-tasks-stat{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;flex:1 1;padding:8px 4px;text-align:center}.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{color:#a0aec0;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.dash-tasks-list{display:flex;flex-direction:column;gap:4px}.dash-task-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background .15s}.dash-task-item:hover{background:#f7fafc}.dash-task-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.dash-task-title{color:#4a5568;flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-task-status{flex-shrink:0;font-size:.72rem}.pomo-reset,.pomo-skip{font-size:.85rem}.pomodoro-durations{display:flex;gap:6px;justify-content:center;margin-top:8px}.pomo-dur-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 10px;transition:all .15s}.pomo-dur-btn:hover{border-color:#667eea;color:#667eea}.pomo-dur-btn.active{background:#667eea;border-color:#667eea;color:#fff}.word-of-day-widget{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.wod-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.wod-header h3{color:#2d3748;font-size:.95rem;font-weight:700;margin:0}.wod-refresh{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px;transition:transform .3s}.wod-refresh:hover{transform:rotate(180deg)}.wod-word{color:#667eea;font-size:1.5rem;font-weight:800;padding:.5rem 0;text-align:center;text-transform:capitalize}.wod-meaning{border:1px solid #edf2f7;border-radius:6px;color:#4a5568;font-size:.82rem;line-height:1.5;padding:.5rem;text-align:left;white-space:pre-wrap}.wod-meaning,.wod-reveal-btn{background:#f7fafc;margin-bottom:.5rem}.wod-reveal-btn{border:2px dashed #cbd5e0;border-radius:6px;color:#a0aec0;cursor:pointer;display:block;font-size:.8rem;padding:8px;transition:all .2s;width:100%}.wod-reveal-btn:hover{background:#ebf4ff;border-color:#667eea;color:#667eea}.wod-actions{align-items:center;display:flex;gap:6px;justify-content:center}.wod-learned-btn{background:#f0fff4;border:1px solid #38a169;border-radius:6px;color:#38a169;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .2s}.wod-learned-btn:hover{background:#38a169;color:#fff}.wod-link{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:.9rem;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.wod-link:hover{background:#edf2f7;transform:translateY(-1px)}.dash-logins-widget{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000f;padding:1rem}.dash-logins-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.dash-logins-header h3{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:700;gap:6px;margin:0}.dash-logins-badge{background:#edf2f7;border-radius:8px;color:#718096;font-size:.58rem;font-weight:600;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.dash-logins-count{background:#667eea1a;border-radius:8px;color:#667eea;font-size:.72rem;font-weight:600;padding:2px 8px}.dash-logins-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.dash-login-item{align-items:center;background:#f8fafc;border:1px solid #f0f3f7;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:6px 10px;transition:background .15s}.dash-login-item:hover{background:#edf2f7}.dash-login-info{display:flex;flex-direction:column;min-width:0}.dash-login-email{color:#2d3748;font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-login-ip{color:#a0aec0;font-family:SFMono-Regular,Consolas,monospace;font-size:.65rem}.dash-login-time{color:#718096;flex-shrink:0;font-size:.65rem;white-space:nowrap}.dashboard-footer{background:#fff;border-top:1px solid #e2e8f0;padding:.75rem 1rem;text-align:center}.footer-content{align-items:center;color:#a0aec0;display:flex;font-size:.75rem;gap:8px;justify-content:center}.footer-brand{color:#718096;font-weight:700}.footer-separator{color:#cbd5e0}.footer-version{color:#667eea;font-family:monospace;font-weight:600}.footer-copy{color:#a0aec0}.loading-spinner{align-items:center;color:#667eea;display:flex;font-size:1.25rem;gap:12px;height:100vh;justify-content:center}.loading-spinner:before{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}@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}}.bookmarks-main{grid-gap:1rem;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;grid-template-columns:220px 1fr;margin:0;max-width:100%;min-height:0;padding:1rem}.bookmarks-sidebar{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{margin:0 0 .25rem}.category-nav{display:flex;flex-direction:column;gap:2px}.category-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:all .15s ease}.category-nav-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d;color:#2d3748}.category-nav-item.active{background:#fff;box-shadow:0 2px 6px #667eea1f;color:#667eea;font-weight:600}.category-nav-item .cat-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-nav-item .cat-count{background:#f7fafc;border-radius:10px;color:#a0aec0;flex-shrink:0;font-size:.7rem;font-weight:600;padding:1px 6px}.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{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;height:36px;padding:0 12px;position:relative;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{color:#a0aec0;font-size:14px;pointer-events:none}.bookmarks-search-bar .search-input{background:#0000;border:none;color:#2d3748;font-size:.85rem;height:100%;padding:0 8px;width:100%}.bookmarks-search-bar .search-input::placeholder{color:#a0aec0}.bookmarks-search-bar .search-input:focus{outline:none}.bookmarks-search-bar .search-clear{align-items:center;background:#edf2f7;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:13px;height:20px;justify-content:center;position:absolute;right:10px;transition:all .15s;width:20px}.bookmarks-search-bar .search-clear:hover{background:#667eea;color:#fff}.bookmarks-search-bar .search-results-grid{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a;display:flex;flex-wrap:wrap;gap:6px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:200}.bookmarks-search-bar .search-result-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;transition:all .15s}.bookmarks-search-bar .search-result-box:hover{background:#ebf4ff;border-color:#667eea}.bookmarks-search-bar .search-result-link{align-items:center;display:flex;gap:4px;padding:6px 10px;text-decoration:none}.bookmarks-search-bar .path-segment{color:#718096;font-size:.75rem}.bookmarks-search-bar .path-segment.category{color:#4a5568;font-weight:600}.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-size:.7rem;font-weight:700}.bookmarks-search-bar .no-search-results{color:#a0aec0;font-size:.8rem;font-style:italic;padding:8px 12px}.category-content-header{align-items:center;display:flex;justify-content:space-between}.category-content-header h2{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0}.bookmarks-grid-section{display:flex;flex-direction:column;gap:1rem}.bookmarks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.bookmark-card{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 10px 12px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.bookmark-card:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #667eea1f;transform:translateY(-3px)}.bk-favicon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 3px 10px #0000001a;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.bk-favicon img{border-radius:3px;height:26px;position:relative;width:26px;z-index:2}.bk-fallback{color:#fff;font-size:1.1rem;font-weight:700;position:absolute;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{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:.78rem;font-weight:600;line-height:1.3;word-break:break-word}.bk-domain,.bk-name{max-width:100%;overflow:hidden;text-overflow:ellipsis}.bk-domain{color:#a0aec0;font-size:.6rem;white-space:nowrap}.bookmark-card:hover .bk-name{color:#667eea}.bk-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d3748e0;border-radius:0 0 14px 14px;bottom:0;display:flex;justify-content:space-evenly;left:0;opacity:0;padding:5px 0;position:absolute;right:0;transition:opacity .2s}.bookmark-card:hover .bk-actions{opacity:1}.bk-actions button{background:none;border:none;border-radius:5px;cursor:pointer;font-size:.72rem;line-height:1;padding:3px 8px;transition:background .15s}.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{align-items:center;background:#667eea0a;border:none;border-bottom:1px solid #667eea14;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;padding:.6rem .85rem;text-align:left;transition:background .15s;-webkit-user-select:none;user-select:none;width:100%}.subcategory-group-header:hover{background:#667eea14}.subcategory-chevron{color:#667eea;flex-shrink:0;font-size:.55rem;text-align:center;width:14px}.subcategory-group-name{color:#2d3748;flex:1 1;font-size:.82rem;font-weight:600;min-width:0}.subcategory-group-count{background:#667eea1a;border-radius:10px;color:#667eea;flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 8px}.subcategory-group-add{align-items:center;background:#fff;border:1px solid #667eea40;border-radius:6px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:22px;justify-content:center;transition:all .15s;width:22px}.subcategory-group-add:hover{background:#667eea;border-color:#667eea;box-shadow:0 2px 6px #667eea4d;color:#fff}.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{color:#a0aec0;font-size:.9rem;padding:3rem 1rem;text-align:center}.bookmark-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bookmark-form{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-width:440px;padding:1.5rem;width:90%}.bookmark-form h3{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 1.25rem}.form-group label{color:#4a5568}.form-group input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.85rem;padding:.5rem .75rem;transition:all .15s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{margin-top:1.25rem}@media (max-width:768px){.bookmarks-main{flex:none;gap:.25rem;grid-template-columns:1fr;padding:.5rem}.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{font-size:.72rem;padding:.35rem .65rem;white-space:nowrap}.bookmarks-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.bk-favicon{border-radius:10px;height:36px;width:36px}.bk-favicon img{height:22px;width:22px}.bk-name{font-size:.72rem}.bk-domain{font-size:.56rem}.bookmark-card{padding:12px 8px 10px}}.notes-container{background:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.notes-main{grid-gap:1rem;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;grid-template-columns:220px 1fr;margin:0;max-width:100%;min-height:0;padding:1rem}.notes-sidebar{display:flex;flex-direction:column;gap:.5rem}.notes-sidebar .sidebar-section-title{color:#a0aec0;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin:0 0 .25rem;padding:0 .75rem;text-transform:uppercase}.notes-sidebar .category-nav{display:flex;flex-direction:column;gap:2px}.category-nav-wrapper{position:relative}.notes-sidebar .category-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .15s ease;width:100%}.notes-sidebar .category-nav-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d;color:#2d3748}.notes-sidebar .category-nav-item.active{background:#fff;box-shadow:0 2px 6px #667eea1f;color:#667eea;font-weight:600}.cat-color-dot{border-radius:50%;box-shadow:0 0 0 2px #fffc;cursor:pointer;flex-shrink:0;height:10px;transition:transform .15s;width:10px}.cat-color-dot:hover{transform:scale(1.3)}.notes-sidebar .category-nav-item .cat-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-sidebar .category-nav-item .cat-count{background:#f7fafc;border-radius:10px;color:#a0aec0;flex-shrink:0;font-size:.7rem;font-weight:600;padding:1px 6px}.notes-sidebar .category-nav-item.active .cat-count{background:#ebf4ff;color:#667eea}.color-picker-dropdown{grid-gap:5px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 16px #0000001f;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);left:.75rem;margin-top:4px;max-height:200px;overflow-y:auto;padding:8px;position:absolute;top:100%;z-index:100}.color-picker-swatch{border:2px solid #0000;border-radius:6px;cursor:pointer;height:24px;padding:0;transition:all .15s;width:24px}.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{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.notes-content-header h2{color:#2d3748;font-size:1rem;font-weight:700;margin:0;white-space:nowrap}.notes-board-wrapper{background:#f7f5f0;background-image:radial-gradient(circle at 20% 80%,#7877c608 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffb14208 0,#0000 50%);border:1px solid #e2dfd8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.notes-board{column-count:3;column-gap:14px}.sticky-note{border:1px solid;border-radius:2px;box-shadow:2px 3px 8px #0000001a,0 1px 2px #0000000f;break-inside:avoid;cursor:grab;display:inline-block;flex-direction:column;margin-bottom:14px;min-height:100px;overflow:hidden;padding:0;page-break-inside:avoid;position:relative;transition:transform .22s ease,box-shadow .22s ease,opacity .2s;width:100%}.sticky-note:hover{box-shadow:4px 8px 20px #0000002e;transform:scale(1.03) rotate(0deg)!important;z-index:2}.sticky-note:active{cursor:grabbing}.sticky-pin{background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);border-radius:50%;box-shadow:0 1px 3px #00000040;height:10px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:10px;z-index:3}.sticky-pin-dashboard{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;filter:grayscale(1) opacity(.5);font-size:.75rem;height:24px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .15s,transform .15s;width:24px;z-index:4}.sticky-note:hover .sticky-pin-dashboard{opacity:1}.sticky-pin-dashboard.pinned{filter:none;opacity:1}.sticky-pin-dashboard:hover{filter:none;transform:scale(1.2)}.sticky-note.sticky-pinned{box-shadow:2px 3px 8px #00000014,1px 1px 3px #0000000d,0 0 0 2px #667eea40}.sticky-note.sticky-dragging{box-shadow:1px 1px 4px #0000000d;opacity:.4;transform:scale(.98)}.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{background:#ffffff8c;border:1px solid #0000000f;border-radius:1px;height:14px;left:50%;top:0;transform:translateX(-50%);width:50px;z-index:2}.sticky-note:after,.sticky-note:before{content:"";pointer-events:none;position:absolute}.sticky-note:after{background:linear-gradient(135deg,#0000 50%,#0000000f 0);border-radius:0 0 2px 0;bottom:0;height:18px;right:0;width:18px}.sticky-body{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:1.2rem .9rem .7rem;text-align:left}.sticky-title{font-size:.88rem;font-weight:700;line-height:1.3;margin:0 0 .4rem}.sticky-content,.sticky-title{word-wrap:break-word;color:inherit}.sticky-content{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.78rem;line-height:1.55;opacity:.85;overflow:hidden}.sticky-content *{max-width:100%}.sticky-content p{margin:0 0 .3rem}.sticky-content img{height:auto;max-width:100%}.sticky-content ol,.sticky-content ul{margin:4px 0;padding-left:18px}.sticky-content li{margin:2px 0}.sticky-content h1,.sticky-content h2,.sticky-content h3{font-weight:600;margin:6px 0 3px}.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{color:inherit;font-size:.6rem;opacity:.55}.sticky-actions{display:flex;gap:4px;opacity:0;padding:.3rem .7rem .5rem;transition:opacity .15s}.sticky-note:hover .sticky-actions{opacity:1}.sticky-actions button{background:#fff9;border:1px solid #0000001a;border-radius:4px;color:inherit;cursor:pointer;font-size:.62rem;opacity:.7;padding:2px 8px;transition:all .15s}.sticky-actions button:hover{background:#ffffffd9;opacity:1}.sticky-actions .btn-delete:hover{background:#ffc8c8b3;border-color:#dc32324d}.error-message{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.error-close{color:#c53030;font-size:1rem}.no-notes{color:#a0aec0;font-size:.9rem;padding:3rem 1rem;text-align:center}.note-form-overlay{align-items:center;animation:notePreviewFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.note-form{animation:notePreviewPopIn .25s ease;border:2px solid;border-radius:3px;box-shadow:6px 8px 24px #0000002e,2px 3px 8px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:580px;overflow-x:hidden;overflow-y:auto;padding:2rem 1.5rem 1.5rem;position:relative;width:90%}.note-form-pin{background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;left:calc(50% - 7px);position:absolute;top:2px;width:14px;z-index:3}.note-form:before{background:#ffffff80;border:1px solid #0000000f;border-radius:1px;content:"";height:18px;left:calc(50% - 35px);top:0;width:70px;z-index:2}.note-form-fold,.note-form:before{pointer-events:none;position:absolute}.note-form-fold{background:linear-gradient(135deg,#0000 50%,#00000012 0);bottom:0;height:28px;right:0;width:28px}.note-form-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.3rem;height:28px;justify-content:center;opacity:.45;position:absolute;right:10px;top:8px;transition:all .15s;width:28px;z-index:4}.note-form-close:hover{background:#0000000f;opacity:.8}.note-form-meta{margin-bottom:.75rem}.form-group-inline{align-items:center;display:flex;gap:8px}.form-group-inline label{font-size:.7rem;font-weight:700;letter-spacing:.04em;opacity:.6;text-transform:uppercase;white-space:nowrap}.note-form-category-input{background:#0000;border:none;border-bottom:1px dashed;font-family:inherit;font-size:.8rem;font-weight:600;outline:none;padding:2px 6px;transition:border-color .15s;width:200px}.note-form-category-input:focus{border-bottom-style:solid}.note-form-title-input{background:#0000;border:none;border-bottom:1px dashed;box-sizing:border-box;font-family:inherit;font-size:1.2rem;font-weight:700;margin-bottom:.75rem;outline:none;padding:6px 2px;transition:border-color .15s;width:100%}.note-form-title-input::placeholder{font-weight:600;opacity:.35}.note-form-title-input:focus{border-bottom-style:solid}.note-form-editor{flex:1 1;min-height:0}.note-form-editor .rich-text-editor{background:#0000!important;border:none!important;box-shadow:none!important}.note-form-editor .rte-toolbar{background:#ffffff59!important;border:none!important;border-bottom:1px dashed #0000001a!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:#0000!important;border:none!important;font-size:.9rem;line-height:1.7;min-height:180px;padding:.75rem .5rem!important}.note-form-actions{border-top:1px dashed #0000001a;display:flex;gap:8px;justify-content:flex-end;margin-top:1rem;padding-top:.75rem}.note-form-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;opacity:.9;padding:7px 16px;transition:all .2s}.note-form-save-btn:hover{box-shadow:0 2px 8px #00000026;opacity:1;transform:translateY(-1px)}.note-form-cancel-btn{align-items:center;background:#ffffff80;border:1px solid #0000001a;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;opacity:.7;padding:7px 16px;transition:all .2s}.note-form-cancel-btn:hover{background:#ffffffb3;opacity:1}.note-preview-overlay{align-items:center;animation:notePreviewFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes notePreviewFadeIn{0%{opacity:0}to{opacity:1}}.note-preview-popup{animation:notePreviewPopIn .25s ease;border:2px solid;border-radius:3px;box-shadow:6px 8px 24px #0000002e,2px 3px 8px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:520px;overflow:hidden;position:relative;width:90%}@keyframes notePreviewPopIn{0%{opacity:0;transform:scale(.92) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.note-preview-pin{background:radial-gradient(circle at 35% 35%,#e0e0e0,#888);border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;left:calc(50% - 7px);position:absolute;top:2px;width:14px;z-index:3}.note-preview-popup:before{background:#ffffff80;border:1px solid #0000000f;border-radius:1px;content:"";height:18px;left:calc(50% - 35px);pointer-events:none;position:absolute;top:0;width:70px;z-index:2}.note-preview-fold{background:linear-gradient(135deg,#0000 50%,#00000012 0);bottom:0;pointer-events:none;right:0}.note-preview-close,.note-preview-fold{height:28px;position:absolute;width:28px}.note-preview-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;opacity:.45;right:10px;top:8px;transition:all .15s;z-index:4}.note-preview-close:hover{background:#0000000f;opacity:.8}.note-preview-body{flex:1 1;overflow-y:auto;padding:2rem 1.5rem 1.5rem;text-align:left}.note-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.note-preview-timestamp{font-size:.65rem;opacity:.55;white-space:nowrap}.note-preview-title{word-wrap:break-word;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;text-align:left}.note-preview-content{word-wrap:break-word;font-size:.92rem;line-height:1.65;opacity:.85;text-align:left;white-space:pre-wrap}.note-preview-content *{max-width:100%;text-align:left!important}.note-preview-content p{margin:0 0 .5rem}.note-preview-content img{height:auto;max-width:100%}.note-preview-footer{border-top:1px dashed #0000001a;display:flex;gap:8px;justify-content:flex-end;margin-top:1.25rem;padding-top:.75rem}.note-preview-edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;opacity:.85;padding:6px 14px;transition:all .2s}.note-preview-edit-btn:hover{box-shadow:0 2px 8px #00000026;opacity:1;transform:translateY(-1px)}.note-preview-delete-btn{align-items:center;background:#ffffff80;border:1px solid #0000001a;border-radius:6px;color:inherit;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;opacity:.7;padding:6px 14px;transition:all .2s}.note-preview-delete-btn:hover{background:#dc35451a;border-color:#dc35454d;color:#dc3545;opacity:1}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.45rem 1rem;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{background:#0000000f;border-radius:8px;color:inherit;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.02em;opacity:.7;padding:1px 6px}.note-form-tags-input{background:#ffffff80;border:1px solid #0000001a;border-radius:6px;box-sizing:border-box;font-size:.78rem;margin-bottom:.75rem;outline:none;padding:6px 10px;transition:border-color .2s;width:100%}.note-form-tags-input::placeholder{color:inherit;opacity:.4}.note-form-tags-input:focus{border-color:#0003}.template-dropdown{animation:templateSlide .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001f;margin-top:4px;min-width:200px;padding:4px;position:absolute;right:0;top:100%;z-index:300}@keyframes templateSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.template-option{background:none;border:none;border-radius:6px;color:#2d3748;cursor:pointer;display:block;font-size:.82rem;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.template-option:hover{background:#ebf4ff;color:#667eea}.notes-total-count{color:#a0aec0;font-size:.85rem;font-weight:400}.notes-search-box{flex-shrink:0;position:relative}.notes-search-input{background:#fff;border:1px solid #d2cfc8;border-radius:6px;color:#2d3748;font-size:.82rem;outline:none;padding:6px 30px 6px 10px;transition:border-color .2s;width:200px}.notes-search-input:focus{border-color:#667eea}.notes-search-clear{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1rem;line-height:1;padding:2px 4px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.notes-search-clear:hover{color:#e53e3e}.sidebar-clear-btn{background:none;border:1px solid #667eea40;border-radius:4px;color:#667eea;cursor:pointer;display:block;font-size:.7rem;margin:0 .75rem .25rem;padding:3px 8px;text-align:center;transition:background .15s;width:calc(100% - 1.5rem)}.sidebar-clear-btn:hover{background:#667eea10}.sticky-header-row{align-items:flex-start;display:flex;gap:6px;justify-content:space-between}.sticky-category-badge{border:1px solid;border-radius:8px;flex-shrink:0;font-size:.6rem;line-height:1.4;margin-top:2px;padding:1px 6px;white-space:nowrap}.notes-pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:1rem;padding:.5rem 0}.notes-pagination button{background:#fff;border:1px solid #d2cfc8;border-radius:5px;color:#4a5568;cursor:pointer;font-size:.78rem;padding:4px 10px;transition:background .15s,color .15s}.notes-pagination button:hover:not(:disabled):not(.active){background:#f0f0f0}.notes-pagination button.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.notes-pagination button:disabled{cursor:default;opacity:.4}.notes-page-ellipsis{color:#a0aec0;font-size:.78rem;padding:0 4px}@media (max-width:768px){.notes-container{min-height:auto}.notes-main{flex:none;gap:.25rem;grid-template-columns:1fr;padding:.5rem}.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{font-size:.72rem;padding:.35rem .65rem;white-space:nowrap}.notes-content-header{align-items:stretch;flex-direction:column;margin-top:.25rem}.notes-content-header h2{font-size:.95rem}.notes-search-input{width:100%}.notes-board{column-count:2;padding:0}.note-form{padding:1.5rem 1.25rem;width:95%}}@media (max-width:500px){.notes-board{column-count:1}}.notes-board-wrapper .tag-filter-bar,.notes-content-header+.tag-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:0 2px}.notes-board-wrapper .tag-filter-label{color:#999;font-size:.72rem;font-weight:600;margin-right:4px}.notes-board-wrapper .tag-filter-pill{background:#fff;border:1.5px solid #e0d6c8;border-radius:20px;color:#8b7355;cursor:pointer;font-size:.7rem;font-weight:600;padding:3px 12px;transition:all .18s}.notes-board-wrapper .tag-filter-pill:hover{background:#f5f0e8;transform:translateY(-1px)}.notes-board-wrapper .tag-filter-pill.active{background:#8b7355;border-color:#8b7355;color:#fff}.notes-board-wrapper .tag-filter-clear{background:#0000;border:1px solid #ddd;border-radius:20px;color:#999;cursor:pointer;font-size:.65rem;padding:3px 10px;transition:all .15s}.notes-board-wrapper .tag-filter-clear:hover{background:#fee;border-color:#c44;color:#c44}.calendar-main{grid-gap:1rem;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;grid-template-columns:220px 1fr;margin:0;max-width:100%;min-height:0;padding:1rem}.calendar-sidebar{display:flex;flex-direction:column;gap:.25rem}.sidebar-month-nav{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem}.sidebar-month-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.sidebar-month-header h3{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.sidebar-month-header .month-year{color:#94a3b8;font-size:.75rem;font-weight:500}.sidebar-nav-btns{display:flex;gap:2px}.sidebar-nav-btns button{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .15s;width:28px}.sidebar-nav-btns button:hover{background:#667eea;color:#fff}.sidebar-today-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.78rem;font-weight:500;margin-bottom:8px;padding:.45rem;transition:all .2s;width:100%}.sidebar-today-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.sidebar-section-title{margin:.6rem 0 .25rem}.category-legend{display:flex;flex-direction:column;gap:2px}.legend-item{align-items:center;background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;gap:8px;padding:.4rem .75rem;text-align:left;transition:all .15s;width:100%}.legend-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d}.legend-item.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#2d3748;font-weight:600}.legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.sidebar-upcoming{display:flex;flex-direction:column;gap:2px}.upcoming-day-group{margin-bottom:6px}.upcoming-day-label{color:#94a3b8;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:4px 8px 3px;text-transform:uppercase}.upcoming-card{background:#fff;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;margin:0 2px;overflow:hidden;transition:all .15s}.upcoming-card:hover{border-color:#e2e8f0;box-shadow:0 2px 6px #0000000f;transform:translateX(2px)}.upcoming-card-stripe{border-radius:3px 0 0 3px;flex-shrink:0;width:3px}.upcoming-card-body{flex:1 1;min-width:0;padding:6px 8px;text-align:left}.upcoming-card-title{color:#1e293b;font-size:.76rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-card-meta{align-items:center;display:flex;gap:6px;margin-top:1px}.upcoming-card-time{color:#64748b;font-family:monospace;font-size:.65rem;font-weight:500}.upcoming-card-type{font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sidebar-no-events{color:#94a3b8;font-size:.78rem;font-style:italic;padding:.75rem .5rem;text-align:center}.calendar-content{display:flex;flex-direction:column;gap:0;min-width:0}.calendar-content .error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem;padding:.6rem 1rem}.calendar-content .error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;padding:0}.cal-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.cal-day-names{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(7,1fr)}.cal-day-name{color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.6rem;text-align:center;text-transform:uppercase}.cal-day-name:first-child,.cal-day-name:nth-child(7){color:#cbd5e1}.cal-days{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:6px;position:relative;transition:background .15s}.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{align-items:center;border-radius:50%;color:#475569;display:flex;font-size:.8rem;font-weight:600;height:26px;justify-content:center;margin-bottom:3px;transition:all .15s;width:26px}.cal-day.empty .cal-day-num{color:#cbd5e1}.cal-day-events{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.cal-event-pill{border-radius:4px;color:#fff;cursor:pointer;font-size:.68rem;font-weight:500;line-height:1.4;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:all .15s;white-space:nowrap}.cal-event-pill:hover{filter:brightness(1.1);transform:translateX(1px)}.cal-more-events{color:#667eea;cursor:pointer;font-size:.65rem;font-weight:600;padding:1px 6px}.cal-more-events:hover{text-decoration:underline}.date-events-panel{margin-top:1rem}.date-events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.date-events-header h3{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.date-events-header .date-label{color:#64748b;font-size:.85rem;font-weight:400}.btn-close-panel{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .15s;width:28px}.btn-close-panel:hover{background:#e2e8f0;color:#334155}.date-events-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.event-card{border:1px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden;position:relative;transition:all .2s}.event-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.event-card-stripe{flex-shrink:0;width:4px}.event-card-body{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:.75rem .85rem;text-align:left}.event-card-top-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.event-card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:34px;justify-content:center;width:34px}.event-card-top-info{display:flex;flex-direction:column;gap:1px;min-width:0}.event-card-type{font-size:.65rem;font-weight:700;letter-spacing:.05em;line-height:1.3;text-transform:uppercase}.event-card-time{color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:.7rem;font-weight:500;white-space:nowrap}.event-card-title{color:#1e293b;font-size:.9rem;font-weight:700;line-height:1.3;margin:0;text-align:left}.event-card-desc{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.76rem;line-height:1.45;margin:4px 0 0;overflow:hidden;text-align:left;white-space:pre-wrap}.event-card-actions{border-top:1px solid #0000000d;display:flex;gap:6px;margin-top:8px;opacity:0;padding-top:8px;transition:opacity .15s}.event-card:hover .event-card-actions{opacity:1}.event-card-actions button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #00000014;border-radius:5px;color:#475569;cursor:pointer;font-size:.7rem;padding:3px 10px;transition:all .15s}.event-card-actions button:hover{background:#667eea;border-color:#667eea;color:#fff}.event-card-actions .btn-delete-event:hover{background:#dc3545;border-color:#dc3545}.date-no-events{color:#94a3b8;font-size:.85rem;padding:2rem;text-align:center}.btn-add-date-event{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:.82rem;padding:1rem;text-align:center;transition:all .2s;width:100%}.btn-add-date-event:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.modal-overlay{align-items:center;animation:apptFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes apptFadeIn{0%{opacity:0}to{opacity:1}}@keyframes apptSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.appt-maker{animation:apptSlideIn .25s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000002e;display:flex;max-height:85vh;max-width:480px;overflow:hidden;width:90%}.appt-stripe{flex-shrink:0;transition:background-color .2s;width:6px}.appt-body{flex:1 1;overflow-y:auto;padding:1.25rem;position:relative}.appt-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.3rem;height:28px;justify-content:center;position:absolute;right:10px;top:8px;transition:all .15s;width:28px}.appt-close:hover{background:#f1f5f9;color:#475569}.appt-type-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;padding-right:28px}.appt-type-pill{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;padding:4px 10px;transition:all .15s}.appt-type-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.appt-type-pill.active{border-width:1.5px}.appt-type-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.appt-title-input{border:none;border-bottom:2px solid #e2e8f0;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:1.15rem;font-weight:700;margin-bottom:1rem;outline:none;padding:6px 0;transition:border-color .2s;width:100%}.appt-title-input:focus{border-bottom-color:#667eea}.appt-title-input::placeholder{color:#cbd5e1;font-weight:500}.appt-section{border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:.65rem 0}.appt-section:last-of-type{border-bottom:none}.appt-section-icon{flex-shrink:0;font-size:1rem;padding-top:2px;text-align:center;width:24px}.appt-section-content{flex:1 1;min-width:0}.appt-date-display{color:#1e293b;font-size:.88rem;font-weight:600;margin-bottom:4px;text-align:left}.appt-date-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#475569;font-family:inherit;font-size:.8rem;outline:none;padding:5px 8px;transition:border-color .15s;width:100%}.appt-date-input:focus{border-color:#667eea}.appt-time-inputs{align-items:center;display:flex;gap:8px;margin-bottom:8px}.appt-time-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;flex:1 1;font-family:inherit;font-size:.85rem;outline:none;padding:6px 8px;text-align:center;transition:border-color .15s}.appt-time-input:focus{border-color:#667eea}.appt-time-separator{color:#94a3b8;flex-shrink:0;font-size:.85rem}.appt-quick-times{display:flex;flex-wrap:wrap;gap:6px}.appt-quick-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;font-size:.7rem;font-weight:500;padding:3px 10px;transition:all .15s}.appt-quick-btn.active,.appt-quick-btn:hover{background:#eef2ff;border-color:#667eea;color:#667eea}.appt-quick-btn.active{font-weight:600}.appt-duration-row{align-items:center;display:flex;gap:6px;margin-top:8px}.appt-duration-label{color:#94a3b8;font-size:.68rem;font-weight:500;white-space:nowrap}.appt-duration-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:.68rem;font-weight:600;padding:2px 8px;transition:all .15s}.appt-duration-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.appt-desc-input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#475569;font-family:inherit;font-size:.82rem;min-height:60px;outline:none;padding:8px 10px;resize:vertical;transition:border-color .15s;width:100%}.appt-desc-input:focus{border-color:#667eea}.appt-desc-input::placeholder{color:#cbd5e1}.appt-recurrence-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.appt-recurrence-end{align-items:center;display:flex;gap:8px}.appt-recurrence-end-label{color:#718096;font-size:.78rem;white-space:nowrap}.appt-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:.75rem}.appt-footer-right{display:flex;gap:8px;margin-left:auto}.appt-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:7px 16px;transition:all .15s}.appt-cancel-btn:hover{background:#f1f5f9;color:#475569}.appt-save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 18px;transition:all .15s}.appt-save-btn:hover{box-shadow:0 2px 8px #00000026;opacity:.9;transform:translateY(-1px)}.appt-delete-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.78rem;font-weight:600;padding:7px 14px;transition:all .15s}.appt-delete-btn:hover{background:#fee2e2;border-color:#f87171}.loading-spinner{color:#94a3b8;padding:3rem;text-align:center}@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;flex-wrap:wrap;gap:6px}.legend-item{font-size:.72rem;padding:.3rem .5rem;width:auto}.sidebar-upcoming{display:none}.cal-day{min-height:70px;padding:4px}.cal-day-num{font-size:.72rem;height:22px;width:22px}.cal-event-pill{font-size:.62rem;padding:1px 4px}.date-events-grid{grid-template-columns:1fr}.event-card-actions{height:auto;opacity:1;overflow:visible}}@media (max-width:480px){.cal-day{min-height:55px;padding:3px}.cal-day-num{font-size:.68rem;height:20px;width:20px}.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}}.sidebar-section .tag-filter-bar{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sidebar-section .tag-filter-pill{background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-size:.68rem;font-weight:600;padding:3px 10px;transition:all .18s}.sidebar-section .tag-filter-pill:hover{background:#f0f0ff;transform:translateY(-1px)}.sidebar-section .tag-filter-pill.active{background:#667eea;border-color:#667eea;color:#fff}.sidebar-section .tag-filter-clear{background:#0000;border:1px solid #ddd;border-radius:16px;color:#999;cursor:pointer;font-size:.62rem;padding:3px 8px;transition:all .15s}.sidebar-section .tag-filter-clear:hover{background:#fee;border-color:#c44;color:#c44}.event-card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.event-tag-badge{background:#ffffff40;border-radius:8px;color:inherit;font-size:.58rem;font-weight:600;opacity:.85;padding:1px 6px}.appt-tags-input{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:.85rem;padding:.5rem .75rem;width:100%}.words-main{grid-gap:1rem;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;grid-template-columns:220px 1fr;margin:0;max-width:100%;min-height:0;padding:1rem}.words-sidebar{display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{color:#a0aec0;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin:.75rem 0 .25rem;padding:0 .75rem;text-transform:uppercase}.sidebar-section-title:first-child{margin-top:0}.sidebar-search{padding:0 .25rem;position:relative}.sidebar-search input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.8rem;padding:7px 30px 7px 10px;transition:all .2s;width:100%}.sidebar-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea14;outline:none}.sidebar-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sidebar-search-clear:hover{color:#475569}.filter-nav{display:flex;flex-direction:column;gap:2px}.filter-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:all .15s ease}.filter-nav-item:hover{background:#fff;box-shadow:0 1px 3px #0000000d;color:#2d3748}.filter-nav-item.active{background:#fff;box-shadow:0 2px 6px #667eea1f;color:#667eea;font-weight:600}.filter-nav-item .filter-name{flex:1 1}.filter-nav-item .filter-count{background:#f7fafc;border-radius:10px;color:#a0aec0;flex-shrink:0;font-size:.7rem;font-weight:600;padding:1px 6px}.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{align-items:center;display:flex;font-size:.78rem;justify-content:space-between}.review-stat-value{color:#667eea;font-size:.85rem;font-weight:700}.review-stat-label{color:#94a3b8}.sidebar-reset-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.78rem;margin:.25rem .25rem 0;padding:.45rem .75rem;text-align:center;transition:all .2s}.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{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.85rem;justify-content:space-between;padding:.6rem 1rem}.error-close{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.1rem;line-height:1;padding:0}.review-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.25rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.review-count{color:#ffffffa6;font-size:.78rem}.review-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.review-card{background:#ffffff21;border-radius:10px;cursor:pointer;padding:1rem .75rem;position:relative;text-align:center;transition:all .2s}.review-card:hover{background:#ffffff3d;transform:translateY(-2px)}.review-card-word{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3}.review-card-actions{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s}.review-card:hover .review-card-actions{opacity:1}.btn-skip{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;line-height:1;transition:all .2s;width:22px}.btn-skip:hover{background:#ffffff59;color:#fff}.review-empty{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#ffffffe6;font-size:.95rem;padding:1.5rem;text-align:center}.words-list-header{align-items:baseline;display:flex;justify-content:space-between;padding-top:.25rem}.words-list-header h2{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0}.words-total{color:#94a3b8;font-size:.78rem}.words-empty{color:#94a3b8;font-size:.9rem;padding:3rem;text-align:center}.words-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.word-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;position:relative;transition:all .2s}.word-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1f;transform:translateY(-1px)}.word-card-accent{background:linear-gradient(180deg,#667eea,#764ba2);flex-shrink:0;width:4px}.word-card.learned .word-card-accent{background:linear-gradient(180deg,#28a745,#20c997)}.word-card-body{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:.7rem .85rem}.word-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:.2rem}.word-card-name{color:#1e293b;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-card-badge{background:#dcfce7;border-radius:10px;color:#16a34a;flex-shrink:0;font-size:.65rem;font-weight:600;padding:1px 6px}.word-card-meaning{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.78rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.word-card-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:4px;height:0;margin-top:.5rem;opacity:0;overflow:hidden;padding-top:.5rem;transition:all .2s ease}.word-card:hover .word-card-actions{height:auto;opacity:1;overflow:visible}.word-card-actions a,.word-card-actions button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#475569;cursor:pointer;display:inline-flex;font-size:.7rem;padding:3px 8px;text-decoration:none;transition:all .15s;white-space:nowrap}.word-card-actions a:hover,.word-card-actions button:hover{background:#667eea;border-color:#667eea;color:#fff}.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{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:6px;justify-content:center;margin-top:.5rem;padding-top:1rem}.words-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.78rem;padding:5px 10px;transition:all .15s}.words-pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.words-pagination button:disabled{cursor:not-allowed;opacity:.4}.words-pagination button.active{background:#667eea;border-color:#667eea;color:#fff}.pagination-pages{display:flex;gap:4px}.word-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.word-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:80vh;max-width:480px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.popup-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem;line-height:1;padding:4px;position:absolute;right:12px;top:12px;transition:color .2s}.popup-close:hover{color:#334155}.word-popup h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.popup-section{margin-bottom:1rem}.popup-section strong{color:#94a3b8;display:block;font-size:.72rem;letter-spacing:.05em;margin-bottom:.4rem;text-transform:uppercase}.popup-section p{color:#475569;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.popup-links{display:flex;gap:8px;margin-top:1rem}.popup-links a{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;flex:1 1;font-size:.85rem;gap:6px;justify-content:center;padding:10px;text-decoration:none;transition:all .2s}.popup-links a:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.popup-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;margin-top:1rem;padding-top:1rem}.popup-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:10px;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{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.word-form{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:480px;padding:1.5rem;width:90%}.word-form h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.form-group{margin-bottom:.75rem}.form-group label{color:#475569;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.85rem;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea14;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem}.form-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;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{color:#94a3b8;padding:3rem;text-align:center}@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;flex-wrap:wrap;gap:4px}.filter-nav-item{font-size:.75rem;padding:.4rem .6rem}.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{height:auto;opacity:1;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{background:#f0f2f5;min-height:100vh}.tasks-content{margin:0 auto;max-width:1200px;padding:24px}.tasks-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.tasks-toolbar .add-task-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;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;border-radius:6px;color:#666;cursor:pointer;font-size:.78rem;padding:6px 12px;transition:all .2s}.tasks-toolbar .filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.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;border-radius:20px;color:#666;cursor:pointer;font-size:.78rem;font-weight:500;padding:5px 14px;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);border-color:#0000;box-shadow:0 2px 8px #667eea33;color:#fff}.tasks-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.task-column{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;min-height:400px;padding:0}.task-column-header{align-items:center;border-bottom:2px solid;border-radius:12px 12px 0 0;display:flex;gap:8px;padding:12px 16px}.task-column-header.todo{background:linear-gradient(135deg,#3b82f60f,#3b82f605);border-color:#3b82f6}.task-column-header.in-progress{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);border-color:#f59e0b}.task-column-header.done{background:linear-gradient(135deg,#10b9810f,#10b98105);border-color:#10b981}.task-column-header .col-icon{font-size:.85rem}.task-column-header h3{color:#333;flex:1 1;font-size:.85rem;font-weight:700;margin:0}.task-column-header .count{background:#0000000f;border-radius:10px;color:#888;font-size:.72rem;font-weight:600;padding:2px 9px}.task-column-header .col-add-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#aaa;cursor:pointer;display:flex;font-size:1rem;height:26px;justify-content:center;line-height:1;transition:all .15s;width:26px}.task-column-header .col-add-btn:hover{background:#667eea1a;border-color:#667eea33;color:#667eea}.task-column-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px}.column-empty{color:#ccc;font-size:.8rem;font-style:italic;padding:32px 16px;text-align:center}.task-card{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:12px 14px;position:relative;text-align:left;transition:all .2s}.task-card:hover{border-color:#ddd;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.task-card .task-card-header{align-items:flex-start;display:flex;gap:8px;margin-bottom:4px}.task-card .priority-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.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{color:#333;flex:1 1;font-size:.84rem;font-weight:600;line-height:1.35;margin:0}.task-card .card-delete{background:none;border:none;color:#ccc;cursor:pointer;flex-shrink:0;font-size:.8rem;line-height:1;opacity:0;padding:0;transition:all .15s}.task-card:hover .card-delete{opacity:1}.task-card .card-delete:hover{color:#ef4444}.task-card .task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:.76rem;line-height:1.45;margin:0 0 8px;overflow:hidden;padding-left:16px;text-align:left}.task-card .task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding-left:16px}.task-card .task-badge{border-radius:10px;font-size:.65rem;font-weight:500;padding:2px 8px}.task-card .task-badge.category{background:#f3f0ff;color:#7c3aed}.task-card .task-due{color:#aaa;font-size:.68rem;margin-left:auto}.task-card .task-due.overdue{color:#ef4444;font-weight:600}.card-status-actions{display:flex;gap:4px;padding-left:16px;padding-top:8px}.card-move-btn{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;font-size:.7rem;line-height:1.2;padding:3px 8px;transition:all .15s}.card-move-btn:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.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{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-detail{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:560px}.detail-titlebar{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px}.detail-priority-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.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{color:#e0e0e0;font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-titlebar-actions{gap:4px}.detail-action-btn{color:#999;font-size:.78rem}.detail-action-btn:hover{color:#fff}.detail-action-btn.close{font-size:.92rem}.detail-info-bar{align-items:center;background:#252526;border-bottom:1px solid #333;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:10px 18px}.detail-status-pill{border-radius:12px;font-size:.72rem;font-weight:600;padding:3px 12px}.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{border-radius:12px;font-size:.72rem;font-weight:500;padding:3px 12px}.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{background:#7c3aed26;border-radius:12px;color:#c4b5fd;font-size:.68rem;font-weight:500;padding:3px 10px}.detail-due{color:#888;font-size:.72rem;margin-left:auto}.detail-due.overdue{color:#f87171;font-weight:600}.detail-body{flex:1 1;min-height:80px;overflow-y:auto;padding:20px 22px}.detail-description{text-align:left}.detail-description label{color:#666;display:block;font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-description p{color:#d4d4d4;font-size:.88rem;line-height:1.65;margin:0;white-space:pre-wrap}.detail-empty-desc{color:#555;font-size:.82rem;font-style:italic;padding:16px 0;text-align:center}.detail-status-actions{align-items:center;border-top:1px solid #333;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px 18px}.detail-status-actions .status-label{color:#666;font-size:.72rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.detail-status-btn{background:#0000;border:1px solid #404040;border-radius:8px;color:#aaa;cursor:pointer;font-size:.76rem;font-weight:500;padding:5px 14px;transition:all .15s}.detail-status-btn:hover{border-color:#555}.detail-status-btn.todo:hover{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa}.detail-status-btn.in-progress:hover{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.detail-status-btn.done:hover{background:#10b9811f;border-color:#10b9814d;color:#34d399}.detail-statusbar{align-items:center;background:#007acc;border-radius:0 0 12px 12px;display:flex;flex-shrink:0;gap:18px;padding:6px 18px}.detail-statusbar span{color:#fff;font-size:.68rem;font-weight:500;letter-spacing:.2px}.task-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:88vh;max-width:92vw;overflow:hidden;width:520px}.task-modal .modal-titlebar{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.task-modal .modal-titlebar-left{align-items:center;display:flex;gap:8px}.task-modal .modal-file-icon{font-size:.85rem}.task-modal .modal-title{color:#e0e0e0;font-size:.88rem;font-weight:600}.task-modal .modal-titlebar-actions{display:flex;gap:4px}.task-modal .modal-action-btn{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:.78rem;line-height:1;padding:5px 8px;transition:all .15s}.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-family:system-ui;font-size:.9rem}.task-modal .modal-action-btn.close:hover{background:#c42b1c;color:#fff}.task-modal .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:18px 20px}.task-modal .modal-field{margin-bottom:14px}.task-modal .modal-field label{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.task-modal .modal-field label .required{color:#f87171}.task-modal .modal-field input,.task-modal .modal-field select{background:#2d2d2d;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.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{appearance:auto;cursor:pointer}.task-modal .modal-field select option{background:#2d2d2d;color:#e0e0e0}.task-modal .modal-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.task-modal .modal-field-desc{flex:1 1}.task-modal .modal-textarea{background:#0d1117;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#d4d4d4;font-family:inherit;font-size:.84rem;line-height:1.55;min-height:100px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .15s;width:100%}.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{align-items:center;background:#252526;border-top:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.task-modal .modal-status-left{color:#666;font-family:monospace;font-size:.72rem}.task-modal .modal-status-actions{display:flex;gap:8px}.task-modal .modal-btn-cancel{background:#0000;border:1px solid #404040;border-radius:6px;color:#999;cursor:pointer;font-size:.8rem;padding:6px 16px;transition:all .15s}.task-modal .modal-btn-cancel:hover{background:#3c3c3c;border-color:#555;color:#e0e0e0}.task-modal .modal-btn-save{background:#0e639c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 18px;transition:all .15s}.task-modal .modal-btn-save:hover{background:#17b}.task-modal .modal-btn-save:disabled{cursor:default;opacity:.4}.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{align-items:stretch;flex-direction:column}.tasks-toolbar .filter-group{margin-left:0}.task-detail,.task-modal{max-width:96vw}}.tag-filter-pill:hover{box-shadow:0 2px 6px #0000000f}.tag-filter-pill.active{box-shadow:0 2px 8px #667eea40}.task-tags-inline{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.task-tag-badge{background:#667eea1a;border-radius:8px;color:#667eea;font-size:.58rem;font-weight:600;padding:1px 6px}.journal-page{background:#f0f2f5;min-height:100vh}.journal-content{margin:0 auto;max-width:800px;padding:24px}.journal-date-nav{align-items:center;display:flex;gap:14px;margin-bottom:24px}.journal-date-nav button{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.85rem;padding:6px 14px}.journal-date-nav button:hover{border-color:#667eea;color:#667eea}.journal-date-nav .date-display{color:#333;font-size:1.1rem;font-weight:600;min-width:220px;text-align:center}.journal-date-nav .today-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600}.journal-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #00000014;padding:28px}.journal-card .mood-selector{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.journal-card .mood-selector label{color:#555;font-size:.82rem;font-weight:600;margin-right:8px}.journal-card .mood-btn{background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1.5rem;padding:6px;transition:all .2s}.journal-card .mood-btn:hover{transform:scale(1.2)}.journal-card .mood-btn.selected{background:#ede9fe;border-color:#667eea;transform:scale(1.15)}.journal-card .prompt-section{margin-bottom:20px}.journal-card .prompt-section label{align-items:center;color:#444;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:8px}.journal-card .prompt-section label .prompt-icon{font-size:1.1rem}.journal-card .prompt-section textarea{border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.85rem;line-height:1.6;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.journal-card .prompt-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.journal-card .prompt-section textarea::placeholder{color:#ccc}.journal-card .save-indicator{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.journal-card .save-indicator .auto-save{color:#10b981;font-size:.78rem}.journal-card .save-indicator .save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 20px}.journal-history{margin-top:28px}.journal-history h3{color:#333;font-size:.95rem;margin-bottom:14px;text-align:left}.journal-history-list{display:flex;flex-direction:column;gap:10px}.journal-history-card{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:14px;text-align:left;transition:all .2s}.journal-history-card:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.journal-history-card .hist-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.journal-history-card .hist-date{color:#333;font-size:.82rem;font-weight:600}.journal-history-card .hist-mood{font-size:1.1rem}.journal-history-card .hist-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.78rem;overflow:hidden;text-align:left;white-space:pre-wrap}.journal-history-card .hist-delete{background:none;border:none;color:#ccc;cursor:pointer;font-size:.75rem;margin-left:auto;opacity:0;padding:2px;transition:opacity .2s}.journal-history-card:hover .hist-delete{opacity:1}.journal-history-card .hist-delete:hover{color:#ef4444}.secrets-page{background:#f0f2f5;min-height:100vh}.secrets-content{margin:0 auto;max-width:900px;padding:24px}.secrets-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.secrets-toolbar .add-secret-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px}.secrets-toolbar .search-box{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.85rem;margin-left:auto;max-width:300px;padding:8px 12px}.secrets-toolbar .search-box:focus{border-color:#667eea;outline:none}.secrets-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.secrets-categories .cat-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:.78rem;padding:5px 14px;transition:all .2s}.secrets-categories .cat-tab.active{background:#667eea;border-color:#667eea;color:#fff}.secrets-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.secret-card{align-items:flex-start;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:14px;box-shadow:0 4px 14px #0000002e;cursor:pointer;display:flex;gap:14px;min-height:80px;padding:18px;position:relative;transition:all .25s}.secret-card:hover{box-shadow:0 8px 28px #00000047;transform:translateY(-3px) scale(1.01)}.sc-chip{background:linear-gradient(135deg,#d4af37,#f5d76e,#c9a227);border-radius:5px;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;flex-shrink:0;height:24px;margin-top:2px;width:32px}.sc-content{flex:1 1;min-width:0}.sc-name{color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.4px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-field{align-items:center;color:#ffffff8c;display:flex;font-size:.76rem;font-weight:500;gap:5px;letter-spacing:.6px;margin-bottom:2px}.sc-icon{font-size:.68rem;opacity:.7}.sc-url{color:#78a0ffb3;font-size:.72rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.sc-category{background:#ffffff14;border-radius:6px;color:#ffffff59;font-size:.6rem;font-weight:600;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.sc-dots{color:#fff3;font-size:.9rem;letter-spacing:3px}.secret-card .secret-actions{bottom:8px;display:flex;gap:2px;opacity:0;position:absolute;right:8px;transition:opacity .2s}.secret-card:hover .secret-actions{opacity:1}.secret-card .secret-actions button{background:#ffffff1f;border:none;border-radius:5px;cursor:pointer;font-size:.68rem;padding:4px 6px;transition:background .15s}.secret-card .secret-actions button:hover{background:#ffffff40;background:#f3f4f6}.secret-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.secret-detail{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:480px}.secret-detail .detail-titlebar{align-items:center;background:#252526;border-bottom:1px solid #333;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.detail-titlebar-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.detail-lock-icon{flex-shrink:0;font-size:1rem}.detail-name{color:#f0f0f0;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-cat-badge{background:#7c3aed33;border-radius:10px;color:#c4b5fd;flex-shrink:0;font-size:.62rem;font-weight:600;letter-spacing:.3px;padding:2px 10px}.detail-titlebar-actions{display:flex;flex-shrink:0;gap:2px}.detail-action-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.82rem;line-height:1;padding:6px 8px;transition:all .15s}.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-family:system-ui;font-size:.95rem}.detail-action-btn.close:hover{background:#c42b1c;color:#fff}.secret-detail .detail-body{flex:1 1;min-height:60px;overflow-y:auto;padding:6px 0}.detail-row{border-bottom:1px solid #2a2a2a;padding:14px 22px}.detail-row:last-child{border-bottom:none}.detail-row-label{color:#666;font-size:.68rem;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-align:left;text-transform:uppercase}.detail-row-content{align-items:center;display:flex;gap:8px}.detail-row-content.notes{align-items:flex-start}.detail-row-value{color:#e0e0e0;flex:1 1;font-size:.88rem;line-height:1.5;min-width:0;text-align:left;white-space:pre-wrap;word-break:break-all}.detail-row-value.mono{color:#4ec9b0;font-family:Consolas,Monaco,monospace;font-size:.84rem;letter-spacing:.8px}.detail-row-value.dots{color:#888;letter-spacing:2px}.detail-row-link{color:#4fc1ff;flex:1 1;font-size:.86rem;min-width:0;text-align:left;text-decoration:none;word-break:break-all}.detail-row-link:hover{color:#7dd3fc;text-decoration:underline}.detail-btn{background:none;border:none;border-radius:5px;color:#555;cursor:pointer;flex-shrink:0;font-size:.82rem;line-height:1;padding:4px 6px;transition:all .15s}.detail-btn:hover{background:#333;color:#e0e0e0}.detail-empty{color:#555;font-size:.82rem;font-style:italic;padding:28px 0;text-align:center}.secret-detail .detail-statusbar{align-items:center;background:#007acc;border-radius:0 0 12px 12px;display:flex;flex-shrink:0;gap:18px;padding:6px 20px}.secret-detail .detail-statusbar span{color:#fff;font-size:.68rem;font-weight:500;letter-spacing:.2px}.secret-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.secret-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:88vh;max-width:92vw;overflow:hidden;width:520px}.secret-modal .modal-titlebar{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.secret-modal .modal-titlebar-left{align-items:center;display:flex;gap:8px}.secret-modal .modal-file-icon{font-size:.85rem}.secret-modal .modal-title{color:#e0e0e0;font-size:.88rem;font-weight:600}.secret-modal .modal-titlebar-actions{display:flex;gap:4px}.secret-modal .modal-action-btn{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:.78rem;line-height:1;padding:5px 8px;transition:all .15s}.secret-modal .modal-action-btn:hover{background:#3c3c3c;color:#fff}.secret-modal .modal-action-btn.close{font-family:system-ui;font-size:.9rem}.secret-modal .modal-action-btn.close:hover{background:#c42b1c;color:#fff}.secret-modal .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:18px 20px}.secret-modal .modal-field{margin-bottom:14px}.secret-modal .modal-field label{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.secret-modal .modal-field label .required{color:#f87171}.secret-modal .modal-field input{background:#2d2d2d;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.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{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.secret-modal .modal-pwd-row{align-items:stretch;display:flex;gap:8px}.secret-modal .modal-pwd-input{flex:1 1;position:relative}.secret-modal .modal-pwd-input input{padding-right:36px;width:100%}.secret-modal .modal-pwd-toggle{background:none;border:none;color:#888;cursor:pointer;font-size:.82rem;padding:2px 4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .15s}.secret-modal .modal-pwd-toggle:hover{color:#e0e0e0}.secret-modal .modal-generate-btn{background:#7c3aed26;border:1px solid #7c3aed40;border-radius:6px;color:#c4b5fd;cursor:pointer;font-size:.75rem;font-weight:500;padding:0 12px;transition:all .15s;white-space:nowrap}.secret-modal .modal-generate-btn:hover{background:#7c3aed40;border-color:#7c3aed66}.secret-modal .modal-textarea{background:#0d1117;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#d4d4d4;font-family:inherit;font-size:.84rem;line-height:1.55;min-height:80px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .15s;width:100%}.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-statusbar{align-items:center;background:#252526;border-top:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.secret-modal .modal-status-left{color:#666;font-family:monospace;font-size:.72rem}.secret-modal .modal-status-actions{display:flex;gap:8px}.secret-modal .modal-btn-cancel{background:#0000;border:1px solid #404040;border-radius:6px;color:#999;cursor:pointer;font-size:.8rem;padding:6px 16px;transition:all .15s}.secret-modal .modal-btn-cancel:hover{background:#3c3c3c;border-color:#555;color:#e0e0e0}.secret-modal .modal-btn-save{background:#0e639c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 18px;transition:all .15s}.secret-modal .modal-btn-save:hover{background:#17b}.secret-modal .modal-btn-save:disabled{cursor:default;opacity:.4}.secrets-empty{color:#999;padding:40px;text-align:center}.change-pin-btn{background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:8px;color:#9b7de8;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 14px;transition:all .15s}.change-pin-btn:hover{background:#7c3aed38;border-color:#7c3aed66;color:#c4b5fd}.clipboard-notice{color:#f59e0b;font-size:.7rem;letter-spacing:.2px;margin-top:6px;padding-left:2px}.pin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.pin-modal{background:#1e1e1e;border:1px solid #333;border-radius:14px;box-shadow:0 24px 64px #00000080;max-width:90vw;overflow:hidden;width:360px}.pin-modal-header{align-items:center;background:#252526;border-bottom:1px solid #333;display:flex;gap:10px;padding:16px 20px}.pin-modal-icon{font-size:1.1rem}.pin-modal-title{color:#f0f0f0;font-size:.95rem;font-weight:700}.pin-modal-body{padding:20px}.pin-modal-desc{color:#999;font-size:.78rem;line-height:1.5;margin:0 0 16px}.pin-field{margin-bottom:14px}.pin-field label{color:#888;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pin-field input{background:#2d2d2d;border:1px solid #404040;border-radius:8px;box-sizing:border-box;color:#e0e0e0;font-family:Consolas,Monaco,monospace;font-size:1.1rem;letter-spacing:8px;outline:none;padding:10px 14px;text-align:center;transition:border-color .15s;width:100%}.pin-field input::placeholder{color:#555;font-size:.82rem;letter-spacing:.5px}.pin-field input:focus{border-color:#0e639c;box-shadow:0 0 0 2px #0e639c40}.pin-error{background:#f8717114;border:1px solid #f8717126;border-radius:6px;color:#f87171;font-size:.76rem;margin-top:4px;padding:8px 12px}.pin-modal-footer{background:#252526;border-top:1px solid #333;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.pin-btn-cancel{background:#0000;border:1px solid #404040;border-radius:6px;color:#999;cursor:pointer;font-size:.8rem;padding:7px 16px;transition:all .15s}.pin-btn-cancel:hover{background:#3c3c3c;border-color:#555;color:#e0e0e0}.pin-btn-confirm{background:#0e639c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 20px;transition:all .15s}.pin-btn-confirm:hover{background:#17b}.pin-btn-confirm:disabled{cursor:default;opacity:.4}@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{background:#667eea1a;border-radius:8px;color:#667eea;font-size:.58rem;font-weight:600;padding:1px 6px}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.snippets-page{background:#f0f2f5;min-height:100vh}.snippets-content{margin:0 auto;max-width:1100px;padding:24px}.snippets-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.snippets-toolbar .add-snippet-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px}.snippets-toolbar .search-box{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.85rem;margin-left:auto;max-width:300px;padding:8px 12px}.snippets-toolbar .search-box:focus{border-color:#667eea;outline:none}.snippets-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.snippets-categories .cat-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:.78rem;padding:5px 14px;transition:all .2s}.snippets-categories .cat-tab.active{background:#667eea;border-color:#667eea;color:#fff}.snippets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.snippet-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s}.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{align-items:center;display:flex;gap:8px;margin-bottom:6px}.snippet-card .snippet-title{color:#333;flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.snippet-card .snippet-lang{background:#1e1e1e;border-radius:4px;color:#9cdcfe;flex-shrink:0;font-family:monospace;font-size:.65rem;padding:2px 8px;transition:opacity .2s}.snippet-card:hover .snippet-lang{opacity:0}.snippet-card .snippet-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.78rem;margin:0 0 8px;overflow:hidden;text-align:left}.snippet-card .snippet-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.snippet-card .snippet-cat{background:#ede9fe;border-radius:10px;color:#7c3aed;font-size:.7rem;padding:2px 8px}.snippet-card .snippet-code{background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.5;max-height:100px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;white-space:pre}.snippet-card .snippet-code:after{background:linear-gradient(#0000,#1e1e1e);bottom:0;content:"";height:30px;left:0;position:absolute;right:0}.snippet-card .snippet-actions{background:#fffffff2;border-radius:6px;box-shadow:0 1px 4px #0000001a;display:flex;gap:2px;opacity:0;padding:2px;position:absolute;right:12px;top:12px;transition:opacity .2s;z-index:2}.snippet-card:hover .snippet-actions{opacity:1}.snippet-card .snippet-actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1;padding:4px 5px}.snippet-card .snippet-actions button:hover{background:#f0f0f0}.snippet-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.snippet-modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:88vh;max-width:92vw;overflow:hidden;width:700px}.modal-titlebar{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.modal-titlebar-left{align-items:center;display:flex;gap:8px}.modal-file-icon{font-size:.85rem}.modal-title{color:#e0e0e0;font-size:.88rem;font-weight:600}.modal-titlebar-actions{display:flex;gap:4px}.modal-action-btn{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:.78rem;line-height:1;padding:5px 8px;transition:all .15s}.modal-action-btn:hover{background:#3c3c3c;color:#fff}.modal-action-btn.delete:hover{background:#5c2020;color:#f87171}.modal-action-btn.close{font-family:system-ui;font-size:.9rem}.modal-action-btn.close:hover{background:#c42b1c;color:#fff}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:18px 20px}.modal-field{margin-bottom:14px}.modal-field label{color:#999;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.modal-field label .required{color:#f87171}.modal-field input,.modal-field select{background:#2d2d2d;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-size:.84rem;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.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{appearance:auto;cursor:pointer}.modal-field select option{background:#2d2d2d;color:#e0e0e0}.modal-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal-field-code{display:flex;flex:1 1;flex-direction:column}.modal-code-editor{background:#0d1117;border:1px solid #404040;border-radius:6px;box-sizing:border-box;color:#d4d4d4;flex:1 1;font-family:Consolas,Monaco,monospace;font-size:.82rem;line-height:1.6;min-height:220px;outline:none;padding:14px;resize:vertical;tab-size:2;transition:border-color .15s;width:100%}.modal-code-editor::placeholder{color:#555}.modal-code-editor:focus{border-color:#0e639c;box-shadow:0 0 0 1px #0e639c4d}.modal-statusbar{align-items:center;background:#252526;border-top:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.modal-status-left{color:#666;font-family:monospace;font-size:.72rem}.modal-status-actions{display:flex;gap:8px}.modal-btn-cancel{background:#0000;border:1px solid #404040;border-radius:6px;color:#999;cursor:pointer;font-size:.8rem;padding:6px 16px;transition:all .15s}.modal-btn-cancel:hover{background:#3c3c3c;border-color:#555;color:#e0e0e0}.modal-btn-save{background:#0e639c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 18px;transition:all .15s}.modal-btn-save:hover{background:#17b}.snippet-view-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.snippet-view{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:780px}.view-titlebar{align-items:center;background:#2d2d2d;border-bottom:1px solid #404040;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.view-titlebar-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.view-file-icon{flex-shrink:0;font-size:.85rem}.view-filename{color:#e0e0e0;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-lang-pill{background:#0e639c;border-radius:10px;color:#fff;flex-shrink:0;font-family:monospace;font-size:.65rem;font-weight:500;letter-spacing:.3px;padding:2px 10px}.view-titlebar-actions{display:flex;flex-shrink:0;gap:4px}.view-action-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:#999;cursor:pointer;font-size:.78rem;line-height:1;padding:5px 8px;transition:all .15s}.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{align-items:center;background:#252526;border-bottom:1px solid #333;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:8px 16px}.view-info-desc{color:#888;flex:1 1;font-size:.78rem;min-width:120px;text-align:left}.view-info-badges{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.view-info-cat{background:#7c3aed33;color:#c4b5fd;font-size:.65rem;padding:2px 9px}.view-info-cat,.view-info-tag{border-radius:10px;font-weight:500}.view-info-tag{background:#667eea26;color:#93a8f4;font-size:.6rem;padding:2px 7px}.view-code-area{display:flex;flex:1 1;min-height:0;overflow:auto}.view-line-numbers{background:#1e1e1e;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;left:0;padding:16px 0;position:sticky;-webkit-user-select:none;user-select:none;z-index:1}.view-line-numbers span{color:#555;display:block;min-width:24px;padding:0 14px 0 16px;text-align:right}.view-code-content,.view-line-numbers span{font-family:Consolas,Monaco,monospace;font-size:.78rem;line-height:1.65}.view-code-content{background:#1e1e1e;color:#d4d4d4;flex:1 1;margin:0;padding:16px 20px;text-align:left;white-space:pre}.view-statusbar{align-items:center;background:#007acc;display:flex;flex-shrink:0;gap:16px;padding:5px 16px}.view-statusbar span{color:#fff;font-size:.68rem;font-weight:500;letter-spacing:.2px}.snippets-languages{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.snippets-languages .filter-label{color:#888;font-size:.75rem;font-weight:600;margin-right:4px}.snippets-languages .lang-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-family:monospace;font-size:.72rem;padding:4px 12px;transition:all .2s}.snippets-languages .lang-tab.active{background:#1e1e1e;border-color:#1e1e1e;color:#9cdcfe}.snippets-languages .lang-tab:hover:not(.active){border-color:#999}.snippets-pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:24px;padding:16px 0}.snippets-pagination button{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.snippets-pagination button:hover:not(:disabled):not(.active){border-color:#667eea;color:#667eea}.snippets-pagination button.active{background:#667eea;border-color:#667eea;color:#fff}.snippets-pagination button:disabled{cursor:default;opacity:.4}.snippets-pagination .page-info{color:#999;font-size:.75rem;margin-left:12px}.snippets-empty{color:#999;grid-column:1/-1;padding:40px;text-align:center}.snippet-tag-badge{background:#667eea1f;border-radius:10px;color:#667eea;font-size:.6rem;font-weight:500;padding:2px 7px}.tag-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:0 2px}.tag-filter-label{color:#888;font-size:.72rem;font-weight:600;margin-right:4px}.tag-filter-pill{background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:.7rem;font-weight:600;padding:3px 12px;transition:all .18s;white-space:nowrap}.tag-filter-pill:hover{background:#f0f0ff;transform:translateY(-1px)}.tag-filter-pill.active{background:#667eea;border-color:#667eea;color:#fff}.tag-filter-clear{background:#0000;border:1px solid #ddd;border-radius:20px;color:#999;cursor:pointer;font-size:.65rem;padding:3px 10px;transition:all .15s}.tag-filter-clear:hover{background:#fee;border-color:#c44;color:#c44}.projects-container{background:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.projects-main{box-sizing:border-box;margin:2rem auto;max-width:900px;padding:0 1rem;width:100%}.projects-grid{display:flex;flex-direction:column;gap:1rem}.project-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s}.project-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.project-icon{flex-shrink:0;font-size:2.5rem}.project-info{flex:1 1;min-width:0}.project-info h2{color:#1a202c;font-size:1.15rem;margin:0 0 .25rem}.project-info p{color:#718096;font-size:.85rem;line-height:1.4;margin:0}.project-arrow{color:#a0aec0;flex-shrink:0;font-size:1.4rem}.project-card:hover .project-arrow{color:#667eea}.uc-container{background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.uc-tabs{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 1rem}.uc-project-name{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 6px #667eea59;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.03em;margin-right:.75rem;padding:.35rem .85rem;text-shadow:0 1px 2px #00000026;white-space:nowrap}.uc-tab{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:.85rem;padding:.65rem 1.1rem;transition:all .15s;white-space:nowrap}.uc-tab:hover{color:#4a5568}.uc-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:600}.uc-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:1rem;width:100%}.uc-section h2{color:#2d3748;font-size:1.15rem;margin:0 0 1rem}.uc-notes-board{background:#f7f5f0;background-image:radial-gradient(circle at 20% 80%,#7877c608 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffb14208 0,#0000 50%);border:1px solid #e2dfd8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.uc-notes-header{align-items:center;border-bottom:1px solid #e2dfd8;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.uc-notes-board h2{color:#2d3748;font-size:1rem;font-weight:700;margin:0}.uc-notes-actions{align-items:center;display:flex;gap:.5rem}.uc-notes-add-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .2s}.uc-notes-add-btn:hover{background:#5a6fd6}.uc-notes-template-wrapper{position:relative}.uc-notes-template-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .2s}.uc-notes-template-btn:hover{background:#f7fafc;border-color:#cbd5e0}.uc-notes-template-dropdown{animation:fadeIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.uc-notes-template-item{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:block;font-size:.82rem;font-weight:500;padding:8px 12px;text-align:left;transition:all .15s;width:100%}.uc-notes-template-item:hover{background:#ebf4ff;color:#667eea}.uc-data-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.uc-sub-tabs{display:flex;gap:4px}.uc-sub-tab{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;padding:.4rem .9rem;transition:all .15s}.uc-sub-tab.active{background:#667eea;color:#fff}.uc-sub-tab.active,.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{border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;padding:.35rem .6rem}.uc-form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.75rem}.uc-form-row input,.uc-form-row select{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.82rem;min-width:80px;padding:.4rem .6rem}.uc-form-col{margin-bottom:.75rem}.uc-form-col textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.82rem;margin-bottom:.5rem;padding:.4rem .6rem;resize:vertical;width:100%}.uc-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;font-size:.82rem;overflow:hidden;width:100%}.uc-table th{background:#f7fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;font-weight:600;padding:.5rem .6rem;text-align:center}.uc-table td{border-bottom:1px solid #f0f0f0;color:#2d3748;padding:.45rem .6rem}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.uc-modal{animation:uc-modal-in .2s ease;background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000026;max-width:480px;width:90%}@keyframes uc-modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.uc-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.8rem 1rem}.uc-modal-header h3{color:#2d3748;font-size:.95rem;margin:0}.uc-modal-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.3rem;line-height:1;padding:0 4px}.uc-modal-close:hover{color:#e53e3e}.uc-modal-body{display:flex;flex-direction:column;gap:10px;padding:1rem}.uc-modal-body input,.uc-modal-body select,.uc-modal-body textarea{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:.45rem .6rem;width:100%}.uc-modal-body textarea{min-height:100px;resize:vertical}.uc-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:.7rem 1rem}.uc-modal-wide{max-width:560px}.uc-modal-header-actions{align-items:center;display:flex;gap:8px}.uc-btn-sm-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;font-size:.75rem;padding:.25rem .6rem;transition:all .15s}.uc-btn-sm-toggle:hover{border-color:#667eea;color:#667eea}.uc-btn-sm-toggle.active{background:#667eea;border-color:#667eea;color:#fff}.uc-bulk-hint{color:#718096;font-size:.75rem;line-height:1.5;margin:0}.uc-bulk-hint code{background:#edf2f7;border-radius:3px;font-size:.73rem;padding:.1rem .35rem}.uc-bulk-count{color:#667eea;font-size:.78rem;font-weight:600;margin:0}.uc-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.82rem;padding:.4rem .8rem;transition:all .15s}.uc-btn:hover{border-color:#a0aec0}.uc-btn-primary{background:#667eea;border-color:#667eea;color:#fff}.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{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.2rem .5rem}.uc-btn-danger{color:#e53e3e}.uc-pagination{display:flex;gap:4px;justify-content:center;margin-top:.75rem}.uc-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.78rem;padding:.3rem .6rem}.uc-pagination button.active{background:#667eea;border-color:#667eea;color:#fff}.uc-pagination button:disabled{cursor:default;opacity:.4}.uc-date-filter{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.uc-date-filter label{align-items:center;color:#4a5568;display:flex;font-size:.82rem;gap:6px}.uc-date-filter input[type=date]{border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;padding:.3rem .5rem}.uc-stat{color:#718096;font-size:.82rem;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;flex:1 1;padding:1rem 1.5rem;text-align:center}.uc-revenue-label{color:#718096;display:block;font-size:.78rem;margin-bottom:.25rem}.uc-revenue-value{color:#2d3748;font-size:1.4rem;font-weight:700}.uc-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.uc-chart{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.uc-chart h3{color:#2d3748;font-size:.95rem;margin:0 0 .75rem}.uc-chart-bars{align-items:flex-end;display:flex;gap:6px;height:180px;padding-top:10px}.uc-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0}.uc-bar-value{color:#4a5568;font-size:.65rem;margin-bottom:4px;white-space:nowrap}.uc-bar-track{align-items:flex-end;background:#edf2f7;display:flex;height:140px;max-width:32px;overflow:hidden;position:relative}.uc-bar-fill,.uc-bar-track{border-radius:4px 4px 0 0;width:100%}.uc-bar-fill{transition:height .3s}.uc-bar-label{color:#718096;font-size:.65rem;margin-top:4px}.uc-config-panel{margin:0 auto;max-width:700px}.uc-config-header{margin-bottom:1.5rem;text-align:center}.uc-config-header h2{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0 0 .35rem}.uc-config-subtitle{color:#a0aec0;font-size:.85rem;margin:0}.uc-config-grid{display:flex;flex-direction:column;gap:1rem}.uc-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;gap:1rem;padding:1.25rem;transition:box-shadow .2s}.uc-config-card:hover{box-shadow:0 2px 8px #00000014}.uc-config-card-icon{align-items:center;background:#f7f5f0;border-radius:10px;display:flex;flex-shrink:0;font-size:1.6rem;height:44px;justify-content:center;width:44px}.uc-config-card-body{flex:1 1;min-width:0}.uc-config-card-body label{color:#2d3748;display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.uc-config-desc{color:#718096;font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.uc-config-desc code{background:#edf2f7;border-radius:3px;color:#667eea;font-size:.78rem;padding:1px 5px}.uc-config-input-row{display:flex;gap:8px}.uc-config-input-row input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.85rem;padding:.5rem .75rem;transition:border-color .2s}.uc-config-input-row input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26;outline:none}.uc-api-config{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:.75rem}.uc-api-config-row{align-items:center;display:flex;gap:8px;margin-bottom:.5rem;text-align:left}.uc-api-config-row:last-child{margin-bottom:0}.uc-api-config-row label{color:#4a5568;flex-shrink:0;font-size:.82rem;font-weight:600;min-width:70px}.uc-api-header-name{background:#edf2f7;border-radius:4px;color:#e53e3e;font-size:.82rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.uc-api-key-input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.82rem;padding:.4rem .6rem}.uc-api-base-url{background:#edf2f7;border-radius:4px;color:#2d3748;font-size:.82rem;padding:.25rem .5rem;word-break:break-all}.uc-api-tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.uc-btn-copy{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.78rem;padding:.2rem .4rem}.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{align-items:center;display:flex;gap:8px}.uc-api-desc{color:#718096;font-size:.75rem;line-height:1.4;margin:.3rem 0 .1rem}.uc-method-badge{border-radius:4px;flex-shrink:0;font-size:.72rem;font-weight:700;padding:.15rem .5rem;text-transform:uppercase}.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{background:#f7fafc;border-radius:4px;color:#2d3748;flex:1 1;padding:.25rem .5rem;text-align:left;word-break:break-all}.uc-api-full-url,.uc-api-payload{font-family:monospace;font-size:.78rem}.uc-api-payload{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;margin-top:.5rem;padding:.4rem .6rem;resize:vertical;width:100%}.uc-api-params{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.uc-api-param-row{align-items:center;display:flex;gap:.5rem}.uc-api-param-label{color:#975a16;font-family:monospace;font-size:.78rem;min-width:5rem;white-space:nowrap}.uc-api-param-input{background:#fffbeb;border:1px solid #d69e2e;border-radius:4px;box-sizing:border-box;flex:1 1;font-family:monospace;font-size:.78rem;outline:none;padding:.3rem .5rem}.uc-api-param-input:focus{background:#fefcbf;border-color:#b7791f}.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{background:#bee3f8;border-color:#3182ce}.uc-api-date-utc-hint{color:#2b6cb0;font-family:monospace;font-size:.72rem;opacity:.8;white-space:nowrap}.uc-api-result{border-radius:6px;font-size:.78rem;margin-top:.5rem;padding:.5rem .6rem;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{color:#4a5568;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;margin-bottom:.3rem}.uc-api-result pre{color:#2d3748;font-size:.75rem;margin:0;max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.uc-api-notice{border-radius:6px;font-size:.83rem;line-height:1.5;margin:.75rem 0;padding:.55rem .9rem}.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;border-radius:3px;font-size:.8rem;padding:.1rem .35rem}.uc-small{color:#718096;font-size:.78rem;margin-bottom:.5rem}.uc-small code{background:#edf2f7;border-radius:4px;font-size:.75rem;padding:.15rem .4rem}.uc-empty{color:#a0aec0;font-size:.85rem;padding:2rem 0;text-align:center}.uc-filter-blocks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.6rem}.uc-filter-block{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.78rem;gap:4px;padding:.3rem .7rem;transition:all .15s}.uc-filter-block:hover{border-color:#667eea;color:#667eea}.uc-filter-block.active{background:#667eea;border-color:#667eea;color:#fff}.uc-filter-count{background:#0000001a;border-radius:10px;font-size:.72rem;font-weight:600;min-width:18px;padding:0 5px;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-login-summary,.uc-revenue-summary{flex-direction:column}.uc-notes-grid{grid-template-columns:1fr}}.uc-active-panel{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.uc-active-panel h3{color:#276749;font-size:.9rem;margin:0 0 .25rem}.uc-active-note{color:#718096;font-size:.72rem;font-style:italic;margin:0 0 .5rem}.uc-active-list{display:flex;flex-wrap:wrap;gap:.5rem}.uc-active-badge{background:#c6f6d5;border-radius:12px;color:#276749;display:inline-block;font-size:.78rem;font-weight:500;padding:.25rem .6rem}.uc-login-summary{display:flex;gap:1rem;margin-bottom:1rem}.uc-housekeep{background:#fffaf0;border:1px solid #feebc8;border-radius:8px;margin-top:1.5rem;padding:1rem}.uc-housekeep h3{color:#7b341e;font-size:.9rem;margin:0 0 .5rem}.uc-housekeep-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.uc-housekeep-row label{color:#4a5568;font-size:.85rem}.uc-housekeep-row input[type=number]{border:1px solid #e2e8f0;border-radius:4px;font-size:.85rem;padding:.3rem .4rem}.uc-housekeep-result{color:#718096;font-size:.82rem;margin-top:.5rem}.uc-housekeep-last{color:#718096;font-size:.82rem;margin:0 0 .5rem}.uc-btn-danger{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.35rem .8rem}.uc-btn-danger:hover{background:#c53030}.uc-btn-danger:disabled{cursor:not-allowed;opacity:.5}.pbs-container{background:#f4f5f7;display:flex;flex-direction:column;height:100vh}.pbs-toolbar{background:#fff;border-bottom:1px solid #e1e4e8;flex-shrink:0;justify-content:space-between;padding:8px 20px}.pbs-toolbar,.pbs-toolbar-left{align-items:center;display:flex;gap:12px}.pbs-toolbar-left{min-width:0}.pbs-title{color:#222;font-size:15px;font-weight:600;white-space:nowrap}.pbs-url{color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbs-toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.pbs-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 14px;transition:all .15s;white-space:nowrap}.pbs-btn,.pbs-btn:hover{color:#333;text-decoration:none}.pbs-btn:hover{background:#f5f5f5;border-color:#ccc}.pbs-frame-wrap{flex:1 1;overflow:hidden;position:relative}.pbs-iframe{border:none;display:block;height:100%;width:100%}.pbs-loading{align-items:center;background:#f4f5f7;color:#666;display:flex;flex-direction:column;font-size:14px;gap:16px;inset:0;justify-content:center;position:absolute;z-index:5}.pbs-spinner{animation:pbs-spin .8s linear infinite;border:3px solid #e1e4e8;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}@keyframes pbs-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.pbs-toolbar{padding:8px 12px}.pbs-url{display:none}}.tmt-container{background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.tmt-tabs{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 1rem}.tmt-project-name{background:linear-gradient(135deg,#e65100,#ff6d00);border-radius:6px;box-shadow:0 2px 6px #e6510059;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.03em;margin-right:.75rem;padding:.35rem .85rem;text-shadow:0 1px 2px #00000026;white-space:nowrap}.tmt-tab{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:.85rem;padding:.65rem 1.1rem;transition:all .15s;white-space:nowrap}.tmt-tab:hover{color:#4a5568}.tmt-tab.active{border-bottom-color:#e65100;color:#e65100;font-weight:600}.tmt-main{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:1rem;text-align:left;width:100%}.tmt-section h2{color:#2d3748;font-size:1.15rem;margin:0 0 1rem}.tmt-notes-board{background:#f7f5f0;background-image:radial-gradient(circle at 20% 80%,#e6510008 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6d0008 0,#0000 50%);border:1px solid #e2dfd8;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:1rem}.tmt-notes-header{align-items:center;border-bottom:1px solid #e2dfd8;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.tmt-notes-board h2{color:#2d3748;font-size:1rem;font-weight:700;margin:0}.tmt-notes-actions{align-items:center;display:flex;gap:.5rem}.tmt-notes-add-btn{background:#e65100;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .2s}.tmt-notes-add-btn:hover{background:#bf360c}.tmt-notes-template-wrapper{position:relative}.tmt-notes-template-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;transition:all .2s}.tmt-notes-template-btn:hover{background:#f7fafc;border-color:#cbd5e0}.tmt-notes-template-dropdown{animation:fadeIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:200px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.tmt-notes-template-item{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:block;font-size:.82rem;font-weight:500;padding:8px 12px;text-align:left;transition:all .15s;width:100%}.tmt-notes-template-item:hover{background:#fff3e0;color:#e65100}.tmt-empty{color:#a0aec0;font-size:.9rem;font-style:italic;padding:3rem 1rem;text-align:center}.tmt-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.82rem;font-weight:600;padding:.4rem .8rem;transition:all .15s}.tmt-btn:hover{background:#f7fafc;border-color:#cbd5e0}.tmt-btn-primary{background:#e65100;border-color:#e65100;color:#fff}.tmt-btn-primary:hover{background:#bf360c;border-color:#bf360c}.tmt-btn-danger{border-color:#feb2b2;color:#e53e3e}.tmt-btn-danger:hover{background:#fff5f5;border-color:#e53e3e}.tmt-config-panel{margin:0 auto;max-width:700px}.tmt-config-header{margin-bottom:1.5rem;text-align:center}.tmt-config-header h2{color:#2d3748;font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.tmt-config-subtitle{color:#a0aec0;font-size:.85rem;margin:0}.tmt-config-grid{grid-gap:1rem;display:grid;gap:1rem}.tmt-config-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;gap:1rem;padding:1.25rem}.tmt-config-card-icon{align-items:center;background:#fff3e0;border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.tmt-config-card-body{flex:1 1}.tmt-config-card-body label{color:#2d3748;display:block;font-size:.95rem;font-weight:700;margin-bottom:.15rem}.tmt-config-desc{color:#a0aec0;font-size:.8rem;margin:0 0 .6rem}.tmt-config-input-row{display:flex;gap:.5rem}.tmt-config-input-row input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.88rem;padding:.45rem .7rem}.tmt-config-input-row input:focus{border-color:#e65100;box-shadow:0 0 0 3px #e651001a;outline:none}.tmt-note-form-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tmt-note-form{background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000026;max-height:85vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:90%}.tmt-note-form h3{color:#2d3748;font-size:1.1rem;margin:0 0 1rem}.tmt-note-form input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.9rem;margin-bottom:.75rem;padding:.5rem .7rem;width:100%}.tmt-note-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.tmt-note-preview-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tmt-note-preview-popup{border-radius:12px;box-shadow:0 8px 30px #00000026;max-height:80vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.tmt-note-preview-close{align-items:center;background:#00000014;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:28px}.tmt-note-preview-close:hover{background:#00000026}.tmt-note-preview-actions{display:flex;gap:.5rem;margin-top:1rem}@media (max-width:768px){.tmt-main{padding:.75rem}.tmt-config-card{align-items:center;text-align:center}.tmt-config-card,.tmt-config-input-row{flex-direction:column}}.tmt-config-section-title{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:.95rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.4rem}.tmt-date-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.tmt-date-filter label{align-items:center;color:#4a5568;display:flex;font-size:.85rem;gap:.4rem}.tmt-date-filter input[type=date]{border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;padding:.35rem .5rem}.tmt-date-filter input[type=date]:focus{border-color:#e65100;box-shadow:0 0 0 3px #e651001a;outline:none}.tmt-login-summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.tmt-summary-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;min-width:100px;padding:.75rem 1.25rem}.tmt-summary-label{color:#a0aec0;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.tmt-summary-value{color:#e65100;font-size:1.4rem;font-weight:700}.tmt-table-wrap{margin-bottom:1rem;overflow-x:auto}.tmt-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000000a;font-size:.82rem;overflow:hidden;width:100%}.tmt-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:700;padding:.6rem .75rem;text-align:left;white-space:nowrap}.tmt-table td{border-bottom:1px solid #edf2f7;color:#2d3748;padding:.55rem .75rem}.tmt-table tr:hover td{background:#fff7ed}.tmt-method-badge{background:#edf2f7;border-radius:4px;color:#4a5568;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:.15rem .45rem;text-transform:uppercase}.tmt-method-get{background:#c6f6d5;color:#22543d}.tmt-method-post{background:#bee3f8;color:#2a4365}.tmt-method-put{background:#fefcbf;color:#744210}.tmt-method-delete{background:#fed7d7;color:#9b2c2c}.tmt-pagination{display:flex;gap:.25rem;justify-content:center;margin:1rem 0}.tmt-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.8rem;padding:.35rem .7rem;transition:all .15s}.tmt-pagination button:hover:not(:disabled){background:#fff3e0;border-color:#e65100;color:#e65100}.tmt-pagination button.active{background:#e65100;border-color:#e65100;color:#fff}.tmt-pagination button:disabled{cursor:not-allowed;opacity:.4}.tmt-housekeep{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;margin-top:1.5rem;padding:1rem 1.25rem}.tmt-housekeep h3{color:#2d3748;font-size:1rem;margin:0 0 .5rem}.tmt-housekeep-last{color:#718096;font-size:.82rem;margin:0 0 .75rem}.tmt-housekeep-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.tmt-housekeep-row label{color:#4a5568;font-size:.85rem}.tmt-housekeep-result{color:#38a169;font-size:.85rem;font-weight:600;margin:.5rem 0 0}.tmt-api-config{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;margin-bottom:1rem;padding:1rem}.tmt-api-config-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tmt-api-config-row:last-child{margin-bottom:0}.tmt-api-config-row label{color:#4a5568;font-size:.82rem;font-weight:600;min-width:80px}.tmt-api-header-name{background:#edf2f7;border-radius:4px;color:#e65100;font-size:.8rem;padding:.25rem .5rem}.tmt-api-key-input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-family:monospace;font-size:.85rem;padding:.35rem .6rem}.tmt-api-key-input:focus{border-color:#e65100;box-shadow:0 0 0 3px #e651001a;outline:none}.tmt-api-base-url{background:#edf2f7;border-radius:4px;color:#2d3748;font-size:.8rem;padding:.25rem .5rem}.tmt-api-tab-bar{display:flex;gap:.5rem;margin-bottom:1rem}.tmt-api-tests{display:flex;flex-direction:column;gap:.75rem}.tmt-api-test-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:1rem}.tmt-api-test-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tmt-api-full-url{color:#4a5568;flex:1 1;font-size:.78rem;word-break:break-all}.tmt-btn-copy{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .4rem}.tmt-btn-copy:hover{background:#f7fafc}.tmt-api-desc{color:#a0aec0;font-size:.78rem;margin:.4rem 0}.tmt-api-payload{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-family:monospace;font-size:.78rem;margin-top:.4rem;padding:.5rem;resize:vertical;width:100%}.tmt-api-payload:focus{border-color:#e65100;outline:none}.tmt-api-result{border-radius:6px;font-size:.78rem;margin-top:.5rem;overflow-x:auto;padding:.5rem}.tmt-api-result.success{background:#f0fff4;border:1px solid #c6f6d5}.tmt-api-result.error{background:#fff5f5;border:1px solid #fed7d7}.tmt-api-result-meta{color:#4a5568;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.3rem}.tmt-api-result pre{font-size:.75rem;margin:0;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.tmt-api-notice{border-radius:6px;font-size:.83rem;line-height:1.5;margin:.75rem 0;padding:.55rem .9rem}.tmt-api-notice--info{background:#ebf4ff;border-left:3px solid #4299e1;color:#2b6cb0}.tmt-api-notice--ok{background:#f0fff4;border-left:3px solid #48bb78;color:#276749}.tmt-api-notice code{background:#00000014;border-radius:3px;font-size:.8rem;padding:.1rem .35rem}.technical-notes-page{background:linear-gradient(160deg,#f8f4ef,#f0ebe3 40%,#e8e0d5);min-height:100vh}.tn-container{margin:0 auto;max-width:1260px;padding:32px 32px 56px}.tn-list-header{align-items:center;border-bottom:2px solid #8b6d4f1f;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.tn-list-header-info{align-items:center;display:flex;gap:14px}.tn-list-header h2{align-items:center;color:#3e2c1c;display:flex;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:800;gap:10px;letter-spacing:-.02em;margin:0}.tn-list-header h2 svg{color:#8b6d4f;flex-shrink:0}.tn-count{align-items:center;background:#8b6d4f1a;border-radius:20px;color:#8b6d4f;display:inline-flex;font-size:.72rem;font-weight:600;justify-content:center;letter-spacing:.02em;min-width:24px;padding:3px 12px}.tn-search-bar{margin-bottom:14px;position:relative}.tn-search-icon{color:#b09a82;height:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.tn-search-bar input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1.5px solid #8b6d4f2e;border-radius:12px;box-sizing:border-box;color:#3e2c1c;font-size:.9rem;outline:none;padding:12px 40px 12px 44px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.tn-search-bar input:focus{background:#fff;border-color:#8b6d4f;box-shadow:0 0 0 3px #8b6d4f14}.tn-search-bar input::placeholder{color:#bfae9d}.tn-search-clear{background:none;border:none;border-radius:4px;color:#b09a82;cursor:pointer;font-size:.9rem;line-height:1;padding:4px 6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.tn-search-clear:hover{background:#8b6d4f14;color:#6b5040}.tn-tag-filter-bar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;padding:0 2px}.tn-tag-filter-pill{align-items:center;border:1.5px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:5px;letter-spacing:.01em;line-height:1.3;padding:5px 14px;transition:all .18s ease;white-space:nowrap}.tn-tag-filter-pill:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.tn-tag-filter-pill.active{box-shadow:0 2px 10px #0000001f;transform:translateY(-1px)}.tn-tag-filter-bar .tag-filter-clear{background:#0000;border:1px solid #ddd;border-radius:20px;color:#999;cursor:pointer;font-size:.65rem;padding:3px 10px;transition:all .15s}.tn-tag-filter-bar .tag-filter-clear:hover{background:#fee;border-color:#c44;color:#c44}.tn-category-filter-bar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;padding:0 2px}.tn-category-filter-pill{align-items:center;background:#f8f9fa;border:1.5px solid #d0d5dd;border-radius:20px;color:#555;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:4px;letter-spacing:.01em;line-height:1.3;padding:5px 14px;transition:all .18s ease;white-space:nowrap}.tn-category-filter-pill:hover{background:#eef0f4;border-color:#667eea;box-shadow:0 2px 8px #00000014;color:#667eea;transform:translateY(-1px)}.tn-category-filter-pill.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 10px #667eea40;color:#fff;transform:translateY(-1px)}.tn-category-count{font-size:.7rem;font-weight:400;opacity:.75}.tn-category-filter-bar .tag-filter-clear{background:#0000;border:1px solid #ddd;border-radius:20px;color:#999;cursor:pointer;font-size:.65rem;padding:3px 10px;transition:all .15s}.tn-category-filter-bar .tag-filter-clear:hover{background:#fee;border-color:#c44;color:#c44}.tn-card-category-badge{background:#eef0f4;border:1px solid #d0d5f4;border-radius:12px;font-size:.68rem;margin-top:6px;padding:2px 10px}.tn-card-category-badge,.tn-read-header-category{color:#667eea;display:inline-block;font-weight:600}.tn-read-header-category{background:#667eea1f;border:1px solid #667eea40;border-radius:12px;font-size:.72rem;margin-left:8px;padding:2px 12px;vertical-align:middle}.tn-mv-info-category{background:#667eea26;border-radius:10px;color:#90a0f0;display:inline-block;font-size:.68rem;font-weight:600;margin-top:4px;padding:2px 10px}.tn-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tn-card{background:#fffcf8;border:none;border-radius:6px;box-shadow:0 1px 4px #3e2c1c12,0 4px 14px #3e2c1c0a;cursor:pointer;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;position:relative;transition:box-shadow .25s,transform .2s}.tn-card:before{background:linear-gradient(180deg,#c9a96e,#8b6d4f);border-radius:6px 0 0 6px;bottom:0;content:"";left:0;opacity:.55;position:absolute;top:0;transition:opacity .2s,width .2s;width:5px}.tn-card:hover{box-shadow:0 4px 20px #3e2c1c1a,0 8px 30px #3e2c1c0f;transform:translateY(-3px)}.tn-card:hover:before{opacity:1;width:6px}.tn-card-body{flex:1 1;min-width:0;padding:18px 20px 10px 22px;text-align:left}.tn-card-title{color:#3e2c1c;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;line-height:1.35;margin:0 0 6px;padding-right:28px;text-overflow:ellipsis;white-space:nowrap}.tn-card-desc,.tn-card-title{overflow:hidden;text-align:left}.tn-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7a6b5d;display:-webkit-box;font-size:.82rem;line-height:1.5;margin:0 0 8px}.tn-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tn-card-footer{align-items:center;background:#8b6d4f05;border-top:1px solid #8b6d4f14;display:flex;justify-content:space-between;padding:8px 16px 10px 14px}.tn-tag-pill{background:#eef0ff;border-radius:4px;color:#5c6bc0;display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:2.5px 10px;white-space:nowrap}.tn-date{color:#b09a82;flex-shrink:0;font-size:.73rem;gap:5px;white-space:nowrap}.tn-date,.tn-loading{align-items:center;display:flex}.tn-loading{color:#8b7d6f;flex-direction:column;font-size:.9rem;gap:12px;justify-content:center;margin-top:80px}.tn-spinner{animation:tn-spin .6s linear infinite;border:2.5px solid #8b6d4f26;border-radius:50%;border-top-color:#8b6d4f;height:24px;width:24px}@keyframes tn-spin{to{transform:rotate(1turn)}}.tn-empty-state{color:#8b7d6f;padding:80px 20px 60px;text-align:center}.tn-empty-state svg{color:#c9a96e;margin-bottom:16px;opacity:.5}.tn-empty-title{color:#5a4a3a;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;margin:0 0 6px}.tn-empty-sub{color:#a0907e;font-size:.88rem;margin:0 0 24px}.tn-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:6px;line-height:1.4;padding:8px 18px;transition:background .18s,box-shadow .18s,transform .12s}.tn-btn:disabled{cursor:not-allowed;opacity:.45}.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{border-radius:8px;font-size:.85rem;font-weight:700;padding:9px 20px}.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:#0000;border:1px solid #d5d9f2;color:#667eea}.tn-btn-ghost:hover{background:#f0f1ff}.tn-btn-danger{background:#ef5350;color:#fff}.tn-btn-danger:hover{background:#e53935}.tn-btn-danger-outline{background:#0000;border:1px solid #f5c6c6;color:#ef5350}.tn-btn-danger-outline:hover{background:#fef2f2}.tn-pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:32px}.tn-pagination button{background:#ffffffbf;border:1px solid #8b6d4f26;border-radius:6px;color:#5a4a3a;cursor:pointer;font-size:.82rem;padding:7px 14px;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;border-color:#667eea;color:#fff}.tn-pagination button:disabled{cursor:not-allowed;opacity:.35}.tn-ellipsis{color:#bbb;padding:0 4px}.tn-fullscreen{background:#fff;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:1000}.tn-fullscreen-header{background:#fafbfc;border-bottom:1px solid #e8eaef;gap:8px;height:50px;padding:0 16px}.tn-back-btn,.tn-fullscreen-header{align-items:center;display:flex;flex-shrink:0}.tn-back-btn{background:#0000;border:none;border-radius:6px;color:#555;cursor:pointer;height:34px;justify-content:center;transition:background .12s,color .12s;width:34px}.tn-back-btn:hover{background:#eef0f5;color:#1a1a2e}.tn-fullscreen-header-center{align-items:center;display:flex;flex:1 1;min-width:0}.tn-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-header-title,.tn-title-input{color:#1a1a2e;font-size:.95rem;font-weight:600}.tn-title-input{background:#fff;border:1px solid #dde0e8;border-radius:6px;max-width:600px;outline:none;padding:6px 12px;transition:border-color .15s;width:100%}.tn-title-input:focus{border-color:#667eea}.tn-fullscreen-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.tn-meta-panel{background:#f8f9fb;border-bottom:1px solid #e8eaef;display:flex;flex-shrink:0;gap:16px;padding:12px 24px}.tn-meta-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.tn-meta-field label{color:#8b8fa3;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tn-meta-field input{background:#fff;border:1px solid #dde0e8;border-radius:6px;color:#333;font-size:.88rem;outline:none;padding:7px 10px;transition:border-color .15s}.tn-meta-field input:focus{border-color:#667eea}.tn-fullscreen-body{flex:1 1;overflow-y:auto}.tn-fullscreen-body,.tn-wysiwyg{background:#eef0f4;display:flex;flex-direction:column}.tn-wysiwyg{position:relative}.tn-toolbar{align-items:center;background:#fafbfc;border-bottom:1px solid #e8eaef;display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px;padding:6px 16px;position:sticky;top:0;z-index:20}.tn-toolbar-group{display:flex;gap:1px}.tn-toolbar-sep{background:#e0e2e8;flex-shrink:0;height:22px;margin:0 6px;width:1px}.tn-toolbar button{align-items:center;background:#0000;border:none;border-radius:4px;color:#555;cursor:pointer;display:inline-flex;font-size:.8rem;gap:2px;height:28px;line-height:1;padding:5px 7px;transition:background .1s,color .1s;white-space:nowrap}.tn-toolbar button:hover{background:#e8eaef;color:#222}.tn-toolbar button svg{display:block;flex-shrink:0}.tn-float-toolbar{align-items:center;background:#1e1e2e;border:1px solid #3a3a52;border-radius:8px;box-shadow:0 4px 16px #00000059;display:flex;gap:1px;padding:4px 6px;pointer-events:all;white-space:nowrap;z-index:50}.tn-float-toolbar,.tn-float-toolbar:after{position:absolute;transform:translateX(-50%)}.tn-float-toolbar:after{border:5px solid #0000;border-top-color:#1e1e2e;content:"";left:50%;top:100%}.tn-float-toolbar button{align-items:center;background:#0000;border:none;border-radius:5px;color:#e0e0f0;cursor:pointer;display:inline-flex;font-size:.82rem;gap:1px;height:26px;line-height:1;padding:4px 7px;transition:background .1s,color .1s}.tn-float-toolbar button:hover{background:#ffffff26;color:#fff}.tn-float-sep{background:#ffffff2e;display:inline-block;flex-shrink:0;height:18px;margin:0 3px;width:1px}.tn-float-dd-wrap{display:inline-flex;position:relative}.tn-float-color-btn{padding:4px 6px}.tn-float-dd-wrap .tn-cp-popup{left:50%;top:calc(100% + 6px);transform:translateX(-50%);z-index:60}.tn-editor-content{background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000000f,0 4px 16px #00000014;color:#2c2c3a;font-size:.9rem;line-height:1.6;margin:24px auto;max-width:860px;min-height:680px;min-width:min(820px,calc(100% - 48px));outline:none;padding:28px 40px;text-align:left}.tn-editor-content:empty:before{color:#b8bcc8;content:attr(data-placeholder);pointer-events:none}.tn-editor-content h1{color:#1a1a2e;font-size:1.6rem;font-weight:400;margin:.8em 0 .3em}.tn-editor-content h2{border-bottom:1px solid #eef0f5;color:#1a1a2e;font-size:1.3rem;font-weight:400;margin:.7em 0 .25em;padding-bottom:6px}.tn-editor-content h3{color:#1a1a2e;font-size:2rem;font-weight:400;margin:.6em 0 .2em}.tn-editor-content h4{color:#1a1a2e;font-size:1rem;font-weight:400;margin:.5em 0 .15em}.tn-editor-content h5{color:#1a1a2e;font-size:.9rem;font-weight:600;margin:.4em 0 .1em}.tn-editor-content p{margin:.5em 0}.tn-editor-content ol,.tn-editor-content ul{margin:.5em 0;padding-left:1.6em}.tn-editor-content li{margin-bottom:.25em}.tn-editor-content blockquote{background:#f5f6ff;border-left:3px solid #667eea;border-radius:0 6px 6px 0;color:#444;margin:.8em 0;padding:10px 18px}.tn-editor-content pre{word-wrap:normal;background:#1e1e2e;border-radius:8px;color:#cdd6f4;font-size:.84rem;line-height:1.2;margin:.8em 0;overflow-x:auto;overflow-y:hidden;padding:12px 18px;white-space:pre}.tn-editor-content code,.tn-editor-content pre{font-family:Consolas,Monaco,Fira Code,monospace}.tn-editor-content code{background:#f0f1f5;border-radius:4px;color:#d63384;font-size:.88em;padding:2px 6px}.tn-editor-content pre code{background:none;color:inherit;padding:0}.tn-editor-content table{border-collapse:collapse;font-size:.84rem;margin:.8em 0}.tn-editor-content td,.tn-editor-content th{border:1px solid #dde0e8;line-height:1.4;padding:0 5px}.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;color:#3c3f51;font-weight:600}.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;cursor:text;text-decoration:underline}.tn-editor-content a:hover{background:#667eea14;border-radius:2px;color:#4a5ecf}.tn-editor-content pre:has(.tn-code-numbered){overflow:hidden;padding:0}.tn-editor-content pre code.tn-code-numbered{background:none;color:inherit;display:block;font-size:inherit;line-height:0;overflow-x:auto;padding:12px 16px 12px 0}.tn-editor-content .tn-code-line{display:block;line-height:1.2;margin:0;min-height:0;padding-bottom:0;padding-left:3.8em;padding-top:0;position:relative}.tn-editor-content .tn-code-line:before{border-right:1px solid #313244;box-sizing:border-box;color:#6c7086;content:attr(data-line);left:0;padding-right:.5em;position:absolute;text-align:right;-webkit-user-select:none;user-select:none;width:2.8em}.tn-drop-caret{animation:tn-drop-caret-blink .6s step-end infinite;background:#667eea;display:inline-block;height:1.2em;margin:0 -1px;pointer-events:none;vertical-align:text-bottom;width:2px}@keyframes tn-drop-caret-blink{0%,to{opacity:1}50%{opacity:0}}.tn-reader{background:#fff;border-radius:2px;box-shadow:0 1px 4px #0000000f,0 4px 16px #00000014;display:flex;flex:1 0 auto;flex-direction:column;margin:24px auto;max-width:860px;min-width:min(820px,calc(100% - 48px));padding:36px 48px 32px;text-align:left}.tn-reader-header-area{margin-bottom:32px}.tn-reader-title{color:#1a1a2e;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 8px}.tn-reader-desc{color:#6b7085;font-size:1rem;line-height:1.55;margin:0 0 16px}.tn-reader-meta{align-items:center;border-bottom:1px solid #e8eaef;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px}.tn-reader-meta-left{display:flex;flex:1 1;flex-wrap:wrap;gap:5px}.tn-reader-date{align-items:center;color:#a0a4b8;display:flex;flex-shrink:0;font-size:.78rem;gap:4px}.tn-reader-content{word-wrap:break-word;color:#2c2c3a;flex:1 1 auto;font-size:.9rem;line-height:1.6;text-align:left}.tn-reader-content h1{color:#1a1a2e;font-size:1.6rem;font-weight:400;margin:.8em 0 .3em}.tn-reader-content h2{border-bottom:1px solid #eef0f5;color:#1a1a2e;font-size:1.3rem;font-weight:400;margin:.7em 0 .25em;padding-bottom:6px}.tn-reader-content h3{color:#1a1a2e;font-size:2rem;font-weight:400;margin:.6em 0 .2em}.tn-reader-content h4{color:#1a1a2e;font-size:1rem;font-weight:400;margin:.5em 0 .15em}.tn-reader-content h5{color:#1a1a2e;font-size:.9rem;font-weight:600;margin:.4em 0 .1em}.tn-reader-content p{margin:.5em 0}.tn-reader-content b,.tn-reader-content strong{font-weight:700}.tn-reader-content em,.tn-reader-content i{font-style:italic}.tn-reader-content ol,.tn-reader-content ul{margin:.5em 0;padding-left:1.6em}.tn-reader-content li{margin-bottom:.25em}.tn-reader-content blockquote{background:#f5f6ff;border-left:3px solid #667eea;border-radius:0 6px 6px 0;color:#444;margin:.8em 0;padding:10px 18px}.tn-reader-content pre{word-wrap:normal;background:#1e1e2e;border-radius:8px;color:#cdd6f4;font-size:.84rem;line-height:1.2;margin:.8em 0;overflow-x:auto;overflow-y:hidden;padding:12px 18px;white-space:pre}.tn-reader-content code,.tn-reader-content pre{font-family:Consolas,Monaco,Fira Code,monospace}.tn-reader-content code{background:#f0f1f5;border-radius:4px;color:#d63384;font-size:.88em;padding:2px 6px}.tn-reader-content pre code{background:none;color:inherit;padding:0}.tn-reader-content table{border-collapse:collapse;font-size:.84rem;margin:.8em 0}.tn-reader-content td,.tn-reader-content th{border:1px solid #dde0e8;line-height:1.4;padding:0 5px}.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;color:#3c3f51;font-weight:600}.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;cursor:pointer;text-decoration:underline}.tn-reader-content a:hover{background:#667eea14;border-radius:2px;color:#4a5ecf}.tn-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.tn-confirm{background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000026;max-width:380px;padding:32px 36px;text-align:center;width:90%}.tn-confirm p{color:#333;font-size:.95rem;line-height:1.5;margin:0 0 20px}.tn-confirm-actions{display:flex;gap:10px;justify-content:center}@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.tn-read-mode .tn-read-header-tags,.tn-fullscreen-header:not(.tn-read-mode) .tn-fullscreen-header-center{display:none}.tn-fullscreen-header.tn-read-mode .tn-read-header-title{font-size:.9rem}.tn-drawio-modal{height:90vh;width:98vw}.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{align-items:flex-start;flex-direction:column;gap:12px}}.tn-hidden-input{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.tn-color-btn{font-weight:700!important;position:relative}.tn-color-bar{border-radius:1px;display:block;height:3px;margin:1px auto 0;width:14px}.tn-highlight-icon{background:#ffeb3b;border-radius:2px;font-weight:700;padding:0 3px}.tn-caret{font-size:.65em;margin-left:1px;opacity:.6}.tn-dd-wrap{display:inline-flex;position:relative}.tn-dd-trigger{font-size:.8rem!important;min-width:80px;padding-right:14px!important;text-align:left}.tn-dropdown-panel{background:#fff;border:1px solid #dde0e8;border-radius:6px;box-shadow:0 6px 20px #0000001f;left:0;max-height:400px;min-width:160px;overflow-y:auto;padding:4px 0;position:absolute;top:calc(100% + 4px);z-index:200}.tn-dropdown-panel button{background:#0000;border:none;color:#333;cursor:pointer;display:block;font-size:.82rem;padding:6px 14px;text-align:left;transition:background .1s;white-space:nowrap;width:100%}.tn-dropdown-panel button:hover{background:#f0f1f8}.tn-dd-divider{background:#e8eaef;height:1px;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{color:#666;font-size:.78rem;font-weight:500;margin-bottom:6px;text-align:center}.tn-tp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr)}.tn-tp-cell{border:1px solid #d0d3dc;border-radius:2px;cursor:pointer;height:16px;transition:background .08s,border-color .08s;width:16px}.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{border-radius:2px;outline:2px solid #4a9eff;outline-offset:2px}.tn-table-toolbar{align-items:center;background:#fff;border:1px solid #d0d3dc;border-radius:6px;box-shadow:0 3px 12px #0000001f;display:flex;gap:2px;padding:3px 4px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.tn-table-toolbar>button{align-items:center;background:none;border:none;border-radius:4px;color:#444;cursor:pointer;display:flex;font-size:.78rem;gap:2px;height:28px;justify-content:center;min-width:28px;padding:0 4px;transition:background .12s,color .12s}.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{cursor:default;opacity:.35;pointer-events:none}.tn-table-toolbar-sep{background:#e2e4ea;height:20px;margin:0 2px;width:1px}.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;box-shadow:0 12px 40px #0003;max-width:95vw;overflow:visible;width:440px}.tn-props-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e4ea;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.tn-props-modal-title{color:#1a1a2e;font-size:1.05rem;font-weight:600}.tn-props-modal-body{background:#fff;display:flex;flex-direction:column;gap:16px;padding:20px}.tn-props-color-row{align-items:center;display:flex;gap:8px}.tn-props-color-row input[type=color]{background:none;border:1px solid #d0d3dc;border-radius:4px;cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:36px}.tn-props-color-row input[type=text]{border:1px solid #d0d3dc;border-radius:4px;color:#333;flex:1 1;font-size:.9rem;outline:none;padding:9px 12px;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{background:#fff;border:1px solid #d0d3dc;border-radius:6px;box-shadow:0 4px 16px #00000026;left:0;min-width:232px;padding:10px;position:absolute;top:100%;z-index:12000}.tn-cp-label{color:#555;font-size:.75rem;font-weight:600;margin-bottom:6px}.tn-cp-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);margin-bottom:8px}.tn-cp-swatch{border:1px solid #d0d3dc;border-radius:2px;cursor:pointer;height:20px;padding:0;transition:transform .1s;width:20px}.tn-cp-swatch:hover{border-color:#333;transform:scale(1.25);z-index:1}.tn-cp-swatch.tn-cp-active{border:2px solid #222;transform:scale(1.2)}.tn-cp-input-row{align-items:center;display:flex;gap:4px;margin-top:4px}.tn-cp-hash{color:#888;font-size:.85rem;font-weight:600}.tn-cp-hex-input{border:1px solid #d0d3dc;border-radius:3px;flex:1 1;font-family:monospace;font-size:.85rem;outline:none;padding:4px 6px}.tn-cp-hex-input:focus{border-color:#3b82f6}.tn-cp-clear{background:#f3f3f5;border:1px solid #d0d3dc;border-radius:3px;color:#666;cursor:pointer;font-size:.75rem;padding:4px 8px}.tn-cp-clear:hover{background:#e8e8ec}.tn-cp-swatch-btn{border:1px solid #d0d3dc;border-radius:4px;cursor:pointer;flex-shrink:0;height:36px;padding:0;width:36px}.tn-cp-swatch-btn:hover{border-color:#333}.tn-cp-swatch-sm{height:24px;width:24px}.tn-img-border-popup{background:#fff;border:1px solid #d0d3dc;border-radius:6px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:10px 12px;position:absolute;z-index:11000}.tn-img-bp-row{align-items:center;display:flex;gap:6px}.tn-img-bp-row label{color:#555;font-size:.8rem;font-weight:600;min-width:42px}.tn-img-bp-row input[type=number]{border:1px solid #d0d3dc;border-radius:3px;font-size:.85rem;outline:none;padding:3px 6px;width:52px}.tn-img-bp-row input[type=number]:focus{border-color:#3b82f6}.tn-img-bp-unit{color:#888;font-size:.8rem}.tn-img-bp-hex{border:1px solid #d0d3dc;border-radius:3px;flex:1 1;font-family:monospace;font-size:.85rem;max-width:80px;outline:none;padding:3px 6px}.tn-img-bp-hex:focus{border-color:#3b82f6}.tn-img-bp-clear{background:#f3f3f5;border:1px solid #d0d3dc;border-radius:3px;color:#666;cursor:pointer;font-size:.75rem;padding:3px 8px}.tn-img-bp-clear:hover{background:#e8e8ec}.tn-drawio-fullscreen{background:#fff;inset:0;position:fixed;z-index:9999}.tn-drawio-fullscreen-frame{border:0;height:100%;width:100%}.tn-editor-content figure.note-diagram,.tn-reader-content figure.note-diagram{border:none;cursor:default;margin:1em 0;padding:0;text-align:left}.tn-editor-content figure.note-diagram img,.tn-reader-content figure.note-diagram img{border-radius:4px;height:auto;max-width:100%}.tn-editor-content figure.note-diagram figcaption,.tn-reader-content figure.note-diagram figcaption{color:#8b8fa3;font-size:.82rem;font-style:italic;margin-top:6px}.tn-editor-content img{cursor:pointer;transition:outline .1s}.tn-resize-wrapper{display:inline-block!important;line-height:0!important;outline:2px solid #3b82f6;outline-offset:2px;position:relative!important}.tn-resize-wrapper img{display:block;max-width:100%}.tn-resize-handle{background:#3b82f6;border:1.5px solid #fff;box-shadow:0 0 2px #0000004d;height:10px;position:absolute;width:10px;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{cursor:nw-resize;left:-5px;top:-5px}.tn-resize-ne{cursor:ne-resize;right:-5px;top:-5px}.tn-resize-sw{bottom:-5px;cursor:sw-resize;left:-5px}.tn-resize-se{bottom:-5px;cursor:nwse-resize;right:-5px}.tn-reader-content img{border-radius:6px;cursor:default;height:auto;max-width:100%}.tn-code-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.tn-code-modal{background:#fff;border-radius:10px;box-shadow:0 16px 48px #00000038;display:flex;flex-direction:column;height:80vh;max-width:960px;overflow:hidden;width:90vw}.tn-code-modal-header{align-items:center;background:#fafbfc;border-bottom:1px solid #e2e4ea;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.tn-code-modal-title{color:#1a1a2e;font-size:.95rem;font-weight:600}.tn-code-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background .12s;width:32px}.tn-code-modal-close:hover{background:#eee;color:#333}.tn-code-modal-body{display:flex;flex:1 1;min-height:0}.tn-code-sidebar{background:#f8f9fb;border-right:1px solid #e2e4ea;display:flex;flex-direction:column;flex-shrink:0;width:180px}.tn-code-lang-search{background:#fff;border:none;border-bottom:1px solid #e2e4ea;box-sizing:border-box;font-size:.82rem;outline:none;padding:8px 12px;width:100%}.tn-code-lang-search:focus{box-shadow:inset 0 -2px 0 #667eea}.tn-code-lang-list{flex:1 1;overflow-y:auto;padding:4px 0}.tn-code-lang-item{background:#0000;border:none;color:#444;cursor:pointer;display:block;font-size:.82rem;padding:6px 14px;text-align:left;transition:background .1s;width:100%}.tn-code-lang-item:hover{background:#eef0f5}.tn-code-lang-item.active{background:#667eea;color:#fff;font-weight:500}.tn-code-editor-area{display:flex;flex:1 1;flex-direction:column;min-width:0}.tn-code-editor-wrap{background:#1e1e2e;display:flex;flex:1 1;overflow:hidden}.tn-code-gutter{background:#181825;color:#6c7086;flex-shrink:0;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.85rem;line-height:1.6;min-width:44px;overflow:hidden;padding:12px 0;text-align:right;-webkit-user-select:none;user-select:none}.tn-code-gutter-line{padding:0 10px 0 8px}.tn-code-textarea{background:#1e1e2e;border:none;color:#cdd6f4;flex:1 1;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.85rem;line-height:1.6;outline:none;overflow:auto;padding:12px 16px;resize:none;tab-size:2;white-space:pre}.tn-code-textarea::placeholder{color:#585b70}.tn-code-modal-footer{background:#fafbfc;border-top:1px solid #e2e4ea;display:flex;flex-shrink:0;justify-content:flex-end;padding:10px 20px}.tn-reader-content pre:has(.tn-code-numbered){overflow:hidden;padding:0}.tn-reader-content pre code.tn-code-numbered{background:none;color:inherit;display:block;font-size:inherit;line-height:0;overflow-x:auto;padding:12px 16px 12px 0}.tn-reader-content .tn-code-line{display:block;line-height:1.5;margin:0;min-height:0;padding-bottom:0;padding-left:3.8em;padding-top:0;position:relative}.tn-reader-content .tn-code-line:before{border-right:1px solid #313244;box-sizing:border-box;color:#6c7086;content:attr(data-line);left:0;padding-right:.5em;position:absolute;text-align:right;-webkit-user-select:none;user-select:none;width:2.8em}@media (max-width:768px){.tn-code-modal{height:90vh;width:98vw}.tn-code-sidebar{width:140px}}.tn-link-modal{background:#fff;border-radius:10px;box-shadow:0 12px 40px #0003;max-width:95vw;overflow:hidden;width:480px}.tn-link-modal-header{align-items:center;border-bottom:1px solid #e2e4ea;display:flex;justify-content:space-between;padding:16px 20px}.tn-link-modal-title{color:#1a1a2e;font-size:1.05rem;font-weight:600}.tn-link-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.tn-link-field{display:flex;flex-direction:column;gap:4px}.tn-link-field label{color:#555;font-size:.82rem;font-weight:500}.tn-link-field input,.tn-link-field select{background:#fff;border:1px solid #d0d3dc;border-radius:4px;box-sizing:border-box;color:#333;font-size:.9rem;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;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{appearance:auto;cursor:pointer}.tn-link-modal-footer{background:#fafbfc;border-radius:0 0 10px 10px;border-top:1px solid #e2e4ea;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.tn-source-modal{background:#1e1e2e!important;border-radius:12px!important;max-height:85vh!important;max-width:900px!important;width:90vw!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{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:18px}.tn-source-hint{color:#6c7086;display:block;flex-shrink:0;font-size:.75rem;margin-bottom:8px}.tn-source-textarea{word-wrap:break-word;background:#0000;border:none;color:#cdd6f4;font-family:Consolas,Monaco,Fira Code,monospace;font-size:.82rem;height:100%;line-height:1.65;margin:0;min-height:400px;outline:none;padding:0;resize:none;tab-size:2;text-align:left;white-space:pre-wrap;width:100%}.tn-header-title-editable{align-items:center;border-radius:4px;color:#1a1a2e;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:background .12s;white-space:nowrap}.tn-header-title-editable:hover{background:#f0f1f5}.tn-title-edit-icon{align-items:center;color:#a0a4b8;display:inline-flex;flex-shrink:0;opacity:0;transition:opacity .15s}.tn-header-title-editable:hover .tn-title-edit-icon{opacity:1}.tn-title-placeholder{color:#b0b4c4;display:inline-block;font-style:italic;min-width:160px}.tn-fullscreen-header.tn-read-mode{align-items:center;background:#fafbfc;border-bottom:1px solid #e8eaef;flex-direction:row;gap:10px;height:50px;min-height:50px;overflow:visible;padding:0 16px}.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{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center;min-width:0}.tn-read-header-title{color:#1a1a2e;flex-shrink:1;font-size:.95rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tn-desc-tooltip-wrap{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative}.tn-desc-tooltip-icon{color:#a0a4b8;transition:color .15s}.tn-desc-tooltip-wrap:hover .tn-desc-tooltip-icon{color:#555}.tn-desc-tooltip-bubble{background:#2d2d3d;border-radius:8px;box-shadow:0 6px 20px #00000040;color:#e8e8ef;display:none;font-size:.8rem;font-weight:400;left:50%;line-height:1.5;max-width:360px;padding:10px 14px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 8px);transform:translateX(-50%);white-space:normal;width:max-content;z-index:100}.tn-desc-tooltip-bubble:before{border-bottom:6px solid #2d2d3d;border-left:6px solid #0000;border-right:6px solid #0000;content:"";left:50%;position:absolute;top:-5px;transform:translateX(-50%)}.tn-desc-tooltip-wrap:hover .tn-desc-tooltip-bubble{display:block}.tn-read-header-tags{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4px}.tn-read-header-tags .tn-tag-pill{border-radius:10px;font-size:.64rem;padding:2px 9px}.tn-reader-footer-date{align-items:center;border-top:1px solid #eef0f5;color:#b0b4c5;display:flex;font-size:.75rem;gap:5px;justify-content:center;margin-top:auto;padding-top:20px}.tn-fullscreen-header.tn-read-mode .tn-fullscreen-header-right{flex-shrink:0}.tn-btn-read-action{background:#f0f1f5;border:1px solid #dde0e8;color:#444;font-size:.8rem;padding:5px 14px}.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{display:flex;gap:2px;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .18s;z-index:2}.tn-card:hover .tn-card-actions{opacity:1}.tn-card-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffcf8d9;border:none;border-radius:6px;color:#8b7d6f;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:background .12s,color .12s;width:28px}.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}@media (max-width:1024px){.tn-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media (max-width:680px){.tn-grid{gap:12px;grid-template-columns:1fr}.tn-container{padding:20px 16px 36px}.tn-list-header{align-items:flex-start;flex-direction:column;gap:12px}.tn-read-header-title{font-size:.95rem}.tn-read-header-tags{display:none}.tn-tag-filter-bar{gap:5px}.tn-tag-filter-pill{font-size:.7rem;padding:4px 10px}.tn-category-filter-bar{gap:5px}.tn-category-filter-pill{font-size:.7rem;padding:4px 10px}.tn-multiview-grid{grid-template-columns:1fr!important}.tn-multiview-cols-select{display:none}}.tn-card-checkbox{align-items:center;cursor:pointer;display:flex;margin:0;padding:0}.tn-card-checkbox input{display:none}.tn-card-checkmark{align-items:center;background:#0000;border-radius:5px;color:#c0b8a8;display:inline-flex;height:24px;justify-content:center;position:relative;transition:color .15s,background .15s;width:24px}.tn-card-checkmark:hover{background:#667eea14;color:#667eea}.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{align-items:center;display:flex;gap:8px}.tn-multiview-btn{font-size:.8rem;gap:5px;white-space:nowrap}.tn-multiview-container{max-width:100%;padding:20px 24px}.tn-multiview-toolbar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:10px 16px}.tn-multiview-title{color:#555;flex:1 1;font-size:.92rem;font-weight:600}.tn-multiview-cols-select{align-items:center;color:#666;display:flex;font-size:.82rem;gap:6px}.tn-multiview-cols-select select{background:#fff;border:1px solid #dde0e8;border-radius:5px;cursor:pointer;font-size:.82rem;outline:none;padding:4px 8px}.tn-multiview-cols-select select:focus{border-color:#667eea}.tn-multiview-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px}.tn-multiview-note{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000f,0 4px 14px #0000000a;display:flex;flex-direction:column;overflow:hidden;padding:0 20px 16px;position:relative;transition:opacity .15s,box-shadow .15s}.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{align-items:center;background:#8b6d4f0f;border-radius:0 0 6px 6px;color:#c0b8a8;cursor:grab;display:flex;flex-shrink:0;height:18px;justify-content:center;margin:0 auto 4px;transition:color .15s,background .15s;width:40px}.tn-mv-drag-handle:hover{background:#667eea1a;color:#667eea}.tn-mv-drag-handle:active{cursor:grabbing}.tn-multiview-note-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.tn-multiview-note-title{color:#1a1a2e;font-size:1rem;font-weight:700;line-height:1.3;margin:0}.tn-multiview-note-actions{display:flex;flex-shrink:0;gap:2px}.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 1;overflow-x:auto}.tn-multiview-content img{height:auto;max-width:100%}.tn-multiview-note-footer{align-items:center;border-top:1px solid #eef0f5;color:#b0b4c5;display:flex;font-size:.72rem;gap:4px;justify-content:center;margin-top:12px;padding-top:8px}.tn-mv-info-wrap{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative}.tn-mv-info-icon{color:#b0b4c5;transition:color .15s}.tn-mv-info-wrap:hover .tn-mv-info-icon{color:#667eea}.tn-mv-info-bubble{background:#2d2d3d;border-radius:8px;box-shadow:0 6px 20px #00000040;color:#e8e8ef;display:none;font-size:.8rem;font-weight:400;line-height:1.5;max-width:320px;padding:10px 14px;pointer-events:none;position:absolute;right:0;text-align:left;top:calc(100% + 8px);white-space:normal;width:max-content;z-index:100}.tn-mv-info-bubble:before{border-bottom:6px solid #2d2d3d;border-left:6px solid #0000;border-right:6px solid #0000;content:"";position:absolute;right:12px;top:-5px}.tn-mv-info-wrap:hover .tn-mv-info-bubble{display:block}.tn-mv-info-bubble strong{color:#fff;display:block;font-size:.85rem;margin-bottom:4px}.tn-mv-info-desc{color:#c5c5d0;display:block;margin-bottom:6px}.tn-mv-info-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ws-config-container{background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.ws-config-page{color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;max-width:900px;overflow-y:auto;padding:2rem}.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:#9e9e9e;color:var(--text-secondary,#9e9e9e);font-size:.95rem;margin:0}.ws-config-section{margin-bottom:2.5rem}.ws-section-title{color:#90caf9;color:var(--accent,#90caf9);font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.ws-section-desc{color:#9e9e9e;color:var(--text-secondary,#9e9e9e);font-size:.875rem;margin:0 0 1rem}.ws-config-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.ws-config-card{align-items:flex-start;background:#1e1e1e;background:var(--surface,#1e1e1e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;display:flex;gap:1rem;padding:1.2rem}.ws-config-card-icon{flex-shrink:0;font-size:1.5rem;line-height:1;margin-top:.15rem}.ws-config-card-body{flex:1 1;min-width:0}.ws-config-card-body label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.ws-config-desc{color:#9e9e9e;color:var(--text-secondary,#9e9e9e);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.ws-config-desc code{background:#2a2a2a;background:var(--surface-2,#2a2a2a);border-radius:3px;color:#b3d9ff;color:var(--accent-light,#b3d9ff);font-size:.85em;padding:.1em .35em}.ws-config-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ws-config-input-row input{background:#2a2a2a;background:var(--input-bg,#2a2a2a);border:1px solid #444;border:1px solid var(--border,#444);border-radius:4px;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:.875rem;min-width:0;padding:.4rem .6rem}.ws-config-input-row input:focus{border-color:#90caf9;border-color:var(--accent,#90caf9);outline:none}.ws-btn{border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:opacity .15s;white-space:nowrap}.ws-btn:disabled{cursor:not-allowed;opacity:.45}.ws-btn-primary{background:#1976d2;background:var(--accent,#1976d2);color:#fff}.ws-btn-primary:not(:disabled):hover{opacity:.85}.ws-status{font-size:.8rem;font-weight:500}.ws-status--saving{color:#9e9e9e;color:var(--text-secondary,#9e9e9e)}.ws-status--saved{color:#66bb6a}.ws-status--error{color:#ef5350}.ws-error,.ws-loading{color:#9e9e9e;color:var(--text-secondary,#9e9e9e);padding:2rem;text-align:center}.ws-error p{color:#ef5350;margin-bottom:1rem}.files-page{background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.files-layout{box-sizing:border-box;gap:0;margin:0 auto;max-width:1600px;min-height:0;padding:20px 24px;width:100%}.files-layout,.files-main{display:flex;flex:1 1;overflow:hidden}.files-main{flex-direction:column;min-width:0}.files-toolbar{flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:0;padding-bottom:12px}.files-toolbar,.files-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.files-toolbar-left{gap:8px}.files-toolbar-right{align-items:center;display:flex;gap:14px}.files-count{color:#888;font-size:.8rem;white-space:nowrap}.files-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#444;cursor:pointer;font-size:.82rem;padding:7px 14px;transition:all .15s;white-space:nowrap}.files-btn:hover{background:#f5f5f5;border-color:#ccc}.files-btn.active{background:#667eea;border-color:#667eea;color:#fff}.files-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000!important;color:#fff!important}.files-btn-primary:hover{background:linear-gradient(135deg,#5a6fd6,#6a4192);opacity:.9}.files-btn-danger{background:#dc3545;border-color:#0000!important;color:#fff!important}.files-btn-danger:hover{background:#c82333}.files-btn-sm{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .15s}.files-btn-sm:hover{background:#f0f0f0}.files-btn-sm.files-btn-danger{background:#dc3545;border-color:#0000;color:#fff}.files-breadcrumb{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px;margin-bottom:12px;padding:8px 12px}.breadcrumb-item{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:.82rem;padding:2px 6px;transition:background .15s}.breadcrumb-item:hover{background:#f0f2ff}.breadcrumb-sep{color:#ccc;font-size:.82rem;margin:0 2px}.files-new-folder-row{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-bottom:12px}.files-input{border:1px solid #ddd;border-radius:8px;font-size:.85rem;min-width:200px;outline:none;padding:7px 12px;transition:border-color .15s}.files-input:focus{border-color:#667eea}.files-logs-panel{background:#fff;border:1px solid #e8e8e8;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:12px;max-height:260px}.files-logs-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;color:#555;display:flex;flex-shrink:0;font-size:.82rem;font-weight:600;justify-content:space-between;padding:10px 14px}.files-logs-empty{color:#aaa;font-size:.82rem;padding:16px;text-align:center}.files-logs-list{flex:1 1;overflow-x:auto;overflow-y:auto}.files-log-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;font-size:.78rem;gap:0;padding:7px 14px;white-space:nowrap}.files-log-item-header{background:#fafafa;color:#888;font-weight:600;position:sticky;top:0;z-index:1}.files-log-item:last-child{border-bottom:none}.log-action{color:#667eea;font-weight:600;min-width:110px;text-align:left}.log-splitter{color:#ddd;flex-shrink:0;padding:0 8px}.log-path{color:#444;flex:1 1;min-width:120px}.log-detail,.log-path{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.log-detail{color:#888;font-style:italic;max-width:160px;min-width:80px}.log-time{color:#aaa;font-size:.72rem;min-width:120px;text-align:left}.files-drop-zone{background:#fff;border:2px solid #e8e8e8;border-radius:12px;flex:1 1;min-height:0;overflow-y:auto;position:relative}.files-drop-zone.dragging{background:#f8f9ff;border-color:#667eea;border-style:dashed}.files-drop-overlay{align-items:center;background:#667eea14;border-radius:10px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.files-drop-message{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:1rem;font-weight:600;padding:20px 36px}.files-empty,.files-loading{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;min-height:300px}.files-empty-icon{font-size:3rem;margin-bottom:12px}.files-empty-hint{color:#bbb;font-size:.82rem}.files-list{display:flex;flex-direction:column}.file-row{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:grid;grid-template-columns:36px 28px 1fr 80px 140px 160px;min-height:40px;padding:6px 14px;transition:background .1s}.file-row:hover{background:#f8f9ff}.file-row.selected{background:#eef1ff}.file-row.multi-selected{background:#f0eefc}.file-row-parent{color:#aaa}.file-row-check{align-items:center;display:flex;justify-content:center}.file-row-check input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:15px;width:15px}.file-row-icon{font-size:1.1rem}.file-row-name{color:#333;font-size:.85rem;overflow:hidden;padding-right:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.file-row-folder .file-row-name{color:#667eea;font-weight:600}.file-row-size{color:#999;font-size:.78rem;padding-right:12px;text-align:right}.file-row-date{color:#aaa;font-size:.75rem}.file-row-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .15s}.file-row:hover .file-row-actions{opacity:1}.file-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:3px 5px;transition:background .15s}.file-action-btn:hover{background:#eee}.file-action-btn.danger:hover{background:#fee}.files-resizer{background:#e0e0e0;border-radius:3px;cursor:col-resize;flex-shrink:0;margin:0 2px;transition:background .15s;width:5px}.files-resizer:hover{background:#667eea}.files-preview-panel{background:#fff;border:1px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden}.preview-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.preview-title{color:#333;flex:1 1;font-size:.88rem;font-weight:600;margin:0;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.preview-folder-info{align-items:center;display:flex;flex-direction:column;gap:8px;padding:40px 20px}.preview-icon-large{font-size:3rem}.preview-file-info{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.preview-content{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:center;min-height:180px;padding:12px}.preview-image{object-fit:contain}.preview-image,.preview-video{border-radius:6px;max-height:360px;max-width:100%}.preview-audio{width:100%}.preview-pdf{border:none;height:400px}.preview-pdf,.preview-text{border-radius:6px;width:100%}.preview-text{background:#f8f8f8;font-size:.78rem;line-height:1.5;margin:0;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.preview-no-preview{flex-direction:column;gap:8px}.preview-loading,.preview-no-preview{align-items:center;color:#aaa;display:flex}.preview-loading{flex:1 1;justify-content:center}.preview-meta{padding:12px 16px}.meta-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;font-size:.8rem;gap:0;padding:5px 0}.meta-row:last-child{border-bottom:none}.meta-label{color:#888;flex-shrink:0;font-weight:500;min-width:70px;text-align:left}.meta-splitter{color:#ddd;flex-shrink:0;padding:0 8px}.meta-value{color:#333;flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-actions{border-top:1px solid #f0f0f0;padding:12px 16px}.files-context-menu{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 16px #0000001f;min-width:180px;padding:6px 0;position:fixed;z-index:1000}.files-context-menu button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:8px 16px;text-align:left;transition:background .1s;width:100%}.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{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.files-modal{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;max-width:480px;min-width:360px;padding:24px;width:90%}.files-modal h3{color:#333;font-size:1rem;margin:0 0 16px}.files-modal p{color:#555;font-size:.88rem;line-height:1.5;margin:0 0 16px}.files-modal-label{color:#888;display:block;font-size:.8rem;margin-bottom:6px}.files-modal .files-input{box-sizing:border-box;margin-bottom:16px;width:100%}.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;height:auto;min-height:calc(100vh - 56px);padding:12px}.files-page{height:auto;overflow:auto}.files-preview-panel{border-radius:12px;margin-top:12px;width:100%!important}.files-resizer{display:none}.file-row{grid-template-columns:32px 24px 1fr 0 0 0;min-height:44px;position:relative}.file-row-date,.file-row-size{display:none}.file-row-actions{opacity:1;position:absolute;right:8px}}@media (max-width:600px){.files-layout{padding:8px}.file-row{grid-template-columns:28px 22px 1fr 0 0 0;min-height:44px;padding:8px 10px}.file-row-name{font-size:.82rem}.files-toolbar{align-items:stretch;flex-direction:column;gap:8px}.files-toolbar-left,.files-toolbar-right{flex-wrap:wrap;justify-content:flex-start}.files-toolbar-left .files-btn{font-size:.75rem;padding:6px 10px}.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}.meta-label,.meta-value{font-size:.75rem}}.file-row-header{border-bottom:2px solid #e8e8e8!important;cursor:default;position:sticky;top:0;z-index:2}.file-row-header,.file-row-header:hover{background:#fafafa}.file-header-label{color:#888!important;font-size:.75rem!important;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.file-header-sortable{cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.file-header-sortable:hover{color:#667eea!important}.files-dupe-list{color:#555;font-size:.85rem;margin:8px 0 16px;max-height:160px;overflow-y:auto;padding-left:20px}.files-dupe-list li{padding:2px 0}.files-search-box{align-items:center;display:flex;position:relative}.files-search-input{font-size:.82rem!important;min-width:160px!important;padding-right:28px!important;width:180px}.files-search-clear{background:none;border:none;border-radius:3px;color:#aaa;cursor:pointer;font-size:.78rem;padding:2px 4px;position:absolute;right:6px}.files-search-clear:hover{background:#f0f0f0;color:#666}.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;flex-shrink:0;margin-bottom:12px;padding:10px 14px}.upload-progress-info{color:#555;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:6px}.upload-progress-bar{background:#e8e8e8;border-radius:3px;height:6px;overflow:hidden}.upload-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .2s ease}.upload-progress-size{color:#aaa;font-size:.72rem;margin-top:4px;text-align:right}.command-palette-overlay{animation:cmdFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:9999}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.command-palette{animation:cmdSlideIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;max-height:520px;max-width:90vw;overflow:hidden;width:520px}@keyframes cmdSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-palette-input-wrapper{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 16px}.command-palette-icon{color:#667eea;flex-shrink:0;font-size:1.1rem}.command-palette-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-size:1rem;outline:none}.command-palette-input::placeholder{color:#a0aec0}.command-palette-kbd{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#a0aec0;flex-shrink:0;font-family:monospace;font-size:.65rem;padding:2px 6px}.command-palette-results{flex:1 1;overflow-y:auto;padding:6px}.command-palette-group{margin-bottom:4px}.command-palette-group-label{color:#a0aec0;font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:6px 10px 4px;text-transform:uppercase}.command-palette-group-label.recent{color:#667eea}.command-palette-item{align-items:center;background:none;border:none;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:.88rem;gap:10px;padding:8px 12px;text-align:left;transition:background .1s;width:100%}.command-palette-item.active,.command-palette-item:hover{background:#ebf4ff}.command-palette-item.active{box-shadow:inset 0 0 0 2px #667eea}.command-palette-item-icon{align-items:center;background:#f7fafc;border-radius:6px;display:flex;flex-shrink:0;font-size:1.1rem;height:28px;justify-content:center;width:28px}.command-palette-item-text{display:flex;flex:1 1;flex-direction:column}.command-palette-item-name{color:#2d3748;font-weight:600}.command-palette-item-desc{color:#a0aec0;font-size:.72rem}.command-palette-item-shortcut{background:#f7fafc;border:1px solid #e2e8f0;border-radius:3px;color:#a0aec0;font-family:monospace;font-size:.65rem;padding:1px 5px}.command-palette-empty{color:#a0aec0;font-size:.85rem;padding:2rem;text-align:center}.command-palette-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;color:#a0aec0;display:flex;font-size:.65rem;gap:12px;padding:8px 16px}.command-palette-footer kbd{background:#fff;border:1px solid #e2e8f0;border-radius:3px;font-family:monospace;font-size:.65rem;padding:1px 4px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.char-count{color:#aaa;display:block;font-size:11px;line-height:1;margin-top:2px;text-align:right;-webkit-user-select:none;user-select:none}.char-count.near-limit{color:#e67e22}.char-count.at-limit{color:#dc3545;font-weight:600}
/*# sourceMappingURL=main.39e36845.css.map*/