*{box-sizing:border-box;margin:0;padding:0}
:root{
    --bg:#f5f7fb;
    --panel:#ffffff;
    --text:#0f172a;
    --muted:#64748b;
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --success:#16a34a;
    --danger:#dc2626;
    --warning:#f59e0b;
    --border:#e2e8f0;
    --shadow:0 12px 30px rgba(15,23,42,.08);
    --radius:18px;
}
body{font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid var(--border)}
.header-flex{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.brand{font-size:24px;font-weight:700}
.top-nav{display:flex;gap:12px;align-items:center}
.top-nav a{color:var(--text);padding:10px 14px;border-radius:12px}
.btn-nav{background:var(--primary);color:#fff !important}
.page-space{padding:32px 0 60px}
.hero-card,.panel,.auth-card,.stat-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:40px}
.hero-card h1{font-size:38px;margin:10px 0 14px}
.hero-card p{color:var(--muted);line-height:1.9;font-size:18px;max-width:820px}
.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.pill{display:inline-block;background:#e8f0ff;color:var(--primary-dark);padding:8px 12px;border-radius:999px;font-weight:700}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.mt-24{margin-top:24px}
.panel{padding:22px;margin-bottom:18px}
.panel h3{margin-bottom:12px}
.panel p{line-height:1.9;color:var(--muted)}
.auth-card{max-width:540px;margin:0 auto;padding:28px}
.auth-card h2{margin-bottom:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid.one-col{grid-template-columns:1fr}
.full-span{grid-column:1/-1}
label{display:block;margin-bottom:8px;font-weight:700;color:#334155}
input,select,textarea{
    width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:#fbfdff;font-size:15px;outline:none
}
input:focus,select:focus,textarea:focus{border-color:#93c5fd;background:#fff}
.btn-primary,.btn-secondary{
    display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:13px 18px;border-radius:14px;font-weight:700
}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff}
.btn-secondary{background:#eef2ff;color:var(--primary-dark)}
.small{padding:9px 12px;font-size:14px}
.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:700}
.alert.success{background:#dcfce7;color:#166534}
.alert.error{background:#fee2e2;color:#991b1b}
.app-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;padding:22px}
.sidebar-brand{font-size:24px;font-weight:700;margin-bottom:8px}
.sidebar-user{color:#cbd5e1;margin-bottom:18px}
.sidebar-nav{display:grid;gap:10px}
.sidebar-nav a{color:#e2e8f0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05)}
.sidebar-nav a:hover{background:rgba(255,255,255,.12)}
.main-content{padding:22px}
.page-head{margin-bottom:18px}
.page-head h1{font-size:34px}
.page-head p{color:var(--muted);margin-top:6px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:18px}
.stat-card{padding:22px}
.stat-card span{display:block;color:var(--muted);margin-bottom:10px}
.stat-card strong{font-size:32px}
.stat-card.positive{border-right:6px solid var(--success)}
.stat-card.negative{border-right:6px solid var(--danger)}
.stat-card.primary{border-right:6px solid var(--primary)}
.stat-card.warning{border-right:6px solid var(--warning)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.table-wrap{overflow:auto}
.table{width:100%;border-collapse:collapse;min-width:950px}
.table thead{background:#0f172a;color:#fff}
.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:center;vertical-align:top}
.details-row td{background:#f8fafc;text-align:right;line-height:1.8}
.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.actions a{font-weight:700}
.actions a:first-child{color:#0ea5e9}
.actions a:last-child{color:#ef4444}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.pagination a{padding:9px 12px;border-radius:10px;background:#eef2ff;color:var(--primary-dark)}
.pagination a.active{background:var(--primary);color:#fff}
.empty{color:var(--muted)}
.profile-box p{line-height:2}
@media (max-width:991px){
    .app-layout{grid-template-columns:1fr}
    .sidebar{padding:16px}
    .main-content{padding:16px}
    .form-grid,.filters{grid-template-columns:1fr}
    .hero-card{padding:28px}
    .hero-card h1{font-size:30px}
    .table{min-width:760px}
}