@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg-primary:#0f1117;--bg-secondary:#161822;--bg-card:#1c1f2e;--bg-card-hover:#222538;--bg-elevated:#252840;--bg-input:#1a1d2b;--border-subtle:#ffffff0f;--border-active:#ffffff1f;--border-focus:#0ebcd466;--text-primary:#f0f0f5;--text-secondary:#8b8fa3;--text-muted:#5c6070;--accent-coral:#0ebcd4;--accent-coral-soft:#0ebcd41f;--accent-coral-glow:#0ebcd44d;--accent-teal:#4ecdc4;--accent-teal-soft:#4ecdc41f;--accent-amber:#ffb347;--accent-amber-soft:#ffb3471f;--accent-violet:#a78bfa;--accent-violet-soft:#a78bfa1f;--accent-blue:#60a5fa;--accent-blue-soft:#60a5fa1f;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#f87171;--danger-soft:#f871711f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0000004d,0 4px 12px #0003;--shadow-elevated:0 4px 24px #0006;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1117;background:var(--bg-primary);color:#f0f0f5;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}.ambient-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ambient-bg:before{animation:float-ambient 20s ease-in-out infinite;background:radial-gradient(circle,#ff6b6b0d 0,#0000 70%);content:"";height:60%;left:-10%;position:absolute;top:-20%;width:60%}.ambient-bg:after{animation:float-ambient 25s ease-in-out infinite reverse;background:radial-gradient(circle,#4ecdc40a 0,#0000 70%);bottom:-20%;content:"";height:50%;position:absolute;right:-10%;width:50%}@keyframes float-ambient{0%,to{transform:translate(0)}33%{transform:translate(3%,-5%)}66%{transform:translate(-2%,3%)}}.App{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{background:#161822;background:var(--bg-secondary);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:100vh;left:0;overflow-y:auto;padding:24px 16px;position:fixed;top:0;width:260px;z-index:100}.sidebar-brand{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);gap:12px;margin-bottom:24px;padding:0 8px 28px;text-decoration:none}.brand-icon,.sidebar-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#0ebcd4,#ffb347);background:linear-gradient(135deg,var(--accent-coral),var(--accent-amber));border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0ebcd44d;box-shadow:0 2px 10px var(--accent-coral-glow);flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.brand-text h1{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:18px;letter-spacing:-.02em;line-height:1.2}.brand-text span{font-size:11px;letter-spacing:.05em}.brand-text span,.nav-section-label{color:#5c6070;color:var(--text-muted);text-transform:uppercase}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;padding:0 12px}.nav-section-label:not(:first-of-type){margin-top:24px}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#8b8fa3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff0a;color:#f0f0f5;color:var(--text-primary)}.nav-item.active{background:#0ebcd41f;background:var(--accent-coral-soft);color:#0ebcd4;color:var(--accent-coral)}.nav-item.active:before{background:#0ebcd4;background:var(--accent-coral);border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item .nav-icon,.nav-item svg{flex-shrink:0;height:18px;width:18px}.nav-badge{background:#0ebcd4;background:var(--accent-coral);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:20px;padding:2px 7px;text-align:center}.sidebar-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:20px}.user-card{border-radius:8px;border-radius:var(--radius-sm);gap:10px;padding:10px 8px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#4ecdc4,#60a5fa);background:linear-gradient(135deg,var(--accent-teal),var(--accent-blue));border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-info .name{color:#f0f0f5;color:var(--text-primary);font-size:13px;font-weight:600}.user-info .role{font-size:11px}.logout-btn,.user-info .role{color:#5c6070;color:var(--text-muted)}.logout-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#f871711f;background:var(--danger-soft);border-color:#f8717133;color:#f87171;color:var(--danger)}.top-tab-bar{background:#0f1117;background:var(--bg-primary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;gap:4px;margin:-32px -40px 28px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.top-tab-item{background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-sm);color:#5c6070;color:var(--text-muted);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;padding:8px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.top-tab-item:hover{background:#ffffff0a;color:#f0f0f5;color:var(--text-primary)}.top-tab-item.active{background:#0ebcd41f;background:var(--accent-coral-soft);border-color:#ff6b6b33;color:#0ebcd4;color:var(--accent-coral)}.main-content{flex:1 1;margin-left:260px;min-height:100vh;min-width:0;padding:32px 40px}.container{margin:0 auto;max-width:1600px;width:100%}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.page-header h1,.page-header h2{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:28px;letter-spacing:-.02em}.page-header p{color:#8b8fa3;color:var(--text-secondary);font-size:14px;margin-top:4px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;line-height:1.4;padding:10px 18px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn svg{height:16px;width:16px}.btn-primary{background:linear-gradient(135deg,#0ebcd4,#ff8a6b);background:linear-gradient(135deg,var(--accent-coral),#ff8a6b);box-shadow:0 2px 8px #0ebcd44d;box-shadow:0 2px 8px var(--accent-coral-glow);color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #ff6b6b66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#1c1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);color:#8b8fa3;color:var(--text-secondary)}.btn-secondary:hover{background:#222538;background:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-active);color:#f0f0f5;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#34d399,#2dd4a0);background:linear-gradient(135deg,var(--success),#2dd4a0);box-shadow:0 2px 8px #34d3994d;color:#fff}.btn-success:hover{box-shadow:0 4px 16px #34d39966;transform:translateY(-1px)}.btn-danger{background:#f871711f;background:var(--danger-soft);border:1px solid #f8717133;color:#f87171;color:var(--danger)}.btn-danger:hover{background:#f87171;background:var(--danger);color:#fff}.btn-ghost{background:#0000;color:#8b8fa3;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:#ffffff0a;color:#f0f0f5;color:var(--text-primary)}.btn-block{width:100%}.btn-sm{font-size:12px;padding:7px 14px}.btn-icon{height:32px;padding:7px;width:32px}.card{background:#1c1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;padding:0;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.card:hover{border-color:#ffffff1f;border-color:var(--border-active)}.card-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:0;padding:18px 24px}.card-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:20px;letter-spacing:-.02em}.card-body{padding:16px 24px 24px}.stat-card-link{color:inherit;display:block;text-decoration:none}.stat-card-link .card{cursor:pointer;overflow:hidden;padding:20px 24px;position:relative}.stat-card-link .card:hover{box-shadow:0 1px 3px #0000004d,0 4px 12px #0003;box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-card-link .card:after{border-radius:50%;content:"";height:100px;opacity:.08;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.stat-card-link[data-accent=coral] .card:after{background:#0ebcd4;background:var(--accent-coral)}.stat-card-link[data-accent=teal] .card:after{background:#4ecdc4;background:var(--accent-teal)}.stat-card-link[data-accent=amber] .card:after{background:#ffb347;background:var(--accent-amber)}.stat-card-link[data-accent=violet] .card:after{background:#a78bfa;background:var(--accent-violet)}.stat-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:20px;height:40px;justify-content:center;margin-bottom:14px;width:40px}.stat-icon.coral{background:#0ebcd41f;background:var(--accent-coral-soft);color:#0ebcd4;color:var(--accent-coral)}.stat-icon.teal{background:#4ecdc41f;background:var(--accent-teal-soft);color:#4ecdc4;color:var(--accent-teal)}.stat-icon.amber{background:#ffb3471f;background:var(--accent-amber-soft);color:#ffb347;color:var(--accent-amber)}.stat-icon.violet{background:#a78bfa1f;background:var(--accent-violet-soft);color:#a78bfa;color:var(--accent-violet)}.stat-label{color:#5c6070;color:var(--text-muted);font-size:12px;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:28px;letter-spacing:-.02em}.stat-sub{color:#8b8fa3;color:var(--text-secondary);font-size:13px;margin-top:4px}.stat-sub span{font-family:JetBrains Mono,monospace;font-weight:500}.form-group{margin-bottom:16px}.form-label{color:#8b8fa3;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1a1d2b;background:var(--bg-input);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5;padding:10px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0ebcd4;border-color:var(--accent-coral);box-shadow:0 0 0 3px #0ebcd41f;box-shadow:0 0 0 3px var(--accent-coral-soft);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#5c6070;color:var(--text-muted)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C6070' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.inline-form{display:flex;gap:12px;margin-bottom:0}.inline-form .form-input{flex:1 1}.card .form-section{background:#252840;background:var(--bg-elevated);padding:20px 24px}.card .form-section,.list-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle)}.list-item{align-items:center;display:flex;gap:14px;padding:14px 24px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:#ffffff05}.list-item-content{flex:1 1;min-width:0}.list-item-title{align-items:center;color:#f0f0f5;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px;margin-bottom:2px}.list-item-subtitle{color:#5c6070;color:var(--text-muted);font-size:12px}.list-item-actions{display:flex;flex-shrink:0;gap:6px}.list-item.completed{opacity:.5}.list-item.completed .list-item-title{color:#5c6070;color:var(--text-muted);text-decoration:line-through}.card.card-table{overflow:clip;padding-bottom:0}.tracker-table-wrap{padding-bottom:24px}.tracker-table{border-collapse:collapse;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;width:100%}.tracker-th{background:#161822;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 #ffffff0f;box-shadow:0 1px 0 var(--border-subtle);color:#5c6070;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:62px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:40}.tracker-th:first-child{padding-left:20px}.tracker-th:last-child{padding-right:20px}.tracker-row{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.tracker-row:last-child{border-bottom:none}.tracker-row:hover{background:#ffffff05}.tracker-row-paid{opacity:.5}.tracker-td{color:#f0f0f5;color:var(--text-primary);padding:12px 16px;vertical-align:middle}.tracker-td:first-child{padding-left:20px}.tracker-td:last-child{padding-right:20px}.tracker-name{color:#f0f0f5;color:var(--text-primary);font-weight:600}.tracker-mono{color:#0ebcd4;color:var(--accent-coral);font-family:JetBrains Mono,monospace;font-weight:500}.col-check{width:40px}.col-name{min-width:160px}.col-amount{min-width:100px}.col-cycle{min-width:110px}.col-category,.col-due{min-width:120px}.col-assigned{min-width:130px}.col-status{min-width:90px}.col-actions{min-width:130px;text-align:right}.checkbox-wrapper{align-items:center;display:flex;margin-right:0}.checkbox{accent-color:#4ecdc4;accent-color:var(--accent-teal);border-radius:4px;cursor:pointer;height:20px;width:20px}input[type=checkbox].checkbox{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #ffffff1f;border:2px solid var(--border-active);border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:20px}input[type=checkbox].checkbox:checked,input[type=checkbox].checkbox:hover{border-color:#4ecdc4;border-color:var(--accent-teal)}input[type=checkbox].checkbox:checked{background:#4ecdc4;background:var(--accent-teal)}input[type=checkbox].checkbox:checked:after{border:2px solid #fff;border-left:none;border-top:none;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.badge-primary{background:#0ebcd41f;background:var(--accent-coral-soft);color:#0ebcd4;color:var(--accent-coral)}.badge-success{background:#34d3991f;background:var(--success-soft);color:#34d399;color:var(--success)}.badge-danger{background:#f871711f;background:var(--danger-soft);color:#f87171;color:var(--danger)}.badge-warning{background:#fbbf241f;background:var(--warning-soft);color:#fbbf24;color:var(--warning)}.alert{border-radius:8px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#f871711f;background:var(--danger-soft);border:1px solid #f8717133;color:#f87171;color:var(--danger)}.alert-success{background:#34d3991f;background:var(--success-soft);border:1px solid #34d39933;color:#34d399;color:var(--success)}.loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:4rem}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff0f;border-top:3px solid #0ebcd4;border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--accent-coral);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#5c6070;color:var(--text-muted);padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state-text{color:#8b8fa3;color:var(--text-secondary);font-size:15px;margin-bottom:1.5rem}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:28px}.quick-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-actions-grid .btn{justify-content:center}.total-display{align-items:baseline;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;padding:16px 24px}.total-display .total-label{color:#8b8fa3;color:var(--text-secondary);font-size:13px;font-weight:600}.total-display .total-amount{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:500}.total-display .total-amount.coral{color:#0ebcd4;color:var(--accent-coral)}.total-display .total-amount.teal{color:#4ecdc4;color:var(--accent-teal)}.total-display .total-amount.danger{color:#f87171;color:var(--danger)}.auth-container{align-items:center;align-items:safe center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;inset:0;justify-content:center;min-height:100vh;overflow-y:auto;padding:1.5rem 1rem;position:fixed;width:100vw;z-index:200}.auth-container:before{background:#00000073;content:"";inset:0;pointer-events:none;position:fixed}.auth-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#12141ed1;border:1px solid #ffffff14;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #00000080;margin:auto;max-width:420px;padding:2.5rem;position:relative;width:100%;z-index:1}@media (max-width:480px){.auth-container{align-items:safe center;padding:1.5rem .75rem}.auth-card{border-radius:16px;border-radius:var(--radius-lg);margin:auto;padding:1.5rem 1.25rem}.auth-card .auth-title{font-size:22px}.auth-card .form-row{flex-direction:column;gap:0}.auth-card img{height:72px!important;width:72px!important}}.auth-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:28px;letter-spacing:-.02em;margin-bottom:6px;text-align:center}.auth-subtitle{color:#5c6070;color:var(--text-muted);font-size:14px;margin-bottom:2rem;text-align:center}.auth-card .form-input{background:#252840;background:var(--bg-elevated)}.auth-link{color:#0ebcd4;color:var(--accent-coral);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161822;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:none;height:56px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}.mobile-header-brand{align-items:center;display:flex;gap:10px;text-decoration:none}.mobile-header-logo{border-radius:10px;box-shadow:0 2px 8px #ff6b6b33;height:34px;object-fit:cover;width:34px}.mobile-header-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:18px;letter-spacing:-.02em}.mobile-header-logout{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#5c6070;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.mobile-header-logout:hover{background:#f871711f;background:var(--danger-soft);border-color:#f8717133;color:#f87171;color:var(--danger)}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161822;background:var(--bg-secondary);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);bottom:0;display:none;justify-content:space-around;left:0;padding:6px 8px;position:fixed;right:0;z-index:100}.bottom-nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#5c6070;color:var(--text-muted);display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:3px;padding:6px 12px;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.bottom-nav-item.active{color:#0ebcd4;color:var(--accent-coral)}.bottom-nav-item:hover{color:#f0f0f5;color:var(--text-primary)}.bottom-nav-icon{font-size:1.25rem;line-height:1}.section{background:#1c1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.section h2{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:18px;margin-bottom:12px}.section p{color:#8b8fa3;color:var(--text-secondary);font-size:14px}.household-name{align-items:center;display:flex;gap:15px}.edit-name-form{align-items:center;display:flex;gap:10px}.edit-name-form input{background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;max-width:400px;padding:10px 14px}.edit-name-form input:focus{border-color:#0ebcd4;border-color:var(--accent-coral);box-shadow:0 0 0 3px #0ebcd41f;box-shadow:0 0 0 3px var(--accent-coral-soft);outline:none}.invite-code-box{align-items:center;display:flex;gap:12px;margin:15px 0}.invite-code{background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#0ebcd4;color:var(--accent-coral);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:500;letter-spacing:3px;padding:14px 20px}.help-text{color:#5c6070;color:var(--text-muted);font-size:13px;margin-top:8px}.members-list{grid-gap:12px;display:grid;gap:12px}.member-card{align-items:center;background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px;transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.member-card:hover{border-color:#ffffff1f;border-color:var(--border-active)}.member-info h4{color:#f0f0f5;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.member-info p{color:#8b8fa3;color:var(--text-secondary);font-size:13px;margin:0 0 4px}.member-info small{color:#5c6070;color:var(--text-muted);font-size:12px}.page-container{margin:0 auto;max-width:800px;width:100%}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{display:none}.mobile-header{display:flex}.card.card-table{overflow:visible}.tracker-table-wrap{overflow-x:auto}.tracker-th{position:static}.top-tab-bar{gap:2px;left:0;margin:0;overflow-x:auto;padding:8px 16px;position:fixed;right:0;scrollbar-width:none;top:56px;z-index:99}.top-tab-bar::-webkit-scrollbar{display:none}.top-tab-item{flex-shrink:0;font-size:12px;padding:7px 14px}.main-content{margin-left:0;padding:120px 16px 100px}.bottom-nav{display:flex}.stats-grid{grid-template-columns:1fr 1fr}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.form-row{grid-template-columns:1fr}.card-header{padding:14px 16px}.card-body{padding:12px 16px 16px}.list-item,.total-display{padding:12px 16px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:1fr 1fr}.list-item-actions .btn-sm{font-size:11px;padding:5px 8px}}.navbar{display:none}.cal-layout{align-items:flex-start;display:flex;gap:20px}.cal-month-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:18px 20px}.cal-month-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:16px;font-weight:700}.cal-nav-btn{align-items:center;background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#8b8fa3;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px 10px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.cal-nav-btn:hover{background:#222538;background:var(--bg-card-hover);border-color:#ffffff1f;border-color:var(--border-active);color:#f0f0f5;color:var(--text-primary)}.cal-grid{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(7,1fr)}.cal-day-header{background:#161822;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);color:#5c6070;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 8px;text-align:center;text-transform:uppercase}.cal-day-header:last-child{border-right:none}.cal-cell{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);cursor:pointer;min-height:88px;padding:6px;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);vertical-align:top}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:#222538;background:var(--bg-card-hover)}.cal-cell-empty{cursor:default}.cal-cell-empty,.cal-cell-empty:hover{background:#161822;background:var(--bg-secondary)}.cal-cell.cal-selected{background:#0ebcd41f;background:var(--accent-coral-soft)}.cal-day-num{align-items:center;border-radius:50%;color:#5c6070;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;margin-bottom:3px;width:22px}.cal-today-num{background:#0ebcd4;background:var(--accent-coral);color:#fff}.cal-apt-list{display:flex;flex-direction:column;gap:2px}.cal-apt-pill{border-radius:3px;line-height:1.4;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.cal-apt-more,.cal-apt-pill{font-size:10px;font-weight:600}.cal-apt-more{color:#5c6070;color:var(--text-muted);padding-left:4px}.cal-detail-panel{display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 220px);overflow:hidden;padding:0;width:260px}@media (max-width:768px){.cal-layout{flex-direction:column}.cal-detail-panel{max-height:300px;width:100%}.cal-cell{min-height:60px;padding:4px}.cal-apt-pill{display:none}.cal-cell.cal-has-apts .cal-day-num:after{background:#0ebcd4;background:var(--accent-coral);border-radius:50%;content:"";display:block;height:5px;margin:2px auto 0;width:5px}}.notes-shell{background:#0f1117;background:var(--bg-primary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);display:flex;height:calc(100vh - 160px);min-height:500px;overflow:hidden}.notes-notebooks{background:#161822;background:var(--bg-secondary);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:220px}.notes-notebooks-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);padding:18px 16px 10px}.notes-notebooks-title{color:#5c6070;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.notes-notebooks-nav{flex:1 1;padding:8px 6px 16px}.notes-notebook-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#8b8fa3;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.notes-notebook-item:hover{background:#ffffff0a;color:#f0f0f5;color:var(--text-primary)}.notes-notebook-item.active{background:#ffffff12;color:#f0f0f5;color:var(--text-primary)}.notes-notebook-child{font-size:12px;padding-left:26px}.notes-notebook-dot{border-radius:3px;flex-shrink:0;height:18px;width:6px}.notes-notebook-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-notebook-count{color:#5c6070;color:var(--text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px}.notes-list-panel{background:#1c1f2e;background:var(--bg-card);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.notes-list-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;padding:12px 12px 10px}.notes-add-btn{align-items:center;background:#252840;background:var(--bg-elevated);border:1px solid #ffffff1f;border:1px solid var(--border-active);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:7px 10px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notes-add-btn:hover{background:#0ebcd41f;background:var(--accent-coral-soft);border-color:#0ebcd4;border-color:var(--accent-coral);color:#0ebcd4;color:var(--accent-coral)}.notes-list-sort-btn{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#5c6070;color:var(--text-muted);cursor:pointer;display:flex;padding:7px 8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.notes-list-sort-btn:hover{border-color:#ffffff1f;border-color:var(--border-active);color:#f0f0f5;color:var(--text-primary)}.notes-list-search{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);color:#5c6070;color:var(--text-muted);display:flex;gap:8px;padding:8px 12px}.notes-list-search input{background:#0000;border:none;color:#f0f0f5;color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;outline:none}.notes-list-search input::placeholder{color:#5c6070;color:var(--text-muted)}.notes-list-items{flex:1 1;overflow-y:auto}.notes-list-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast);width:100%}.notes-list-item:hover{background:#ffffff08}.notes-list-item.active{background:#ffffff0f}.notes-list-dot{border-radius:50%;flex-shrink:0;height:4px;margin-top:6px;width:4px}.notes-list-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.notes-list-item-title{color:#f0f0f5;color:var(--text-primary);font-size:13px;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list-item-date{color:#5c6070;color:var(--text-muted);font-size:11px}.notes-empty-list{align-items:center;color:#5c6070;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:40px 16px;text-align:center}.notes-editor-panel{background:#0f1117;background:var(--bg-primary);min-width:0;overflow:hidden}.notes-editor-panel,.notes-empty-state{display:flex;flex:1 1;flex-direction:column}.notes-empty-state{align-items:center;color:#5c6070;color:var(--text-muted);gap:12px;justify-content:center}.notes-empty-icon{font-size:40px}.notes-empty-text{font-size:14px}.notes-mobile-back{align-items:center;background:#0000;border:none;color:#0ebcd4;color:var(--accent-coral);cursor:pointer;display:none;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px;padding:0}.notes-viewer-active{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:28px 40px 40px}.notes-viewer-topbar{display:flex;gap:8px;justify-content:flex-end;margin-bottom:20px}.notes-viewer-actions{display:flex;gap:8px}.notes-viewer-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:32px;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}.notes-viewer-timestamp{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);color:#5c6070;color:var(--text-muted);font-size:12px;margin-bottom:28px;padding-bottom:20px}.notes-viewer-body{color:#f0f0f5;color:var(--text-primary);font-size:15px;line-height:1.8}.notes-editor-active{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px 40px 40px}.notes-editor-topbar{margin-bottom:16px}.notes-editor-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.notes-editor-actions{display:flex;gap:8px}.notes-editor-cat-select{background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#8b8fa3;color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;padding:5px 10px}.notes-editor-cat-select:focus{border-color:#0ebcd4;border-color:var(--accent-coral);outline:none}.notes-title-input{background:#0000;border:none;color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:32px;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px;outline:none;width:100%}.notes-editor-timestamp,.notes-title-input::placeholder{color:#5c6070;color:var(--text-muted)}.notes-editor-timestamp{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);font-size:12px;margin-bottom:20px;padding-bottom:16px}.notes-editor-body{flex:1 1}.notes-editor-body .rich-text-editor-wrapper .ql-toolbar{background:#0000;border-left:none;border-radius:0;border-right:none;border-top:none}.notes-editor-body .rich-text-editor-wrapper .ql-container{background:#0000;border:none;font-size:15px}.notes-editor-body .rich-text-editor-wrapper .ql-editor{min-height:400px;padding:12px 0}.kb-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:4px}.kb-breadcrumb-link{background:none;border:none;color:#0ebcd4;color:var(--accent-coral);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;padding:0}.kb-breadcrumb-link:hover{text-decoration:underline}.kb-breadcrumb-sep{color:#5c6070;color:var(--text-muted)}.kb-breadcrumb-current{color:#8b8fa3;color:var(--text-secondary)}.kb-article-view{margin:0 auto;max-width:860px;width:100%}.kb-article-toolbar{align-items:center;display:flex;justify-content:space-between;margin:16px 0}.kb-article-paper{background:#1c1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:32px;padding:40px 48px}.kb-article-meta-pills{display:flex;gap:8px;margin-bottom:12px}.kb-article-title{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:32px;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.kb-recipe-meta{color:#8b8fa3;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-bottom:8px}.kb-article-byline{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);color:#5c6070;color:var(--text-muted);font-size:13px;margin-bottom:24px;padding-bottom:24px}.kb-article-body{color:#f0f0f5;color:var(--text-primary);font-size:16px;line-height:1.75}.rich-text-content h1{font-size:24px;margin:20px 0 10px}.rich-text-content h1,.rich-text-content h2{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif}.rich-text-content h2{font-size:20px;margin:18px 0 8px}.rich-text-content h3{color:#f0f0f5;color:var(--text-primary);font-size:16px;font-weight:700;margin:16px 0 6px}.rich-text-content p{margin:0 0 10px}.rich-text-content a{color:#0ebcd4;color:var(--accent-coral);text-decoration:underline}.rich-text-content blockquote{border-left:3px solid #0ebcd4;border-left:3px solid var(--accent-coral);color:#8b8fa3;color:var(--text-secondary);margin:12px 0;padding:4px 16px}.rich-text-content pre{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:10px;overflow-x:auto;padding:12px 16px;white-space:pre-wrap}.rich-text-content code,.rich-text-content pre{background:#252840;background:var(--bg-elevated);font-family:JetBrains Mono,monospace}.rich-text-content code{border-radius:4px;font-size:.9em;padding:1px 5px}.rich-text-content img{border-radius:8px;border-radius:var(--radius-sm);height:auto;max-width:100%}.rich-text-content table{border-collapse:collapse;margin:12px 0;width:100%}.rich-text-content table td,.rich-text-content table th{border:1px solid #ffffff1f;border:1px solid var(--border-active);color:#f0f0f5;color:var(--text-primary);padding:8px 12px}.rich-text-content table th{background:#252840;background:var(--bg-elevated);font-weight:600}.rich-text-content ol,.rich-text-content ul{margin:0 0 10px;padding-left:1.5em}.rich-text-content li{margin-bottom:4px}.rich-text-content li.ql-indent-1{margin-left:2em}.rich-text-content li.ql-indent-2{margin-left:4em}.rich-text-content li.ql-indent-3{margin-left:6em}.rich-text-content li[data-list]{list-style:none;padding-left:1.8em;position:relative}.rich-text-content li[data-list=bullet]:before{content:"\2022";left:.4em;position:absolute}.rich-text-content li[data-list=ordered]{counter-increment:list-0}.rich-text-content li[data-list=ordered]:before{content:counter(list-0,decimal) ". ";left:0;position:absolute}.rich-text-content li[data-list=ordered].ql-indent-1{counter-increment:list-1;padding-left:4.8em}.rich-text-content li[data-list=ordered].ql-indent-1:before{content:counter(list-1,lower-alpha) ". ";left:3em}.rich-text-content li[data-list=bullet].ql-indent-1{padding-left:3.6em}.rich-text-content li[data-list=bullet].ql-indent-1:before{left:2.2em}.rich-text-content li[data-list=bullet].ql-indent-2{padding-left:5.4em}.rich-text-content li[data-list=bullet].ql-indent-2:before{left:4em}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.ql-size-small{font-size:.75em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.5em}:not(li).ql-indent-1{padding-left:3em}:not(li).ql-indent-2{padding-left:6em}:not(li).ql-indent-3{padding-left:9em}.rich-text-editor-wrapper .ql-toolbar{background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-bottom:none;border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.rich-text-editor-wrapper .ql-container{background:#1a1d2b;background:var(--bg-input);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.rich-text-editor-wrapper .ql-editor{color:#f0f0f5;color:var(--text-primary);min-height:320px}.rich-text-editor-wrapper .ql-editor.ql-blank:before{color:#5c6070;color:var(--text-muted);font-style:normal}.rich-text-editor-wrapper .ql-toolbar .ql-stroke{stroke:#8b8fa3;stroke:var(--text-secondary)}.rich-text-editor-wrapper .ql-toolbar .ql-fill{fill:#8b8fa3;fill:var(--text-secondary)}.rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-stroke,.rich-text-editor-wrapper .ql-toolbar button:hover .ql-stroke{stroke:#0ebcd4;stroke:var(--accent-coral)}.rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-fill,.rich-text-editor-wrapper .ql-toolbar button:hover .ql-fill{fill:#0ebcd4;fill:var(--accent-coral)}.rich-text-editor-wrapper .ql-toolbar .ql-picker-label{color:#8b8fa3;color:var(--text-secondary)}.rich-text-editor-wrapper .ql-toolbar .ql-picker-options{background:#252840;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm)}.rich-text-editor-wrapper .ql-toolbar .ql-picker-item{color:#f0f0f5;color:var(--text-primary)}.rich-text-editor-wrapper .ql-toolbar .ql-picker-item:hover{color:#0ebcd4;color:var(--accent-coral)}.kb-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.kb-modal{background:#1c1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;max-height:92vh;max-width:900px;width:100%}.kb-modal-header{align-items:center;background:#252840;background:var(--bg-elevated);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;justify-content:space-between;padding:20px 24px}.kb-modal-header h3{color:#f0f0f5;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:20px;margin:0}.kb-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#5c6070;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px}.kb-modal-close:hover{background:#ffffff0f;color:#f0f0f5;color:var(--text-primary)}.kb-modal-body{flex:1 1;overflow-y:auto;padding:24px}.kb-modal-footer{align-items:center;background:#252840;background:var(--bg-elevated);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.kb-status-label{color:#8b8fa3;color:var(--text-secondary);font-size:13px}.kb-content-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.kb-admin-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.kb-admin-list{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle)}.kb-admin-row{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;padding:12px 0}.kb-admin-row:last-child{border-bottom:none}.kb-admin-child{padding-left:32px}.kb-admin-reorder{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.kb-admin-arrow{background:#0000;border:none;color:#5c6070;color:var(--text-muted);cursor:pointer;font-size:10px;line-height:1;padding:1px 4px;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.kb-admin-arrow:hover:not(:disabled){color:#f0f0f5;color:var(--text-primary)}.kb-admin-arrow:disabled{cursor:default;opacity:.25}.kb-admin-cat-info{flex:1 1;min-width:0}.kb-admin-cat-name{color:#f0f0f5;color:var(--text-primary);font-size:14px;font-weight:600}.kb-admin-cat-sub,.kb-admin-child-arrow{color:#5c6070;color:var(--text-muted)}.kb-admin-cat-sub{font-size:12px;margin-top:2px}@media (max-width:768px){.kb-article-paper{padding:24px 20px}.kb-article-title{font-size:24px}.kb-modal{border-radius:16px;border-radius:var(--radius-lg);max-height:98vh}.notes-shell{flex-direction:row;height:calc(100vh - 160px);overflow:hidden}.notes-notebooks{border-bottom:none}.notes-list-panel,.notes-notebooks{border-right:none;flex-shrink:0;width:100%}.notes-editor-panel{flex-shrink:0;width:100%}.notes-shell[data-mobile-panel=editor] .notes-list-panel,.notes-shell[data-mobile-panel=editor] .notes-notebooks,.notes-shell[data-mobile-panel=list] .notes-editor-panel,.notes-shell[data-mobile-panel=list] .notes-notebooks,.notes-shell[data-mobile-panel=notebooks] .notes-editor-panel,.notes-shell[data-mobile-panel=notebooks] .notes-list-panel{display:none}.notes-mobile-back{display:flex}.notes-editor-active,.notes-viewer-active{padding:16px 16px 80px}.notes-title-input,.notes-viewer-title{font-size:22px}.notes-viewer-topbar{flex-wrap:wrap;gap:6px}.notes-list-item-title{max-width:calc(100vw - 80px)}}
/*# sourceMappingURL=main.dda3ca9d.css.map*/