.app-layout{background:var(--color-bg);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-sidebar-bg);border-right:1px solid var(--color-border2);flex-direction:column;width:240px;min-width:240px;height:100vh;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--color-border2);align-items:center;gap:8px;padding:24px 20px 16px;display:flex}.sidebar-logo svg{width:28px;height:28px}.sidebar-logo-text{letter-spacing:-2.5px;color:var(--color-charcoal);text-transform:lowercase;font-size:24px;font-weight:800}.sidebar-logo-text:after{content:".";color:var(--color-marigold)}.sidebar-nav{flex:1;padding:12px 0}.sidebar-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-muted);padding:16px 20px 4px;font-size:12px;font-weight:700}.sidebar-nav-item{color:var(--color-sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:9px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:var(--color-sand);color:var(--color-charcoal);text-decoration:none}.sidebar-nav-item.active{background:var(--color-sand);color:var(--color-sidebar-active);border-right:3px solid var(--color-marigold);font-weight:600}.sidebar-nav-item.active svg{color:var(--color-marigold)}.sidebar-nav-item.sub-item{padding-left:44px;font-size:13.5px}.sidebar-footer{border-top:1px solid var(--color-border2);padding:16px 12px}.sidebar-signout-btn{color:var(--color-sidebar-text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.sidebar-signout-btn:hover{background:var(--color-neutral-tint);color:var(--color-error)}.main-content{background:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;min-height:60px;padding:16px 28px;display:flex}.content-header-title{letter-spacing:-.5px;color:var(--color-text);text-transform:lowercase;font-size:22px;font-weight:800}.content-header-user{color:var(--color-text-secondary);font-size:13px;font-weight:500}.content-body{flex:1;padding:28px;overflow-y:auto}.auth-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:48px}.auth-logo{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-logo svg{width:48px;height:48px}.auth-logo-text{letter-spacing:-2.5px;color:var(--color-charcoal);text-transform:lowercase;font-size:32px;font-weight:800}.auth-logo-text:after{content:".";color:var(--color-marigold)}.auth-title{letter-spacing:-.5px;color:var(--color-text);text-align:center;text-transform:lowercase;margin-bottom:6px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:24px;font-size:13px}.btn{border-radius:var(--radius-full);text-transform:lowercase;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .1s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-marigold);color:var(--color-charcoal)}.btn-primary:hover:not(:disabled){background:var(--color-marigold-deep)}.btn-secondary{background:var(--color-sage);color:var(--color-cream)}.btn-secondary:hover:not(:disabled){background:var(--color-olive)}.btn-danger{color:var(--color-error);border:1px solid var(--color-error);background:0 0}.btn-danger:hover:not(:disabled){background:#b04e4e1a}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.btn-icon-only{padding:8px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text);font-size:14px;font-weight:600}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-white);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-sage);box-shadow:0 0 0 3px var(--color-safe-tint)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input.error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:12.5px}textarea.form-input{resize:vertical;border-radius:var(--radius-md);min-height:90px}select.form-input{cursor:pointer}.badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:lowercase;white-space:nowrap;border:1px solid var(--color-border2);align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-active,.badge-resolved{background:var(--color-safe-tint);color:var(--color-safe);border-color:#0000}.badge-draft,.badge-closed,.badge-dismissed{background:var(--color-neutral-tint);color:var(--color-neutral);border-color:#0000}.badge-archived,.badge-open{color:var(--color-error);background:#b04e4e1a;border-color:#0000}.badge-published,.badge-approved{background:var(--color-vibe-tint);color:var(--color-vibe);border-color:#0000}.badge-pending{background:var(--color-neutral-tint);color:var(--color-neutral);border-color:#0000}.badge-rejected{color:var(--color-error);background:#b04e4e1a;border-color:#0000}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header-title{letter-spacing:-1px;color:var(--color-text);text-transform:lowercase;font-size:32px;font-weight:800}.page-header-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:14px}.page-header-actions{align-items:center;gap:12px;display:flex}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:16px;padding:24px;display:flex}.stat-icon{border-radius:var(--radius-full);background:var(--color-vibe-tint);width:48px;height:48px;color:var(--color-vibe);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-number{color:var(--color-text);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:13px;font-weight:600}.table-wrapper{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{width:100%}.data-table thead{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.data-table th{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);padding:14px 20px;font-size:12px;font-weight:700}.data-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:14px;font-weight:500}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-sand)}.table-actions{align-items:center;gap:8px;display:flex}.table-empty{text-align:center;color:var(--color-text-tertiary);padding:56px 24px;font-size:14px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1916b8;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{align-items:center}}.modal{background:var(--color-cream);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:30px;padding:32px}.modal-title{letter-spacing:-.5px;color:var(--color-text);text-transform:lowercase;margin-bottom:12px;font-size:24px;font-weight:800}.modal-body{color:var(--color-text-secondary);margin-bottom:28px;font-size:15px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.form-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:680px;padding:32px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-full{grid-column:1/-1}.form-actions{gap:12px;margin-top:32px;display:flex}.detail-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:720px;padding:32px}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.detail-field-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-tertiary);margin-bottom:6px;font-size:12px;font-weight:700}.detail-field-value{color:var(--color-text);font-size:15px;font-weight:500}.detail-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px;padding-top:24px;display:flex}.chart-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:28px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-title{letter-spacing:-.5px;color:var(--color-text);text-transform:lowercase;font-size:18px;font-weight:800}.date-filter-group{background:var(--color-sand);border-radius:var(--radius-full);gap:4px;padding:4px;display:flex}.date-filter-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.date-filter-btn.active{background:var(--color-white);color:var(--color-text);box-shadow:var(--shadow-sm)}.notification-modal-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.settings-section{margin-bottom:32px}.settings-section-title{letter-spacing:-.5px;color:var(--color-text);border-bottom:1px solid var(--color-border);text-transform:lowercase;margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:800}.avatar{background:linear-gradient(150deg, var(--color-sage), var(--color-olive));width:64px;height:64px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.avatar-sm{width:40px;height:40px;font-size:16px}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.divider{background:var(--color-border);height:1px;margin:24px 0}.loading-text{color:var(--color-text-tertiary);text-align:center;padding:48px;font-size:14px;font-weight:500}:root{--color-sage:#7a9e7e;--color-olive:#5c7a60;--color-sage-light:#a7c2a9;--color-marigold:#e8a730;--color-marigold-deep:#c77f1a;--color-charcoal:#1c1916;--color-ink2:#5a5346;--color-muted:#8c8273;--color-cream:#faf5ed;--color-white:#fff;--color-sand:#ede5d8;--color-border:#eadfcc;--color-border2:#e2d8c6;--color-safe:#5c7a60;--color-safe-tint:#e8eee4;--color-vibe:#b07f18;--color-vibe-tint:#fbefd7;--color-neutral:#8c8273;--color-neutral-tint:#f4ecdf;--color-primary:var(--color-marigold);--color-bg:var(--color-cream);--color-text:var(--color-charcoal);--color-text-secondary:var(--color-ink2);--color-text-tertiary:var(--color-muted);--color-error:#b04e4e;--color-success:var(--color-safe);--color-warning:var(--color-vibe);--color-sidebar-bg:var(--color-cream);--color-sidebar-text:var(--color-ink2);--color-sidebar-active:var(--color-charcoal);--radius-sm:8px;--radius-md:18px;--radius-lg:26px;--radius-full:999px;--shadow-sm:0 4px 12px #1c19160a;--shadow-md:0 8px 22px #1c191614;--shadow-lg:0 16px 40px #1c191629}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.5px;font-weight:800}a{color:var(--color-olive);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}table{border-collapse:collapse;width:100%}th,td{text-align:left}