body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Inter,Arial,sans-serif}.wrap{min-height:100vh;display:flex}aside{background:#111827;border-right:1px solid #334155;width:260px;padding:28px}aside h2{color:#fff;margin:0}aside p{color:#94a3b8}nav{gap:14px;margin-top:30px;display:grid}nav span{background:#1f2937;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}svg{width:18px}main{flex:1;padding:30px}header h1{margin:0;font-size:32px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.cards div,.panel,.table{background:#111827;border:1px solid #334155;border-radius:18px;padding:18px}.cards b{font-size:30px;display:block}.cards span,small,p{color:#94a3b8}.grid,.wa-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.wa-grid{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.wa-card{background:#020617;border:1px solid #334155;border-radius:14px;padding:14px}input,textarea{color:#fff;box-sizing:border-box;background:#020617;border:1px solid #334155;border-radius:10px;width:100%;margin:6px 0;padding:12px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;margin:8px 8px 8px 0;padding:12px 18px;font-weight:700}.secondary{background:#334155}.mini{align-items:center;gap:6px;padding:8px 10px;display:flex}.feedback{color:#fbbf24}.qr-box{background:#020617;border:1px dashed #334155;border-radius:16px;margin-top:16px;padding:14px;display:inline-block}.qr-box img{background:#fff;border-radius:12px;width:240px;max-width:100%;display:block}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #334155;padding:14px}td small{margin-top:6px;display:block}.badge{color:#fff;background:#1d4ed8;border-radius:999px;margin:2px;padding:4px 9px;font-size:12px;display:inline-block}.warn{background:#b45309}.modal{background:#000b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.site{color:#111;background:#fff;border-radius:20px;width:80%;max-height:85vh;padding:30px;overflow:auto}.site h1{font-size:42px}.site h2{color:#2563eb}.site p{color:#475569}.site a{color:#fff;background:#16a34a;border-radius:10px;padding:14px 22px;display:inline-block}.mockgrid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.mockgrid section{background:#f1f5f9;border-radius:16px;padding:20px}@media (width<=900px){aside{display:none}.cards,.grid,.wa-grid{grid-template-columns:1fr}main{padding:15px}}