:root{--cream:#dce5ca;--cream-soft:#ebf1e3;--charcoal:#242b33;--black:#000;--neon:#d2ff41;--white:#fff;--n50:#f7f8f4;--n100:#ededef;--n200:#d3d3d3;--n400:#848783;--n500:#595958;--n800:#22231f;--ok:#3d6b28;--err:#b3402f;--sans:"Work Sans",system-ui,-apple-system,sans-serif;--mono:"Roboto Mono",ui-monospace,monospace;--r-sm:3px;--r:6px;--r-card:10px;--bar:56px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--charcoal);background:var(--cream-soft);line-height:1.5;-webkit-font-smoothing:antialiased}svg{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}a{color:inherit}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--n400);font-weight:500}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--cream-soft)}.loading .lk{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--n400)}.loading .lb{width:160px;height:4px;border-radius:999px;background:var(--n100);overflow:hidden;position:relative}.loading .lb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:var(--neon);border-radius:999px;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(280%)}}.app{display:flex;flex-direction:column;height:100vh}.appbar{display:flex;align-items:center;gap:20px;background:var(--charcoal);color:var(--white);padding:0 22px;height:var(--bar);flex:0 0 auto}.logo{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.02em;white-space:nowrap}.logo b{color:var(--neon)}.nav{display:flex;gap:4px}.nav button{display:flex;align-items:center;gap:8px;color:#c4c9cf;font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px}.nav button svg{width:16px;height:16px}.nav button:hover{color:#fff;background:#2f3742}.nav button.on{background:var(--neon);color:var(--charcoal)}.spacer{flex:1}.visor-ctx{display:flex;align-items:center;gap:11px;min-width:0}.vback{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r);color:#c4c9cf;flex:0 0 auto}.vback:hover{background:#2f3742;color:#fff}.vback svg{width:16px;height:16px}.visor-ctx b{color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.visor-ctx .u{font-family:var(--mono);color:#8b929a;font-size:11px;white-space:nowrap}.ctx{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:#aeb4ba;padding:5px 10px;border:1px solid #39424d;border-radius:999px;white-space:nowrap}.ctx svg{width:13px;height:13px}.ctx b{color:var(--neon);font-weight:500}.who{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;text-align:right}.who b{font-size:12.5px;font-weight:600;color:#fff}.who span{font-family:var(--mono);font-size:10px;color:#8b929a}.role{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-sm)}.role.admin{background:var(--neon);color:var(--charcoal)}.role.viewer{background:#39424d;color:#cfd4d9}.iconbtn{display:flex;align-items:center;gap:7px;color:#c4c9cf;font-size:12px;font-weight:600;padding:7px 10px;border-radius:var(--r)}.iconbtn svg{width:15px;height:15px}.iconbtn:hover{color:#fff;background:#2f3742}.content{flex:1;overflow:auto;min-height:0}.canvas{max-width:1180px;margin:0 auto;padding:34px 24px 64px}.phead{margin-bottom:24px}.phead h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px}.phead p{color:var(--n500);font-size:14px;margin-top:3px}.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.rcard{background:var(--white);border:1px solid var(--n200);border-radius:var(--r-card);padding:20px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:14px;min-height:168px;text-align:left}.rcard:hover{transform:translateY(-2px);border-color:var(--charcoal)}.ric{width:42px;height:42px;border-radius:var(--r);background:var(--cream-soft);display:flex;align-items:center;justify-content:center;color:var(--charcoal)}.ric svg{width:22px;height:22px}.rcard h3{font-size:20px;font-weight:700;letter-spacing:-.01em}.rcard .desc{font-size:13px;color:var(--n500);flex:1}.rcard .foot{display:flex;align-items:center;justify-content:space-between}.tagm{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--n400)}.go{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500}.go svg{width:14px;height:14px}.empty{background:var(--white);border:1px dashed var(--n200);border-radius:var(--r-card);padding:48px;text-align:center;color:var(--n500)}.empty svg{width:30px;height:30px;color:var(--n400);margin:0 auto 12px}.empty b{display:block;color:var(--charcoal);font-size:15px;margin-bottom:4px}.report-frame{width:100%;height:100%;border:none;display:block;background:var(--white)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login .left{background:var(--charcoal);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login .left:after{content:"";position:absolute;right:-80px;bottom:-80px;width:320px;height:320px;border:1px solid #333c46;border-radius:999px}.login .left:before{content:"";position:absolute;right:-30px;bottom:-30px;width:200px;height:200px;border:1px solid #333c46;border-radius:999px}.login .mark{font-family:var(--mono);font-weight:700;font-size:26px}.login .mark b{color:var(--neon)}.login .left .tagline{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8b929a}.login .left h2{font-size:34px;font-weight:800;letter-spacing:-.02em;max-width:440px;line-height:1.12}.login .right{background:var(--cream-soft);padding:40px;display:flex;flex-direction:column;justify-content:center}.login-box{max-width:380px;width:100%;margin:0 auto}.login-box .eyebrow{margin-bottom:6px}.login-box h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.login-box .lead{color:var(--n500);font-size:14px;margin-bottom:26px}.ms{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--charcoal);color:#fff;font-weight:700;font-size:14px;padding:13px;border-radius:var(--r)}.ms:hover{background:#11161b}.ms:disabled{opacity:.6;cursor:default}.ms svg{width:18px;height:18px}.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--n400);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.or:before,.or:after{content:"";height:1px;background:var(--n200);flex:1}.ucard{display:flex;align-items:center;gap:12px;width:100%;background:var(--white);border:1px solid var(--n200);border-radius:var(--r);padding:12px 14px;margin-bottom:9px;text-align:left;transition:.15s}.ucard:hover{border-color:var(--charcoal);transform:translateY(-1px)}.ucard .nm{font-weight:600;font-size:14px}.ucard .rl{margin-left:auto}.avatar{width:32px;height:32px;border-radius:999px;background:var(--cream);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}.badge{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-sm)}.badge.admin{background:var(--neon);color:var(--charcoal)}.badge.viewer{background:var(--n100);color:var(--n500)}.note{margin-top:22px;font-family:var(--mono);font-size:11px;color:var(--n400);border-top:1px solid var(--n200);padding-top:14px}.err{display:flex;align-items:center;gap:8px;color:var(--err);font-size:12.5px;margin-top:14px}.err svg{width:15px;height:15px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--n200);border-radius:var(--r);padding:8px 12px;flex:1;max-width:340px;color:var(--n400)}.search svg{width:15px;height:15px}.search input{border:none;outline:none;font-size:13px;color:var(--charcoal);width:100%;background:none}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--neon);color:var(--charcoal);font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--r)}.btn:hover{filter:brightness(.96)}.btn svg{width:16px;height:16px;stroke-width:2}.btn.ghost{background:var(--white);border:1px solid var(--n200);color:var(--charcoal);font-weight:600}.btn:disabled{opacity:.5;cursor:default}.utable{width:100%;background:var(--white);border:1px solid var(--n200);border-radius:var(--r-card);border-collapse:separate;border-spacing:0;overflow:hidden}.utable th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--n400);text-align:left;font-weight:500;padding:12px 16px;border-bottom:1px solid var(--n100)}.utable td{padding:14px 16px;border-bottom:1px solid var(--n100);font-size:13px;vertical-align:middle}.utable tr:last-child td{border-bottom:none}.utable tr.row{cursor:pointer}.utable tr.row:hover td{background:var(--n50)}.u-id{display:flex;align-items:center;gap:11px}.u-id .nm{font-weight:600}.u-id .em{font-family:var(--mono);font-size:11px;color:var(--n400)}.cnt{font-family:var(--mono);font-size:12px;color:var(--n500)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;animation:fade .15s}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:92vw;background:var(--white);z-index:41;box-shadow:0 8px 32px #00000029;display:flex;flex-direction:column}.dhead{padding:20px 22px;border-bottom:1px solid var(--n100);display:flex;align-items:flex-start;justify-content:space-between}.dhead .eyebrow{margin-bottom:3px}.dhead h2{font-size:18px;font-weight:700}.dhead .x{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--n500)}.dhead .x:hover{background:var(--n100)}.dhead .x svg{width:18px;height:18px}.dbody{padding:22px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:22px}.field>label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--n400);margin-bottom:9px}.field input{width:100%;padding:9px 12px;border:1px solid var(--n200);border-radius:var(--r);font-size:13px;outline:none}.field input:focus{border-color:var(--charcoal)}.seg{display:inline-flex;border:1px solid var(--n200);border-radius:var(--r);overflow:hidden}.seg button{padding:7px 16px;font-size:13px;font-weight:600;color:var(--n500)}.seg button.on{background:var(--charcoal);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:5px 10px;border-radius:999px;border:1px solid var(--n200);color:var(--n500);background:var(--white);cursor:pointer}.chip.on{background:var(--neon);border-color:var(--neon);color:var(--charcoal)}.chip svg{width:12px;height:12px;stroke-width:2}.check{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--n200);border-radius:var(--r);cursor:pointer;font-weight:600;font-size:13px;margin-bottom:9px}.check.on{border-color:var(--charcoal);background:var(--cream-soft)}.check .bx{width:18px;height:18px;border-radius:var(--r-sm);border:1.6px solid var(--n400);display:flex;align-items:center;justify-content:center;color:transparent;flex:0 0 auto}.check.on .bx{background:var(--charcoal);border-color:var(--charcoal);color:var(--neon)}.check .bx svg{width:12px;height:12px;stroke-width:2.4}.check svg.ric2{width:16px;height:16px;color:var(--n500)}.dfoot{padding:18px 22px;border-top:1px solid var(--n100);display:flex;justify-content:flex-end;gap:10px}.toasts{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:9px;background:var(--charcoal);color:#fff;padding:11px 15px;border-radius:var(--r);font-size:13px;box-shadow:0 8px 32px #00000029;animation:fade .15s}.toast svg{width:16px;height:16px;color:var(--neon)}.toast.err svg{color:#ff8a7a}@media(max-width:760px){.login{grid-template-columns:1fr}.login .left,.who,.ctx{display:none}}