*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;background:#020202;color:#fff}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,rgba(255,0,0,.16),transparent 35%),linear-gradient(rgba(255,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.05) 1px,transparent 1px);background-size:100% 100%,28px 28px,28px 28px;z-index:-1}
a{color:inherit}.app{display:flex;gap:15px;padding:15px}.sidebar{width:265px;min-height:calc(100vh - 30px);background:rgba(0,0,0,.86);border:1px solid rgba(255,0,0,.45);border-radius:18px;padding:15px;box-shadow:0 0 35px rgba(255,0,0,.22)}
.status{border:1px solid rgba(255,0,0,.35);border-radius:12px;padding:14px;color:#ccc;font-size:13px;display:flex;justify-content:space-between}.online{color:#00ff66}.logo-small{color:#ff2020;font-size:26px;font-weight:900;text-align:center;margin:18px 0;text-shadow:0 0 18px red}
.menu{display:flex;flex-direction:column;gap:8px}.menu a{text-decoration:none;color:#bbb;border:1px solid rgba(255,0,0,.25);padding:13px;border-radius:10px;background:rgba(20,20,20,.7);text-transform:uppercase;font-size:12px;font-weight:700;transition:.2s}.menu a:hover,.menu a.active{color:#fff;background:rgba(255,0,0,.35);border-color:#ff3333;box-shadow:0 0 18px rgba(255,0,0,.45)}
.main{flex:1;display:flex;flex-direction:column;gap:15px}.topbar{background:rgba(0,0,0,.76);border:1px solid rgba(255,0,0,.45);border-radius:18px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 30px rgba(255,0,0,.16)}.topbar h1{font-size:34px;color:#ff2020;letter-spacing:3px;text-shadow:0 0 16px rgba(255,0,0,.8)}.topbar span{color:#ddd;font-size:17px}.topbar small,.admin{color:#aaa}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel{background:rgba(0,0,0,.72);border:1px solid rgba(255,0,0,.42);border-radius:16px;padding:18px;box-shadow:0 0 20px rgba(255,0,0,.12)}.card small{color:#aaa;text-transform:uppercase}.card b{display:block;margin-top:8px;font-size:28px}.card span{display:block;margin-top:8px;color:#00ff66;font-size:13px;font-weight:700}
.panel h2,.panel h3{color:#ff6666;text-transform:uppercase;letter-spacing:2px;font-size:14px;border-bottom:1px solid rgba(255,0,0,.22);padding-bottom:10px;margin-bottom:15px}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,0,0,.14);padding:11px;text-align:left;font-size:14px;vertical-align:top}.table th{color:#ff7777;text-transform:uppercase;font-size:12px}.table tr:hover{background:rgba(255,0,0,.07)}
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:13px;border-radius:10px;border:1px solid rgba(255,0,0,.35);background:#090909;color:#fff;outline:none}textarea{min-height:90px}label{font-size:12px;text-transform:uppercase;color:#aaa;margin-bottom:6px;display:block}
.btn{display:inline-block;padding:10px 13px;border-radius:10px;border:1px solid #ff3333;background:rgba(255,0,0,.35);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;box-shadow:0 0 16px rgba(255,0,0,.25);font-size:13px}.btn:hover{background:#c40000}.btn.gray{border-color:#555;background:#222}.btn.green{border-color:#00ff66;background:rgba(0,180,80,.22)}.btn.red{background:rgba(255,0,0,.45)}.btn.yellow{border-color:#ffd34d;background:rgba(255,200,0,.15);color:#ffd34d}
.actions{display:flex;gap:7px;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.ativo,.pago{background:rgba(0,255,100,.15);color:#00ff66}.vencido,.pendente{background:rgba(255,200,0,.15);color:#ffd34d}.cancelado{background:rgba(255,0,0,.18);color:#ff5555}.muted{color:#999;font-size:13px}.error{background:rgba(255,0,0,.14);border:1px solid rgba(255,0,0,.45);padding:12px;border-radius:10px;margin-bottom:12px;color:#ff8888}.success{background:rgba(0,255,100,.12);border:1px solid rgba(0,255,100,.35);padding:12px;border-radius:10px;margin-bottom:12px;color:#8cffb9}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:100%;max-width:430px;background:rgba(0,0,0,.82);border:1px solid rgba(255,0,0,.45);border-radius:18px;padding:28px;box-shadow:0 0 40px rgba(255,0,0,.22)}.login-box h1{text-align:center;color:#ff2020;font-size:38px;text-shadow:0 0 18px red}.login-box p{text-align:center;color:#aaa;margin:10px 0 25px}
.search-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.search-row>div{min-width:200px;flex:1}.mini-list{display:flex;flex-direction:column;gap:10px}.mini-list div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,0,0,.13);padding-bottom:8px}.whats{color:#00ff66}
@media(max-width:1100px){.app{flex-direction:column}.sidebar{width:100%;min-height:auto}.grid,.grid-2,.grid-3,.form,.form-3{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar h1{font-size:28px}}