*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 8% -5%,#22d3ee30,transparent 28%),radial-gradient(circle at 90% 8%,#a855f740,transparent 30%),linear-gradient(180deg,#06101f,#091120 45%,#050814);color:#e5eefb}aside{position:fixed;left:16px;top:16px;bottom:16px;width:260px;background:linear-gradient(180deg,#0f172acc,#0b1224f5);border:1px solid #ffffff1d;border-radius:28px;padding:20px;overflow:auto;box-shadow:0 24px 80px #0008;backdrop-filter:blur(16px)}aside h2{margin:0 0 22px;font-size:22px}aside h2 span{font-size:12px;color:#22d3ee}aside a{display:block;padding:13px 14px;border-radius:16px;text-decoration:none;color:#dbeafe;font-weight:900;margin-bottom:8px;background:#ffffff0a;border:1px solid transparent}aside a:hover{background:#22d3ee18;border-color:#22d3ee44}main{margin-left:292px;padding:22px;max-width:100%;overflow:hidden}.top{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}.top span{background:#22d3ee22;color:#67e8f9;padding:8px 12px;border-radius:999px}.card,.hero{background:linear-gradient(180deg,#111c34f5,#0b1224ef);border:1px solid #ffffff18;border-radius:28px;padding:24px;box-shadow:0 20px 60px #0006;max-width:100%;overflow:hidden}.hero{background:radial-gradient(circle at top right,#22d3ee24,transparent 34%),linear-gradient(135deg,#101a31,#20144a)}.hero h1{font-size:clamp(28px,4vw,48px);letter-spacing:-1.2px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}input,select,textarea{width:100%;min-width:0;background:#02061799;color:#e5eefb;border:1px solid #ffffff20;border-radius:15px;padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee22}button,.btn{border:0;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#06111f;font-weight:950;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-align:center}.btn.red{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.btn.green{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.btn.dark{background:#111827;color:white}.list{display:grid;gap:14px}.siteRow{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,minmax(110px,.35fr)) minmax(260px,.9fr);gap:12px;align-items:start;background:#0f172acc;border:1px solid #ffffff18;border-radius:24px;padding:16px;max-width:100%;overflow:hidden}.siteRow>div{min-width:0}.muted{color:#94a3b8;font-size:13px;overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.clientBox{margin-top:10px}.clientBox textarea{min-height:170px;font-size:12px;white-space:pre-wrap}.badge{padding:8px 10px;border-radius:999px;background:#22d3ee22;color:#67e8f9;font-weight:900}.overlay{display:none;position:fixed;inset:0;z-index:999;background:#020617dd;backdrop-filter:blur(12px);align-items:center;justify-content:center}.loader{width:70px;height:70px;border-radius:50%;border:7px solid #334155;border-top-color:#22d3ee;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.feature{display:inline-flex;margin:2px;padding:7px 10px;border:1px solid #22d3ee33;border-radius:999px;color:#bae6fd;background:#22d3ee12;font-size:12px;font-weight:800}@media(max-width:980px){aside{position:relative;left:auto;top:auto;bottom:auto;width:auto;border-radius:0;margin:0}main{margin:0;padding:14px}.siteRow{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}}@media(max-width:430px){.actions{grid-template-columns:1fr}.card,.hero{padding:15px;border-radius:20px}}