:root{--bg:#f5f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:14px}.table th{color:var(--muted);font-weight:600}.input,.select,.button{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.input,.select{background:#fff;width:100%}.button{background:var(--primary);color:#fff;cursor:pointer;border:none}.button.secondary{color:var(--text);border:1px solid var(--border);background:#fff}.muted{color:var(--muted)}.sidebar{border-right:1px solid var(--border);background:#fff;width:240px;height:100vh;padding:20px;position:fixed;top:0;left:0}.sidebar a{color:var(--text);border-radius:8px;margin-bottom:6px;padding:10px 12px;display:block}.sidebar a.active{background:var(--primary);color:#fff}.main{min-height:100vh;margin-left:240px}.topbar{border-bottom:1px solid var(--border);background:#fff;padding:16px 24px}.page-title{font-size:20px;font-weight:600}.page-actions{align-items:center;gap:8px;display:flex}.row{align-items:center;gap:12px;display:flex}
