:root{--bg:#050b1d;--panel:#111a3a;--panel2:#18265a;--line:#30447d;--text:#fff;--muted:#9bb3e8;--accent:#5b7cff;--accent2:#7d3cff;--bad:#ff5d7d;--ok:#4ee59a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#17245a,var(--bg) 45%);color:var(--text)}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(980px,95vw);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(17,26,58,.85);box-shadow:0 30px 90px rgba(0,0,0,.35)}.brand{padding:48px;background:linear-gradient(135deg,rgba(28,42,98,.9),rgba(16,17,52,.85))}.brand img{width:220px;max-width:80%;display:block;margin-bottom:26px}.brand-symbol{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-symbol{width:220px!important;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.35);background:#020817}.brand h1{letter-spacing:10px;font-size:42px;margin:0 0 20px}.brand p{color:#c7d3ff;line-height:1.6}.form{padding:48px;background:rgba(10,13,45,.78)}label{display:block;margin:18px 0 8px;font-weight:700}input,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#0d1232;color:var(--text)}button{border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:white;font-weight:800;cursor:pointer}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.ghost{background:#17224f;border:1px solid var(--line)}.error{color:var(--bad);margin-top:16px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0b1230;border-right:1px solid #20305d;padding:18px}.logo-mini{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo-mini img{width:54px}.logo-mini strong{letter-spacing:4px}.nav button{width:100%;text-align:left;background:transparent;border:1px solid transparent;margin:6px 0;color:var(--muted)}.nav button.active{background:#18265a;border-color:#2e4b95;color:white}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,#172150,#101831);border:1px solid #2b3c76;border-radius:18px;padding:20px;min-height:110px}.card h3{margin:0 0 10px;color:#b7c9ff}.big{font-size:28px;font-weight:900}.ok{color:var(--ok)}.bad{color:var(--bad)}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid #2b3c76;text-align:left}.drop{border:2px dashed #3857a6;border-radius:18px;padding:22px;background:#0d1535}.logbox{white-space:pre-wrap;background:#030713;border:1px solid #253764;border-radius:12px;padding:14px;max-height:420px;overflow:auto}.hidden{display:none}@media(max-width:900px){.login-card,.layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.sidebar{position:static}}

.topgrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.twocol{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{margin-top:14px}.metric-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px;color:#c8d5ff}.metric-head strong{font-size:22px;color:#fff}.bar{height:18px;background:#050916;border:1px solid #263b75;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;box-shadow:0 0 24px rgba(91,124,255,.45)}@media(max-width:900px){.topgrid,.twocol{grid-template-columns:1fr}.login-symbol{width:220px!important}}

.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-card{background:linear-gradient(160deg,#172150,#0b1028);border:1px solid #2b3c76;border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.app-card:hover{transform:translateY(-3px);border-color:#5b7cff;box-shadow:0 24px 70px rgba(91,124,255,.16)}.app-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.app-card h3{font-size:26px;margin:4px 0 0;color:#fff}.app-kicker{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#7fa2ff;font-weight:900}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;border:1px solid currentColor}.pill.ok{color:var(--ok);background:rgba(78,229,154,.08)}.pill.bad{color:var(--bad);background:rgba(255,93,125,.08)}.app-meta{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(87,112,190,.24);color:#b7c9ff}.app-meta strong{color:#fff;text-align:right}.app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.site-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 18px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;font-weight:900}.site-btn:hover{filter:brightness(1.08)}@media(max-width:900px){.apps-grid{grid-template-columns:1fr}.app-meta{display:block}.app-meta strong{display:block;text-align:left;margin-top:4px}}
.deploy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.deploy-card{min-height:210px}.deploy-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.deploy-result{min-width:190px;text-align:right}.deploy-status{display:inline-flex;border-radius:999px;padding:8px 12px;font-weight:900;border:1px solid currentColor}.deploy-status.success{color:var(--ok);background:rgba(78,229,154,.09)}.deploy-status.error{color:var(--bad);background:rgba(255,93,125,.1)}.deploy-status.running{color:#ffd36a;background:rgba(255,211,106,.1)}.deploy-status.muted{color:var(--muted);background:rgba(155,179,232,.08)}.deploy-result small{display:block;color:var(--muted);margin-top:8px}.log-categories{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}.log-categories button span{opacity:.8;margin-left:8px}.log-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.log-item{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#10183a;border:1px solid #2b3c76}.log-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-item span{font-weight:900}.log-item.success span{color:var(--ok)}.log-item.error span{color:var(--bad)}.log-item.running span{color:#ffd36a}.log-item small{color:var(--muted)}@media(max-width:900px){.deploy-grid,.log-list{grid-template-columns:1fr}.deploy-head{display:block}.deploy-result{text-align:left;margin-top:10px}}
.mini-progress{height:7px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:8px;min-width:140px}.mini-progress div{height:100%;background:linear-gradient(90deg,#39d98a,#7c4dff);border-radius:99px}.deploy-status.error+.mini-progress div{background:#ff4d6d}.deploy-status.running+.mini-progress div{background:linear-gradient(90deg,#ffd166,#7c4dff)}