.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}:root{--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg: #f8f9fa;--bg-soft: #ffffff;--text: #2d3748;--muted: #718096;--border: #e2e8f0;--accent-purple: #e9d8fd;--accent-purple-dark: #805ad5;--accent-green: #c6f6d5;--accent-green-dark: #38a169;--accent-blue: #bee3f8;--accent-blue-dark: #3182ce;--accent-pink: #fed7e2;--accent-pink-dark: #d53f8c;--accent-gray: #edf2f7;--accent-gray-dark: #718096;--accent-emerald: #10b981;--accent-emerald-soft: rgba(16, 185, 129, .08);--accent-red: #ef4444;--accent-amber: #d97706;--accent-amber-soft: rgba(217, 119, 6, .12);--accent-blue-soft: rgba(51, 65, 85, .12);--accent-indigo-soft: rgba(102, 126, 234, .12);--accent-blue-dark-soft: rgba(59, 130, 246, .12);--text-heading: #1a202c;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(102, 126, 234, .08) 0%, rgba(118, 75, 162, .08) 100%);--shadow-accent: 0 2px 8px rgba(102, 126, 234, .15);--bg-hover: #f0f0f4;--overlay: rgba(0, 0, 0, .3);--shadow-modal: -4px 0 24px rgba(0, 0, 0, .12);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--heading-size-h1: 1.35rem;--heading-size-h2: 1.25rem;--heading-size-page: 1.2rem;--hero-size: 2.5rem;--grid-line-color: rgba(0, 0, 0, .06);--grid-size: 24px;--frame-bg: #1a202c;--frame-border: #2d3748;--metric-card-light: #edf2f7;--metric-card-dark: #1a202c;--accent-minimal: #1a1a1a;--bg-primary: var(--bg);--bg-secondary: var(--bg-soft);--bg-tertiary: #f1f5f9;--text-primary: var(--text);--text-secondary: var(--muted);--text-tertiary: #a0aec0;--accent: var(--accent-purple-dark);--accent-dim: var(--accent-purple)}[data-theme=dark]{--bg: #1a1a2e;--bg-soft: #16213e;--bg-tertiary: #0f3460;--bg-hover: #233554;--text: #e2e8f0;--text-heading: #f7fafc;--muted: #a0aec0;--text-tertiary: #718096;--border: #2d3748;--accent-purple: #553c9a;--accent-purple-dark: #b794f4;--accent-green: #22543d;--accent-green-dark: #68d391;--accent-blue: #2c5282;--accent-blue-dark: #63b3ed;--accent-pink: #702459;--accent-pink-dark: #ed64a6;--accent-gray: #2d3748;--accent-gray-dark: #a0aec0;--accent-emerald: #34d399;--accent-emerald-soft: rgba(52, 211, 153, .2);--accent-red: #f87171;--accent-amber: #fbbf24;--accent-amber-soft: rgba(251, 191, 36, .2);--accent-blue-soft: rgba(99, 179, 237, .2);--accent-indigo-soft: rgba(102, 126, 234, .25);--accent-blue-dark-soft: rgba(99, 179, 237, .2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(102, 126, 234, .2) 0%, rgba(118, 75, 162, .2) 100%);--shadow-accent: 0 2px 8px rgba(0, 0, 0, .3);--overlay: rgba(0, 0, 0, .5);--shadow-modal: -4px 0 24px rgba(0, 0, 0, .4);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--grid-line-color: rgba(255, 255, 255, .06);--frame-bg: #0f172a;--frame-border: #334155;--metric-card-light: #475569;--metric-card-dark: #1e293b;--accent-minimal: #f1f5f9}[data-theme=dark] .metric-card--light,[data-theme=dark] .metric-card--dark{color:#f8fafc}[data-theme=dark] .metric-card--dark .metric-card-label{opacity:.9}[data-theme=dark] .metric-card--dark button{color:#f8fafc}[data-theme=dark] .metric-card--dark .countdown-duration-btn{background:#ffffff40;color:#0f172a}[data-theme=dark] .metric-card--dark .countdown-duration-btn:hover{background:#ffffff59}.ps__rail-y,.ps__rail-x{z-index:10}.ps__thumb-y,.ps__thumb-x{background:var(--muted);border-radius:4px;opacity:.5}.ps__thumb-y:hover,.ps__thumb-x:hover,.ps--active-x>.ps__rail-x .ps__thumb-x,.ps--active-y>.ps__rail-y .ps__thumb-y{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*{box-sizing:border-box}input{font-family:var(--font-sans);transition:border-color .2s ease,box-shadow .2s ease}input::placeholder{color:var(--text-tertiary)}input:focus-visible,button:focus-visible,.tab-btn:focus-visible,.view-btn:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--accent-minimal);outline-offset:2px}a:focus-visible{outline:2px solid var(--accent-minimal);outline-offset:2px}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--frame-bg);padding:20px 16px}.app-canvas{background-color:var(--bg-soft);min-height:calc(100vh - 40px);border:2px solid var(--frame-border);border-radius:8px;padding:20px}.container{max-width:1200px;margin:0 auto}.nav-hamburger{display:none;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer;align-items:center;justify-content:center}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;cursor:default}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:-4px;padding:10px 6px 6px;min-width:180px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);flex-direction:column;gap:2px;z-index:50}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;color:var(--text);font-size:.9rem;font-weight:500;transition:background .15s}.nav-dropdown-item:hover{background:var(--bg-hover);color:var(--text-heading)}.nav-dropdown-item.active{background:var(--metric-card-light);color:var(--accent-minimal)}@media (max-width: 768px){.nav-hamburger{display:flex}.nav-links{display:none!important}.nav-links.open{display:flex!important;flex-direction:column;width:100%;padding-top:12px}.nav-links.open .nav-dropdown-menu{position:static;margin-top:6px;margin-left:12px;box-shadow:none;border:none;padding:0;background:transparent}.nav-links.open .nav-dropdown:hover .nav-dropdown-menu,.nav-links.open .nav-dropdown .nav-dropdown-menu{display:flex}.nav-bar{flex-direction:column;align-items:flex-start}}.tools-container{width:100%;min-height:0}.page-content{padding:12px 0;height:100%}.page-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:var(--heading-size-page);font-weight:600;color:var(--text-heading)}.section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:1rem;font-weight:600;margin:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-title{margin:0;font-size:var(--heading-size-h1);font-weight:600;color:var(--text-heading);letter-spacing:-.02em}.summary{display:inline-flex;align-items:center;padding:6px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;color:var(--accent-minimal);font-weight:500;font-size:.85rem;box-shadow:var(--shadow)}.mini-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}@media (min-width: 640px){.mini-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.mini-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg-soft);border-radius:8px;border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .2s ease}.mini-card:hover{border-color:var(--accent-minimal);box-shadow:var(--shadow)}.mini-card-title{font-weight:600;font-size:.95rem;color:var(--text)}.mini-card-desc{font-size:.8rem;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.metric-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:8px;box-shadow:var(--shadow)}.metric-card--light{background:var(--metric-card-light);color:var(--text-heading)}.metric-card--dark{background:var(--metric-card-dark);color:var(--bg-soft)}.metric-card-label{font-size:.9rem;font-weight:500;color:inherit;opacity:.9}.metric-card-value{font-size:2rem;font-weight:700;letter-spacing:-.02em}.countdown-duration-btn{font-size:.85rem;font-weight:600;padding:6px 12px;border:none;border-radius:6px;background:var(--accent-minimal);color:#fff;cursor:pointer;transition:opacity .15s ease}.countdown-duration-btn:hover{opacity:.9}.metric-card--dark .countdown-duration-btn{background:#fff3;color:#fff}.metric-card--dark .countdown-duration-btn:hover{background:#ffffff4d}.task-card{padding:12px 16px;border-radius:6px;border:none;box-shadow:none}.task-card.urgent,.task-card.done{background:var(--accent-green)}.task-card.due,.task-card.waiting{background:var(--accent-blue)}.task-card-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-heading);margin-bottom:4px}.task-card-title{font-size:.95rem;font-weight:500;color:var(--text-heading)}.hero-welcome{font-size:1rem;color:var(--muted);margin-bottom:4px}.hero-title{font-size:var(--hero-size);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;color:var(--text-heading);margin:0 0 4px}.hero-tagline{font-size:.95rem;color:var(--muted)}.file-drop-zone{border:2px dashed var(--accent-blue-dark);border-radius:8px;padding:40px;text-align:center;background:#bee3f833;color:var(--text-heading)}.file-drop-zone-prompt{font-size:1rem;font-weight:500;margin-bottom:6px}.file-drop-zone-hint{font-size:.85rem;color:var(--muted)}.service-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-soft);border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.service-card:hover{border-color:var(--accent-minimal)}.service-card-link{font-weight:600;font-size:.9rem;color:var(--text);text-decoration:none}.service-card-link:hover{color:var(--accent-minimal)}.table-container{background:var(--bg-soft);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--bg-soft);padding:10px 16px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}th:hover{background:var(--bg-hover);color:var(--text)}th:after{content:"↕";display:inline-block;margin-left:6px;opacity:.3;font-size:.8em}th.sorted-asc:after{content:"▲";opacity:1;color:var(--accent-minimal)}th.sorted-desc:after{content:"▼";opacity:1;color:var(--accent-minimal)}td{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-tertiary)}.service-name{font-weight:600;color:var(--text-heading)}.service-name a{color:inherit;text-decoration:none;transition:color .2s ease}.service-name a:hover{color:var(--accent-minimal)}.account-email{color:var(--muted);font-size:.85rem}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.badge.monthly{background:var(--accent-blue);color:var(--accent-blue-dark)}.badge.yearly{background:var(--accent-gray);color:var(--accent-minimal)}.badge.unknown{background:var(--accent-pink);color:var(--accent-pink-dark)}.progress-wrapper{width:140px}.progress-bar{height:8px;width:100%;background:var(--accent-gray);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--accent-minimal);transition:width .4s ease}.progress-fill.unknown{background:var(--accent-gray-dark);opacity:.3}.countdown{font-family:var(--font-mono);font-size:.85rem;color:var(--muted)}.countdown.active{color:var(--accent-green-dark);font-weight:600}.tabs{display:flex;gap:6px;margin-bottom:12px}.tab-btn{padding:8px 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;display:inline-flex;align-items:center}.tab-btn:hover{background:var(--bg-soft);color:var(--text)}.tab-btn.active{background:var(--bg-soft);border-color:var(--accent-minimal);color:var(--accent-minimal);box-shadow:var(--shadow)}.btn-primary{padding:12px 24px;background:var(--accent-minimal);color:var(--bg-soft);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:opacity .2s ease}.btn-primary:hover{opacity:.9}.status-toggle-btn:hover:not(.status-toggle-btn--active){background:var(--bg-hover);border-color:var(--muted)}.link-form,.link-group-form{margin-bottom:20px;padding:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);display:flex;flex-direction:column;gap:12px}.link-form label,.link-group-form label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500}.link-form input,.link-group-form input,.link-form select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border);font-size:1rem}.link-group-color-picker{display:flex;gap:8px;flex-wrap:wrap}.link-group-color-btn{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.link-group-color-btn:hover{transform:scale(1.1)}.link-group-color-btn.active{border-color:var(--text-heading);box-shadow:0 0 0 1px var(--bg)}.link-group-list{margin-bottom:20px;padding:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft)}.link-group-list-items{display:flex;flex-direction:column;gap:8px}.link-group-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:var(--bg)}.link-group-list-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.link-group-list-name{flex:1;font-weight:500}.link-group-list-actions{display:flex;gap:4px}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.link-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 44px 10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.link-card:hover{background:var(--bg-hover);border-color:var(--accent-minimal);box-shadow:0 2px 8px #00000014}[data-theme=dark] .link-card:hover{box-shadow:0 2px 12px #00000040}.link-card .link-actions{position:absolute;top:8px;right:8px;display:flex;gap:2px;margin:0;padding:0}.link-card-title{color:var(--text-heading);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px;line-height:1.3}.link-card-url{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row .link-actions{opacity:0;pointer-events:none;transition:opacity .15s ease}.link-row:hover .link-actions{opacity:1;pointer-events:auto}@media (hover: none){.link-row .link-actions{opacity:1;pointer-events:auto}}footer{margin-top:20px;text-align:center;color:var(--muted);font-size:.8rem}@media (max-width: 768px){th,td{padding:8px 12px}.hide-mobile{display:none}}.view-toggle{display:flex;gap:6px;margin-bottom:14px}.view-btn{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--muted);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-btn:hover{background:var(--bg-hover);color:var(--text)}.view-btn.active{background:var(--accent-minimal);color:var(--bg-soft);border-color:transparent;box-shadow:var(--shadow)}.project-card-actions{opacity:0;transition:opacity .15s ease}.project-card:hover .project-card-actions{opacity:1}@media (hover: none){.project-card-actions{opacity:1}}.calendar-container{background:var(--bg-soft);border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border);padding:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.calendar-title{margin:0;font-size:var(--heading-size-page);font-weight:600;color:var(--text-heading)}.calendar-nav{display:flex;gap:8px}.nav-btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.nav-btn:hover{background:var(--bg-hover);border-color:var(--muted)}.today-btn{font-size:.85rem}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday-label{text-align:center;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{min-height:72px;border:1px solid var(--border);border-radius:6px;padding:6px;background:var(--bg);transition:all .2s ease;display:flex;flex-direction:column}.calendar-day:hover{border-color:var(--accent-minimal);box-shadow:var(--shadow)}.calendar-day.outside-month{background:var(--bg-tertiary);opacity:.5}.calendar-day.today{border-color:var(--accent-minimal);background:var(--metric-card-light)}.day-number{font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:6px}.calendar-day.today .day-number{color:var(--accent-minimal)}.calendar-day.outside-month .day-number{color:var(--muted)}.day-events{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.calendar-event{font-size:.7rem;padding:3px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}a.calendar-event{text-decoration:none;color:inherit;cursor:pointer;display:block}a.calendar-event:hover{opacity:.85}.event-overflow{font-size:.7rem;color:var(--muted);font-weight:500;padding:2px 4px}.calendar-legend{display:flex;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}@media (max-width: 768px){.calendar-container{padding:12px}.calendar-day{min-height:56px;padding:5px}.day-number{font-size:.8rem}.calendar-event{font-size:.6rem;padding:2px 4px}.weekday-label{font-size:.65rem}.calendar-title{font-size:var(--heading-size-page)}}@media (max-width: 480px){.calendar-day{min-height:44px;padding:4px}.calendar-event{display:none}.day-events{align-items:center}.calendar-day:has(.calendar-event) .day-number:after{content:"";display:inline-block;width:6px;height:6px;background:var(--accent-minimal);border-radius:50%;margin-left:4px;vertical-align:middle}}.notes-header{margin-bottom:16px}.notes-search{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);font-size:.9rem;color:var(--text);min-width:180px}.notes-search::placeholder{color:var(--text-tertiary)}.notes-search:focus{outline:none;border-color:var(--accent-minimal)}.notes-container{display:flex;gap:0;min-height:480px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow)}.notes-sidebar{width:260px;min-width:200px;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.notes-sidebar-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--muted)}.notes-sidebar-list{list-style:none;margin:0;padding:10px 8px}.notes-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s,color .15s}.notes-sidebar-item:hover{background:var(--bg-hover);color:var(--text-heading)}.notes-sidebar-item.active{background:var(--metric-card-light);color:var(--accent-minimal)}.notes-sidebar-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-sidebar-item-date{font-size:.75rem;color:var(--muted);flex-shrink:0}.notes-sidebar-item.active .notes-sidebar-item-date{color:inherit;opacity:.8}.notes-sidebar-empty{padding:20px 12px;color:var(--muted);font-size:.9rem}.notes-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.notes-tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.notes-tabs::-webkit-scrollbar{display:none}.notes-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 10px 8px;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;background:var(--bg-soft);margin-bottom:-1px}.notes-tab.active{background:var(--bg-soft);border-color:var(--border);border-bottom:1px solid var(--bg-soft);font-weight:500}.notes-tab-label{border:none;background:none;color:var(--text);font-size:.85rem;cursor:pointer;padding:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-tab-close{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:4px}.notes-tab-close:hover{color:var(--text);background:var(--bg-hover)}.notes-editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px}.notes-editor-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.notes-title-input{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:1.1rem;font-weight:600;color:var(--text-heading);background:var(--bg-soft)}.notes-title-input:focus{outline:none;border-color:var(--accent-minimal)}.notes-editor-actions{display:flex;align-items:center;gap:8px}.notes-save-status{font-size:.8rem;color:var(--muted);margin-right:4px}.notes-view-toggle{display:flex;gap:2px}.notes-toolbar{display:flex;gap:4px;margin-bottom:10px}.notes-toolbar .tab-btn{padding:6px 10px}.notes-content-input{flex:1;min-height:200px;width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:var(--font-mono);line-height:1.5;resize:none;background:var(--bg-soft);color:var(--text)}.notes-content-input:focus{outline:none;border-color:var(--accent-minimal)}.notes-content-input::placeholder{color:var(--text-tertiary)}.notes-preview{flex:1;min-height:200px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:auto;font-size:.95rem;line-height:1.6}.notes-preview h1,.notes-preview h2,.notes-preview h3{margin-top:1em;margin-bottom:.5em;color:var(--text-heading)}.notes-preview p{margin:0 0 .75em}.notes-preview ul,.notes-preview ol{margin:0 0 .75em;padding-left:1.5em}.notes-preview code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-hover);padding:2px 6px;border-radius:4px}.notes-preview pre{overflow-x:auto;padding:12px;border-radius:8px;background:var(--bg-hover);margin:0 0 1em}.notes-preview pre code{background:none;padding:0}.notes-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-soft);display:flex;flex-direction:column}.notes-fullscreen-inner{flex:1;display:flex;flex-direction:column;min-height:0}.notes-fullscreen-inner .notes-tabs{flex-shrink:0}.notes-fullscreen-inner .notes-editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px}.notes-fullscreen-inner .notes-content-input,.notes-fullscreen-inner .notes-preview{flex:1;min-height:0}.notes-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted);text-align:center}.notes-empty-state p{margin:0;font-size:.95rem}@media (max-width: 768px){.notes-container{flex-direction:column;min-height:360px}.notes-sidebar{width:100%;min-height:180px;max-height:240px;border-right:none;border-bottom:1px solid var(--border)}.notes-tab-label{max-width:100px}}