:root{--bg:#f3f6f9;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#0f766e;--accent-2:#115e59;--sidebar:#0b1f2a;--sidebar-2:#123447;--success:#047857;--warning:#b45309;--danger:#b91c1c;color:var(--text);font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}h1,h2{margin:0;font-family:Instrument Serif,Georgia,serif;font-weight:400}h1{font-size:2rem}h2{font-size:1.35rem}.muted{color:var(--muted);font-size:.92rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row.between{justify-content:space-between}.btn{appearance:none;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn.success{background:var(--success)}.btn.warn{background:var(--warning)}.btn.danger{background:var(--danger)}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:.75rem 0;padding:.85rem 1rem}.login-page{background:radial-gradient(circle at 20% 20%,#0f766e1f,#0000 40%),linear-gradient(160deg,#ecfeff,#f8fafc 50%,#e2e8f0);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:20px;gap:.9rem;width:min(420px,100%);padding:2rem;display:grid;box-shadow:0 20px 50px #0f172a14}.login-brand{text-align:center;margin-bottom:.5rem}.login-mark{color:#fff;background:linear-gradient(135deg,#0f766e,#0e7490);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto .85rem;font-weight:700;display:grid}.login-card h1{color:#0f172a}.login-card .sub{color:var(--muted);margin:.35rem 0 0}.login-card label,.form-card label{color:#334155;gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.login-card input,.form-card input,.form-card select,.form-card textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:.7rem .85rem}.login-card .btn{justify-content:center;width:100%}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--sidebar), var(--sidebar-2));color:#fff;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.sidebar-brand h2{color:#fff;margin:0;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700}.sidebar-brand small{color:#ffffffa6}.mark{background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.sidebar nav a{color:#ffffffd9;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem .85rem;text-decoration:none;display:flex}.sidebar nav a.nav-active,.sidebar nav a:hover{color:#fff;background:#ffffff1a}.ico{opacity:.9}.sidebar-foot{color:#ffffff8c;margin-top:auto;padding:.75rem;font-size:.8rem}.main{min-width:0}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffffd9;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.user-chip{align-items:center;gap:.75rem;display:flex}.user-chip .meta{text-align:right;display:grid}.user-chip .meta span{color:var(--muted);text-transform:capitalize;font-size:.8rem}.content{padding:1.25rem 1.5rem 2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:1rem;padding:1.1rem 1.2rem}.form-card{gap:.9rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.filters{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-weight:600;display:inline-flex}.chip span{background:#f1f5f9;border-radius:999px;padding:.05rem .45rem;font-size:.78rem}.chip.active{color:var(--accent-2);background:#ecfeff;border-color:#0f766e59}.review-list{gap:.9rem;margin-top:.5rem;display:grid}.review-card.status-pending{border-left:4px solid #f59e0b}.review-card.status-approved{border-left:4px solid #10b981}.review-card.status-rejected{border-left:4px solid #ef4444}.review-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.65rem;display:flex}.who{align-items:center;gap:.75rem;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#0369a1);border-radius:12px;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:700;display:grid}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.badge.pending{color:#b45309;background:#fffbeb}.badge.approved{color:#047857;background:#ecfdf5}.badge.rejected{color:#b91c1c;background:#fef2f2}.stars{color:#f59e0b;letter-spacing:1px}.stars-empty{color:#cbd5e1}.quote{color:#334155;margin:.75rem 0;line-height:1.55}.metric{color:#0f766e;background:#ecfeff;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.35rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.actions{margin-top:.35rem}.empty{text-align:center;color:var(--muted)}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}
