:root{color:#f5efe6;background:radial-gradient(circle at top left,rgba(207,148,75,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(120,79,33,.18),transparent 30%),linear-gradient(145deg,#120f0d,#1a140f 40%,#241b13);font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg-panel: rgba(15, 11, 8, .88);--bg-panel-soft: rgba(255, 255, 255, .04);--bg-panel-strong: rgba(255, 255, 255, .06);--bg-sidebar: rgba(10, 8, 6, .86);--border-soft: rgba(255, 255, 255, .08);--border-strong: rgba(248, 201, 138, .18);--text-muted: rgba(245, 239, 230, .7);--text-soft: rgba(245, 239, 230, .52);--accent: #f2c078;--accent-strong: #ffd59a;--accent-dark: #21160d;--danger: #ffb7a1;--success: #b9e8ad}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;color:#f5efe6;background:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.01),transparent 18%);opacity:.65}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#f2c07847}:focus-visible{outline:2px solid rgba(255,213,154,.7);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;align-items:start}.sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow-y:auto;padding:28px 22px 24px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),var(--bg-sidebar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:rgba(248,201,138,.24) transparent}.sidebar-main{display:grid;gap:18px}.sidebar-top{display:grid;gap:8px}.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:0;padding:6px 12px;border:1px solid rgba(248,201,138,.2);border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:var(--accent);background:#f8c98a14}.sidebar-title{margin:0;font-size:clamp(1.75rem,2vw,2.15rem);line-height:1.05}.sidebar-text,.sidebar-footer p,.page-header p,.section-subtitle,.muted-text{margin:0;color:var(--text-muted)}.sidebar-nav{display:grid;gap:18px}.sidebar-nav-group{display:grid;gap:10px}.sidebar-group-title{margin:0;padding:0 12px;color:var(--text-soft);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav-links{display:grid;gap:8px}.sidebar-nav a,.primary-link,.secondary-link,.table-action,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 15px;border-radius:14px;border:1px solid var(--border-soft);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-nav a,.secondary-link{justify-content:flex-start;color:#f6efe6;background:#ffffff08}.sidebar-nav a:hover,.secondary-link:hover{border-color:#f8c98a38;background:#ffffff0f}.sidebar-nav a.active{color:#fff6ea;border-color:#f8c98a5c;background:linear-gradient(135deg,#f8c98a2e,#ffffff0a);box-shadow:inset 0 0 0 1px #f8c98a1a}.primary-link,button,.table-action{color:var(--accent-dark);background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);border-color:#ffd59a42;box-shadow:0 10px 24px #f2c0782e}.primary-link:hover,button:hover,.table-action:hover{background:linear-gradient(135deg,#ffe0b5,#f2c078)}.secondary-link{background:#ffffff0d}.ghost-button{width:100%;color:#f7efe4;background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}.ghost-button:hover{background:#ffffff14}.sidebar-footer{margin-top:auto;display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--border-soft)}.sidebar-user-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid var(--border-soft)}.sidebar-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f8c98a47,#f8c98a1f);color:#fff3df;font-weight:700;letter-spacing:.04em}.sidebar-user-meta{min-width:0}.sidebar-user-meta strong{display:block;margin-bottom:2px}.sidebar-user-meta p{font-size:.92rem}.sidebar-logout{justify-content:center}.content{min-width:0;padding:32px clamp(18px,3vw,36px) 48px}.content-inner{width:min(1180px,100%);margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.page-header h2{margin:10px 0 6px;font-size:clamp(2rem,4vw,2.85rem);line-height:1.08}.page-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card,.login-card,.status-card{padding:clamp(20px,3vw,28px);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%),var(--bg-panel);border:1px solid var(--border-soft);box-shadow:0 24px 72px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-shell,.page-shell{width:min(540px,calc(100% - 24px));margin:0 auto;padding:56px 0}.login-card h1{margin:14px 0 8px;font-size:clamp(2.3rem,7vw,3.8rem);line-height:.98}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-heading h3{margin:4px 0 0;font-size:1.1rem}.section-label{display:inline-flex;margin-bottom:2px;color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.list-section{display:grid;gap:20px}.empty-state{display:grid;place-items:center;min-height:180px;padding:24px;text-align:center;border-radius:18px;background:#ffffff08;border:1px dashed rgba(248,201,138,.24)}.empty-state p{margin:0;color:var(--text-muted)}.empty-state-compact{min-height:132px;padding:20px}.form-grid{display:grid;gap:16px;margin-top:24px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}label{display:grid;gap:8px}input,select,textarea{width:100%;padding:12px 14px;color:#f6efe5;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:border-color .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:#f5efe666}input:focus,select:focus,textarea:focus{border-color:#f8c98a5c;background:#ffffff0f}textarea{min-height:112px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.task-actions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}.info-box,.warning-box{padding:14px 16px;border-radius:16px;border:1px solid var(--border-soft)}.info-box{background:#ffffff0a}.warning-box{background:#ffb3a114;border-color:#ffb3a138}.info-box p,.info-box strong,.warning-box p,.warning-box strong{margin:0}.info-box p,.warning-box p{margin-top:8px}.table-wrapper{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.05)}table{width:100%;min-width:640px;border-collapse:collapse;background:#ffffff05}thead th{padding:14px 16px;text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:#ffffff08}tbody tr{transition:background .2s ease}tbody tr:hover{background:#ffffff08}th,td{padding:15px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.cell-stack{display:grid;gap:4px}.cell-stack strong{font-size:.98rem}.cell-stack span{color:var(--text-soft);font-size:.88rem}.table-actions{display:flex;justify-content:flex-start}.table-action{min-height:38px;padding:8px 12px;font-size:.92rem}.status-error{margin:0;color:var(--danger)}.text-link{color:var(--accent)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-card{padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.detail-card-wide{grid-column:1 / -1}.detail-card h3{margin:0}.dashboard-stack{display:grid;gap:18px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;min-height:152px;padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-soft)}.metric-card.is-alert{border-color:#ffb3a142;background:#ffb3a114}.metric-card-label{color:var(--accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.metric-card-value{display:block;margin:0;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.05}.metric-card p{margin:0;color:var(--text-muted)}.dashboard-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-sections{display:grid;gap:16px}.summary-list{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.summary-row strong{display:block}.summary-row p{margin:4px 0 0;color:var(--text-soft);font-size:.9rem}.summary-row span{flex:0 0 auto;color:var(--accent-strong);font-size:1.1rem;font-weight:700}.summary-row-spread p{margin-top:6px}.checkout-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-question,.history-item{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--border-soft)}.checkout-summary{display:grid;gap:16px}.checkout-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.84rem;line-height:1;border:1px solid transparent}.status-pill-good{color:#d8f7d0;background:#89d68a29;border-color:#89d68a3d}.status-pill-warn{color:#f8d6a5;background:#f8c98a29;border-color:#f8c98a3d}.status-pill-bad{color:#ffd2c7;background:#ffb3a129;border-color:#ffb3a13d}.status-pill-neutral{color:#f3efe7;background:#ffffff14;border-color:#ffffff14}.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:grid;gap:4px}.detail-list dt{color:var(--text-soft)}.detail-list dd{margin:0}.history-list{display:grid;gap:12px}.history-item p{margin:8px 0 0}.task-item,.note-item{display:grid;gap:4px}.history-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-head span{color:var(--text-muted)}.overdue-item{border-color:#ffb3a147;background:#ffb3a114}.status-card h2{margin-top:0}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0}.status-grid div{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--border-soft)}.status-grid dt{margin-bottom:4px;color:var(--text-soft)}.status-grid dd{margin:0}a:hover,button:hover{transform:translateY(-1px)}button:disabled,.primary-link:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width: 1100px){.dashboard-metrics,.checkout-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:22px 18px;border-right:0;border-bottom:1px solid var(--border-soft)}.sidebar-nav{gap:18px}.sidebar-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-top:24px}.dashboard-metrics,.dashboard-insights,.detail-grid,.checkout-metrics,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.content,.card,.login-card,.status-card{padding:20px}.page-header,.section-heading,.history-head,.task-actions,.form-actions{flex-direction:column;align-items:stretch}.page-actions,.page-actions a,.page-actions button,.ghost-button,.primary-link,.secondary-link,.table-action,button{width:100%}.sidebar-nav-links,.dashboard-metrics,.dashboard-insights,.detail-grid,.checkout-questions,.checkout-metrics,.status-grid,.two-columns{grid-template-columns:1fr}.login-shell,.page-shell{width:min(540px,calc(100% - 20px));padding-top:32px}table{min-width:560px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}a,button,input,select,textarea{transition:none}a:hover,button:hover{transform:none}}