body{margin:0;background:#0a0d12;color:#eef3f7;font-family:Arial,sans-serif}
a{color:#3bb3ff;text-decoration:none}button,input,select,textarea{font:inherit}
input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #1d2733;background:#0d141d;color:#eef3f7}
button,.btn{padding:11px 14px;border-radius:12px;border:1px solid #1d2733;background:#162131;color:#eef3f7;cursor:pointer}
button.primary,.btn.primary{background:linear-gradient(135deg,#3bb3ff,#22d3ee);border:none;color:#04131d;font-weight:800}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#0d1218;border-right:1px solid #1d2733;padding:22px}.main{padding:28px 32px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#3bb3ff,#22d3ee);display:grid;place-items:center;color:#04131d;font-weight:900}.sub{font-size:12px;color:#97a6b5}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.page-title{font-size:30px;margin:0}.page-copy{margin:8px 0 0;color:#97a6b5;max-width:900px}
.card{background:#111821;border:1px solid #1d2733;border-radius:18px}.pad{padding:18px}.grid{display:grid;gap:18px}.two{grid-template-columns:1.1fr .9fr}.three{grid-template-columns:repeat(3,1fr)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:16px;border:1px solid #1d2733;border-radius:14px}
.kpi .label{font-size:12px;color:#97a6b5}.kpi .value{font-size:26px;font-weight:800;margin-top:6px}.notice{padding:12px 14px;border:1px solid rgba(255,176,32,.22);background:rgba(255,176,32,.08);border-radius:12px;color:#ffe4aa}
.nav-item{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;color:#eef3f7;border:1px solid transparent;margin-bottom:6px}.nav-item:hover,.nav-item.active{background:rgba(59,179,255,.08);border-color:rgba(59,179,255,.18)}
.nav-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#97a6b5;margin:18px 0 10px}.help{font-size:12px;color:#97a6b5;margin-top:6px;line-height:1.45}
.section{padding:18px;border-top:1px solid #1d2733}.section:first-child{border-top:none}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.section-tag{font-size:11px;color:#97a6b5;text-transform:uppercase;letter-spacing:.12em}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 12px;border-bottom:1px solid #1d2733;text-align:left;vertical-align:middle}.table th{font-size:12px;color:#97a6b5;text-transform:uppercase;letter-spacing:.08em}
.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid #1d2733;background:#0e151d;font-size:12px}.success{color:#d5ffe6}.warn{color:#ffe9bf}.danger{color:#ffd3d3}.muted{color:#97a6b5}
.progress{display:grid;gap:12px}.progress-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #1d2733;border-radius:12px;background:rgba(255,255,255,.02)}
.footer-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border-top:1px solid #1d2733}.inline-note{font-size:12px;color:#97a6b5}
.list{display:grid;gap:12px}.event{padding:14px;border:1px solid #1d2733;border-radius:14px;background:rgba(255,255,255,.02)}.empty{padding:24px;border:1px dashed #1d2733;border-radius:14px;color:#97a6b5;text-align:center}.mono{font-family:monospace}
.toast{position:fixed;top:18px;right:18px;z-index:9999;padding:14px 16px;border-radius:12px;color:#fff}.toast-success{background:#067647}.toast-error{background:#b42318}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:12px}.alert.good{background:rgba(44,207,116,.12);border:1px solid rgba(44,207,116,.2)}.alert.bad{background:rgba(255,100,100,.12);border:1px solid rgba(255,100,100,.2)}.alert.warn{background:rgba(255,176,32,.12);border:1px solid rgba(255,176,32,.2)}
small.dim{display:block;color:#97a6b5;margin-top:4px}
@media (max-width:1100px){.app{grid-template-columns:1fr}.two,.three,.kpis,.form-grid,.form-grid.three{grid-template-columns:1fr}}