*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;width:100%;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 800px at 20% 0,rgba(37,99,235,.2),transparent 55%),radial-gradient(1000px 700px at 80% 20%,rgba(99,102,241,.14),transparent 60%),#0b1020;color:#e5e7eb}a{color:#93c5fd;text-decoration:none}a:hover{text-decoration:underline}.container,.page{max-width:1100px;margin:0 auto;padding:16px}.h1{font-size:26px;line-height:1.15;letter-spacing:-.2px}.h1,.h2{margin:0 0 10px}.h2{font-size:18px}.hint{color:#94a3b8;font-size:13px;line-height:1.4}.small{font-size:12px;color:#a5b4fc}.card{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.25)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(11,16,32,.7);border-bottom:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:850;letter-spacing:.2px;white-space:nowrap}.brandMark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#4f46e5);display:inline-flex;justify-content:center;font-weight:900;box-shadow:0 10px 26px rgba(37,99,235,.35)}.brandMark,.nav{align-items:center}.nav{display:flex;gap:10px;flex-wrap:wrap}.btn{cursor:pointer;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-weight:750;transition:transform .08s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 10px 22px rgba(37,99,235,.25)}.btn:hover{opacity:.95;text-decoration:none}.btn:active{transform:translateY(1px)}.btn.secondary{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1);box-shadow:none}.btn.secondary:hover{background:hsla(0,0%,100%,.1)}.btn.danger{background:rgba(185,28,28,.9);border-color:rgba(185,28,28,.6);box-shadow:0 10px 22px rgba(185,28,28,.2)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.input,.textarea,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid hsla(0,0%,100%,.18);background:rgba(0,0,0,.25);color:#e5e7eb;outline:none}.input:focus,.textarea:focus,select:focus{border-color:rgba(147,197,253,.35);box-shadow:0 0 0 4px rgba(37,99,235,.15)}.label{font-size:12px;color:#cbd5e1;margin-bottom:6px;display:block}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.badge{padding:4px 8px;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15)}.badge,.pill{display:inline-block;font-size:12px}.pill{padding:2px 8px;border-radius:999px;border:1px solid hsla(0,0%,100%,.18);opacity:.95}.pill.red{border-color:hsla(0,100%,70%,.45)}.notice{padding:12px;border-radius:14px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);color:#fde68a}.notice.red{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,,.25);color:#fecaca;border-color:rgba(239,68,68,.25)}hr{border:0;border-top:1px solid hsla(0,0%,100%,.12);margin:16px 0}.tableWrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table td,.table th{padding:10px 8px;border-bottom:1px solid hsla(0,0%,100%,.1);text-align:left;font-size:14px;vertical-align:top;white-space:nowrap}.table td .badge,.table td .pill,.table td .small{white-space:normal}.table tbody tr:hover{background:hsla(0,0%,100%,.03)}.tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs>*{flex:0 0 auto;white-space:nowrap}.msg{padding:10px 12px;border-radius:12px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);white-space:pre-wrap}.msg.user{border-color:rgba(147,197,253,.25)}.link{text-decoration:underline}.link:hover{opacity:.85}@media (max-width:900px){.grid2{grid-template-columns:1fr}}@media (max-width:520px){.card,.container,.page{padding:12px}.card{border-radius:16px}.btn{padding:10px 12px;font-size:14px}.h1{font-size:22px}.row{flex-wrap:wrap}}