:root{--bg:#07111f;--panel:#0e1b2d;--text:#eaf2ff;--muted:#8ea4c1;--blue:#2f7df6;--green:#2fd07f;--red:#ff5d6c;--border:#203653}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#050b14,#0b1830);color:var(--text);min-height:100vh}a{color:inherit}.app{display:flex;min-height:100vh}aside{width:250px;background:#06101e;border-right:1px solid var(--border);padding:24px 18px;position:fixed;inset:0 auto 0 0}.brand{font-size:22px;font-weight:800;margin-bottom:25px}.env{padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.env small,.env b,.env a{display:block}.env small{color:var(--muted)}.env b{margin:5px 0}.env a{font-size:12px;color:#78aaff}nav a{display:block;text-decoration:none;padding:12px;border-radius:10px;color:#c6d5e8}nav a:hover{background:#12243b}main{margin-left:250px;width:calc(100% - 250px);padding:28px}header{display:flex;gap:14px;align-items:center;margin-bottom:22px}header button{display:none;background:none;border:0;color:#fff;font-size:25px}header h1{margin:0}header p{margin:5px 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stats.three{grid-template-columns:repeat(3,1fr);margin-top:20px}.stat,.panel{background:linear-gradient(145deg,#112239,#0a182a);border:1px solid var(--border);border-radius:16px;padding:20px}.stat span{color:var(--muted)}.stat strong{display:block;font-size:25px;margin-top:9px}.stat.in{border-left:4px solid var(--green)}.stat.out{border-left:4px solid var(--red)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:10px;margin-bottom:18px}.btn{display:inline-block;border:0;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.success{background:var(--green);color:#032416}.danger{background:var(--red);color:#fff}.ghost{background:#162944;color:#cfe0f5;font-size:13px}.tx{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.tx small{display:block;color:var(--muted);margin-top:4px}.green{color:var(--green)}.red{color:var(--red)}.auth{display:grid;place-items:center;padding:25px}.card{width:min(430px,100%);background:#0a182a;border:1px solid var(--border);border-radius:20px;padding:30px}.install{width:min(620px,100%)}.big{font-size:45px}.form{display:grid;gap:14px}.form label,.filter label{display:grid;gap:7px;color:#cbd8e9}.form input,.form select,.filter input{width:100%;background:#09182a;border:1px solid var(--border);color:#fff;padding:12px;border-radius:10px}.envpage{width:min(900px,100%);text-align:center}.envgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.envcard{text-decoration:none;text-align:left;padding:30px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.envcard:hover{border-color:#3b82f6}.envcard span{color:#7fb0ff}.alert{padding:13px;border-radius:10px;margin-bottom:16px}.alert.success{background:#123b2b}.alert.error{background:#4a1d29}.phead{display:flex;justify-content:space-between;align-items:center}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted)}.delete{color:#ff8792}.empty{text-align:center;color:var(--muted);padding:25px}.filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter label{min-width:170px}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}aside{transform:translateX(-100%);transition:.2s}main{margin-left:0;width:100%;padding:18px}header button{display:block}body.open aside{transform:translateX(0);z-index:5}.envgrid{grid-template-columns:1fr}}@media(max-width:560px){.stats,.stats.three{grid-template-columns:1fr}.phead{align-items:flex-start;flex-direction:column}}