:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf9;background:#080d1b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7c9cff;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}.app{min-height:100vh;background:radial-gradient(ellipse at 40% -5%,#193264 0,transparent 42%),#080d1b}.topbar{height:76px;border-bottom:1px solid #ffffff19;padding:0 clamp(16px,5vw,64px);display:flex;align-items:center;justify-content:space-between;background:#0c1428b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;letter-spacing:-.5px;font-size:19px}.brand small{display:block;color:#97a5c3;font-size:11px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#6d76ff;color:#fff;font-size:14px;font-weight:900}.right{display:flex;align-items:center;gap:14px}.username{font-size:13px;font-weight:600}.live{color:#8dd9c4;font-size:10px;font-weight:800;letter-spacing:1.2px}.live i{display:inline-block;width:7px;height:7px;background:#55d9a7;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #55d9a7}main{max-width:1450px;margin:auto;padding:36px clamp(16px,5vw,64px)}.hero{padding:26px 0 38px;max-width:790px}.eyebrow{color:#93a3ff;font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:16px}h1{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-2.6px;margin-bottom:21px}h1 em{font-style:normal;color:#a3b0ff}.hero p{color:#99a8c6;line-height:1.7;max-width:650px}.stats{display:flex;gap:40px;margin-top:27px}.stats strong{font-size:21px;display:block}.stats small{display:block;color:#8393b1;font-size:11px;margin-top:3px}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px}.panel,.authpanel{border:1px solid #2b3654;border-radius:18px;background:#101a30;padding:24px;box-shadow:0 15px 40px #0002}.panelhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:19px}.panelhead h2{font-size:21px;letter-spacing:-.6px;margin:0}.panelhead .eyebrow{margin-bottom:6px}.panel h3{font-size:18px;margin-bottom:8px}.panel h4{margin-top:24px;margin-bottom:12px}.muted{color:#8b9cbd;font-size:12px}.memberlist,.audit,.suggestions{display:flex;flex-direction:column;gap:10px;margin:15px 0}.member,.request{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ffffff13;padding:10px 0}.member strong,.request strong{display:block;font-size:13px}.member small,.request small,.audit small,.suggestions small{display:block;font-size:11px;color:#8697b5;margin-top:5px}.audit{max-height:190px;overflow:auto}.audit div{font-size:12px;padding:8px;border-left:2px solid #627bea;background:#162340}.suggestions div{padding:9px;background:#162340;border-radius:8px;font-size:12px}input,select{width:100%;border:1px solid #3b4965;background:#0b1327;color:#fff;border-radius:9px;padding:12px;outline:0}label{display:block;font-size:12px;color:#b7c6df;font-weight:650;margin:12px 0}label input,label select{margin-top:7px}button{background:#202e50;color:#dbe5ff;border:1px solid #405277;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:750;transition:background .15s}button:hover:not(:disabled){background:#34436b}.primary{width:100%;background:#7888ff;color:#081029;border:1px solid #7888ff;margin:5px 0}.primary:hover:not(:disabled){background:#a3adff}.ghost{background:transparent}.tiny{padding:6px 9px;font-size:11px}.danger{color:#ffb1b1;border-color:#9f4956}.form{max-width:440px;width:100%}.authpanel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px}.authpanel>div{max-width:360px}.authpanel p{color:#8d9dbd;line-height:1.65}.authpanel h2{font-size:31px}.linkbtn{border:0;background:transparent;color:#a8b7ff;padding:12px 0}.boardpanel{min-height:420px}.searchrow{margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.teamcard{border:1px solid #31415e;border-radius:12px;background:#14213a;padding:19px;transition:transform .15s,border-color .15s}.teamcard:hover{border-color:#7182ad;transform:translateY(-2px)}.teamcard h3{font-size:18px;margin:16px 0 5px}.teamcard p{color:#8c9dbc;font-size:12px}.cardtop{display:flex;justify-content:space-between;align-items:center}.pill{background:#2c365e;color:#b4c2ff;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.7px}.capacity{height:5px;background:#34425c;border-radius:10px;margin:18px 0;overflow:hidden}.capacity div{height:100%;background:#8094ff;border-radius:10px}.teamcard button{width:100%}.pager{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:22px;color:#8a9ebd;font-size:12px}.empty{text-align:center;color:#93a2ba;padding:40px}.notice{position:relative;background:#22365a;padding:15px 50px 15px 16px;border-radius:9px;border:1px solid #526cab;margin-bottom:19px;font-size:13px}.notice button{position:absolute;right:6px;top:5px;border:0;background:transparent;font-size:19px}hr{border:0;border-top:1px solid #ffffff20;margin:21px 0}.codebox{word-break:break-all;font-size:11px;border:1px dashed #8294c4;border-radius:9px;padding:10px;margin-top:8px}.codebox button{margin-top:8px}.actions{display:flex;gap:5px}footer{padding:40px 0 15px;font-size:11px;color:#637394}@media(max-width:900px){.workspace{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar{padding:0 16px}.username{display:none}main{padding:20px 16px}.hero{padding:20px 0 30px}.cards{grid-template-columns:1fr}.authpanel{display:block;padding:20px}.stats{gap:15px;flex-wrap:wrap}.panel{padding:18px}.right{gap:6px}h1{letter-spacing:-1.5px}.brand small{display:none}}
