:root{--color-primary:#f5f0e8;--color-secondary:#f9d5d3;--color-accent:#c9956a;--color-accent-dark:#a87652;--color-text:#3d2b1f;--color-text-muted:#8b6f5e;--color-border:#e0d5c8;--color-danger:#c0392b;--color-success:#27ae60;--color-warning:#e67e22;--color-white:#fff;--color-card:#fdfaf6;--color-sidebar-bg:#3d2b1f;--color-sidebar-text:#f0e8df;--color-sidebar-active:#c9956a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #3d2b1f14;--shadow-md:0 4px 16px #3d2b1f1f;--shadow-lg:0 8px 32px #3d2b1f29;--font:"Inter", system-ui, sans-serif;--sidebar-width:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--color-primary);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-dark)}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.btn{border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 20px;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-accent-dark)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background:#f2c0be}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:#a93226}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:6px 12px}.btn-ghost:hover{color:var(--color-text);background:var(--color-border)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);padding:7px}.form-group{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.form-group label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.form-control{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);background:var(--color-white);color:var(--color-text);width:100%;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #c9956a26}.form-control.error{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:.78rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px 24px}.badge{border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-block}.badge-success{color:#1e7a45;background:#d5f0e0}.badge-warning{color:#a0550f;background:#fde8d0}.badge-danger{color:#9b2118;background:#fad8d6}.badge-muted{background:var(--color-border);color:var(--color-text-muted)}.badge-accent{background:var(--color-secondary);color:var(--color-text)}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;background:var(--color-card);width:100%}thead{background:var(--color-primary)}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:11px 16px;font-size:.78rem;font-weight:600}td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:12px 16px;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fdf7f0}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:28px 32px}@media (width<=768px){.main-content{margin-left:0;padding:16px}.form-row{grid-template-columns:1fr}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{font-size:1.5rem;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px}.stat-card .stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:500}.stat-card .stat-value{color:var(--color-text);font-size:1.75rem;font-weight:700}.auth-page{background:var(--color-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:40px 36px}.auth-logo{color:var(--color-accent);margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--color-text-muted);margin-bottom:28px;font-size:.9rem}.auth-footer{color:var(--color-text-muted);text-align:center;margin-top:20px;font-size:.85rem}.divider{background:var(--color-border);height:1px;margin:20px 0}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.danger-zone{border:1px solid var(--color-danger);border-radius:var(--radius-md);background:#fff8f7;margin-top:24px;padding:20px 24px}.danger-zone h3{color:var(--color-danger);margin-bottom:8px}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:2.5rem}.spinner-wrap{justify-content:center;align-items:center;padding:60px;display:flex}