*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0}a{color:#38bdf8}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1e293b;padding:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar a{padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;color:#94a3b8}.sidebar a:hover,.sidebar a.active{background:#334155;color:#f1f5f9}.main{flex:1;padding:1.5rem}.card{background:#1e293b;border-radius:.75rem;padding:1rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #334155}th{color:#94a3b8;font-weight:600}.btn{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover{background:#0284c7}.btn-ghost{background:transparent;color:#94a3b8}.btn-ghost:hover{background:#334155;color:#f1f5f9}input,textarea,select{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #334155;background:#0f172a;color:#e2e8f0}