:root{color-scheme:light;--blue: #0A6CFF;--blue-2: #3D8BFF;--blue-deep: #0B3FA8;--sky: #EAF2FF;--sky-2: #F4F8FF;--fg: #0B1530;--fg-2: #5B6782;--fg-3: #98A2B8;--line: #E4E9F2;--good: #16A34A;--good-bg: #E8F8EE;--warn: #B45309;--warn-bg: #FFF4E5;--bad: #DC2626;--bad-bg: #FDECEC;--glass: rgba(255,255,255,.52);--edge: rgba(255,255,255,.78);--hi: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.25), inset 0 0 0 1px rgba(255,255,255,.35);--shadow: 0 10px 30px -12px rgba(11,40,110,.28), 0 2px 6px -2px rgba(11,40,110,.08);--blur: blur(26px) saturate(190%);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Figtree", system-ui, sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Figtree", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.32,.72,0,1)}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body,#root{height:100%}body{margin:0;background:#eef4ff;color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid rgba(10,108,255,.35);outline-offset:1px;border-radius:8px}.muted{color:var(--fg-2)}.note{font-size:12.5px;color:var(--fg-3);margin:0}.bgfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(160deg,#f5f9ff,#e6efff 45%,#eef2ff)}.bgfx i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.7;animation:drift 26s ease-in-out infinite alternate}.bgfx i:nth-child(1){width:46vw;height:46vw;left:-8vw;top:-12vw;background:#9cc3ff}.bgfx i:nth-child(2){width:38vw;height:38vw;right:-6vw;top:18vh;background:#bfd7ff;animation-delay:-6s}.bgfx i:nth-child(3){width:34vw;height:34vw;left:30vw;bottom:-14vw;background:#a9e0ff;animation-delay:-12s}.bgfx i:nth-child(4){width:22vw;height:22vw;left:55vw;top:-6vw;background:#d7ccff;opacity:.45}@keyframes drift{50%{transform:translate(3vw,2vh) scale(1.06)}to{transform:translate(-2vw,4vh) scale(.97)}}.app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100%}aside{position:sticky;top:12px;margin:12px 0 12px 12px;height:calc(100vh - 24px);border-radius:28px;padding:20px 14px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;background:#ffffff6b;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--edge);box-shadow:var(--hi),0 20px 50px -20px #0b286e59}main{min-width:0;padding:26px max(16px,2.6vw) 56px}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 10px}.brand>div:last-child{display:flex;flex-direction:column;line-height:1.2}.brand b{font-family:var(--display);font-size:15px;font-weight:700}.brand span{font-size:12px;color:var(--fg-3)}.appic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0a6cff,#0b3fa8);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none;box-shadow:0 6px 14px -6px #0a6cffb3}nav{display:flex;flex-direction:column;gap:14px}.navgroup{display:flex;flex-direction:column;gap:2px}.navgroup h6{margin:0 0 4px 10px;font-size:11px;color:var(--fg-3);font-weight:600}.navbtn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:12px;cursor:pointer;font-weight:500;transition:background .2s,color .2s}.navbtn:hover{background:#fff6}.navbtn[aria-current=page]{background:linear-gradient(180deg,#ffffffe0,#e1ecffb8);color:var(--blue);font-weight:600;box-shadow:inset 0 1px #fff,0 8px 18px -10px #0a6cff73,0 0 0 1px #0a6cff1a}.navbtn svg{width:17px;height:17px;flex:none;fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.navbtn .new{margin-left:auto;font-size:10px;font-weight:700;background:#98a2b829;color:var(--fg-3);padding:1px 7px;border-radius:99px}.side-foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;gap:10px;font-size:12px}.who{display:flex;align-items:center;gap:10px}.who b{display:block;font-size:13px}.who span{color:var(--fg-3)}.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:linear-gradient(135deg,#0a6cff,#7bb4ff);color:#fff;flex:none}.splash{min-height:100%;display:grid;place-items:center;padding:16px}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.top h1{font-family:var(--display);font-size:32px;margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}.top p{margin:4px 0 0;color:var(--fg-2);max-width:65ch;font-size:14.5px}.actions{display:flex;flex-wrap:wrap;gap:8px}.panel,.kpi{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--edge);box-shadow:var(--hi),var(--shadow);border-radius:18px;min-width:0;overflow:hidden}.panel>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.55)}.panel>header h2{font-family:var(--display);font-size:17px;margin:0;font-weight:700}.panel>header p{margin:0;font-size:12.5px;color:var(--fg-3)}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:4px;position:relative}.kpi:first-child{background:linear-gradient(135deg,#0a6cffe0,#3d8bffcc 60%,#7bb4ffbf);color:#fff}.kpi:first-child small,.kpi:first-child em{color:#ffffffe0}.kpi small{color:var(--fg-2);font-weight:600;font-size:12.5px}.kpi strong{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi em{font-style:normal;font-size:12.5px;color:var(--fg-3)}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.55)}.row:last-child{border-bottom:0}.row .t b{display:block;font-weight:600}.row .t span{font-size:12.5px;color:var(--fg-3)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.p-good{background:var(--good-bg);color:var(--good)}.p-info{background:var(--sky);color:var(--blue)}.btn{display:inline-flex;align-items:center;gap:6px;border:0;padding:9px 16px;border-radius:99px;cursor:pointer;font-weight:600;font-size:13.5px;color:var(--blue-deep);background:#fff9;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:var(--hi),0 4px 12px -6px #0b286e40;transition:background .2s,transform .2s}.btn:hover{background:#fffc}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#3d8bfff5,#0a6cfff0);color:#fff;box-shadow:inset 0 1px #ffffff8c,0 10px 22px -10px #0a6cffd9}.btn.danger-solid{background:var(--bad);color:#fff;box-shadow:none}.btn.ghost{background:transparent;box-shadow:none}.btn.sm{padding:6px 12px;font-size:12.5px}.x{border:0;background:#eef2f8e6;width:28px;height:28px;border-radius:50%;font-size:17px;cursor:pointer;color:var(--fg-2);line-height:1;display:grid;place-items:center;flex:none}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12.5px;font-weight:600;color:var(--fg-2)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=search],select,textarea{background:#ffffffa6;border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:9px 12px;min-width:0;box-shadow:inset 0 1px 2px #0b286e14;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #0a6cff26}textarea{resize:vertical;min-height:70px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{display:flex;flex-wrap:wrap;gap:6px}.checks label{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:#fff9;border:1px solid rgba(255,255,255,.9);border-radius:99px;padding:5px 12px;cursor:pointer}.checks input{accent-color:var(--blue)}.sessrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sessrow>input{flex:1 1 120px}.sessrow label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--fg-2)}.tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tree .col{border-right:1px solid rgba(255,255,255,.55);min-width:0;padding-bottom:6px}.tree .col:last-child{border-right:0}.tree h3{margin:0;padding:12px 16px;font-size:12px;color:var(--fg-3);font-weight:600;border-bottom:1px solid rgba(255,255,255,.55);display:flex;justify-content:space-between;align-items:center}.colhead-btn{border:0;background:var(--sky);color:var(--blue);font-weight:700;font-size:12px;padding:3px 10px;border-radius:99px;cursor:pointer}.noderow{display:flex;align-items:center;margin:3px 6px;border-radius:10px}.noderow:hover{background:#fff6}.node{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:9px 12px;cursor:pointer;border-radius:10px}.node[aria-pressed=true]{background:linear-gradient(180deg,#ffffffe6,#e1ecffcc);color:var(--blue);font-weight:600;box-shadow:inset 0 1px #fff,0 6px 14px -8px #0a6cff80}.node small{font-size:11.5px;color:var(--fg-3)}.del{opacity:0;border:0;background:var(--bad-bg);color:var(--bad);width:28px;height:28px;border-radius:8px;cursor:pointer;display:grid;place-items:center;margin-left:4px;flex:none;transition:opacity .2s}.noderow:hover .del,.del:focus-visible{opacity:1}.del svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (hover: none){.del{opacity:1}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#14285a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px;z-index:50;animation:fade .25s ease both}.modal{background:#ffffffbf;-webkit-backdrop-filter:blur(34px) saturate(200%);backdrop-filter:blur(34px) saturate(200%);border:1px solid var(--edge);border-radius:26px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:var(--hi),0 40px 90px -30px #0b1e5a80;animation:pop .35s var(--ease) both}.modal header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.6)}.modal header h3{margin:0;font-family:var(--display);font-size:18px;font-weight:700}.modal .mb{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.6)}.step{font-size:11.5px;font-weight:700;color:var(--bad);text-transform:uppercase;letter-spacing:.06em}.cd{position:relative;width:96px;height:96px;margin:4px auto}.cd svg{width:96px;height:96px;transform:rotate(-90deg)}.cd circle{fill:none;stroke-width:6;stroke-linecap:round}.cd .cbg{stroke:var(--bad-bg)}.cd .cfg{stroke:var(--bad);stroke-dasharray:175.9;stroke-dashoffset:0;transition:stroke-dashoffset 10s linear}.cd b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-size:30px;font-weight:800;color:var(--bad)}.toast{position:fixed;top:16px;right:16px;width:min(360px,calc(100% - 32px));background:#ffffffb3;-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--edge);border-radius:20px;padding:12px 14px;font-size:13.5px;z-index:60;box-shadow:var(--hi),0 18px 40px -14px #0b1e5a59;animation:drop .4s var(--ease) both}.toast b{display:block;font-size:13px}.toast.out{animation:leave .35s var(--ease) forwards}#loginscreen{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg-side{background:linear-gradient(150deg,#0a6cffe6,#3d8bffd1 55%,#7bb4ffb3);color:#fff;padding:40px max(24px,4vw);display:flex;flex-direction:column;justify-content:space-between;gap:30px}.lg-side h2{font-family:var(--display);font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px;font-weight:800;max-width:14ch}.lg-side p{margin:0;opacity:.9;max-width:40ch;font-size:15px}.lg-side small{opacity:.8}.lg-form{align-self:center;justify-self:center;width:min(400px,calc(100% - 32px));display:flex;flex-direction:column;gap:14px;margin:20px;padding:32px 28px;border-radius:30px;background:#ffffff80;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--edge);box-shadow:var(--hi),0 30px 60px -24px #0b286e66}.lg-form h1{font-family:var(--display);font-size:32px;margin:0;font-weight:800;letter-spacing:-.025em}.lg-form input{width:100%;padding:12px 14px;font-size:15px;border-radius:12px}.lg-err{margin:0;background:var(--bad-bg);color:var(--bad);font-size:13px;font-weight:600;padding:9px 12px;border-radius:10px}.shake{animation:shake .4s ease}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(4px)}}@keyframes drop{0%{opacity:0;transform:translateY(-12px)}}@keyframes leave{to{opacity:0;transform:translate(30px)}}@keyframes shake{25%,75%{transform:translate(-6px)}50%{transform:translate(6px)}}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.app{grid-template-columns:84px minmax(0,1fr)}aside{margin:10px 0 10px 10px;padding:16px 10px;align-items:center;border-radius:24px}.brand>div:last-child,.navgroup h6,.nl,.navbtn .new,.who>div:last-child{display:none}.navbtn{justify-content:center;width:44px;height:44px;padding:10px}.navbtn svg{width:20px;height:20px}.side-foot .btn{padding:6px 8px;font-size:11px}main{padding-left:16px}.tree{grid-template-columns:minmax(0,1fr)}.tree .col{border-right:0;border-bottom:1px solid rgba(255,255,255,.55)}#loginscreen{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.kpis,.form2{grid-template-columns:minmax(0,1fr)}.top h1{font-size:27px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.55)}.tabs{display:inline-flex;flex-wrap:wrap;background:#dce6f699;border-radius:12px;padding:3px}.tab{border:0;background:none;padding:6px 14px;border-radius:9px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s,box-shadow .2s}.tab[aria-selected=true]{background:#ffffffeb;box-shadow:inset 0 1px #fff,0 4px 12px -4px #0b286e40}.tab .c{font-size:11px;color:var(--fg-3);margin-left:5px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.55);background:#ffffff40}.filters select{border-radius:99px;padding:6px 12px;font-size:13px}.filters input[type=search]{flex:1 1 220px;border-radius:99px}.filters .lbl{font-size:12px;font-weight:600;color:var(--fg-3)}.clear{font-size:12.5px;font-weight:600;color:var(--blue);background:none;border:0;cursor:pointer}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:12px;color:var(--fg-3);font-weight:600;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.6);white-space:nowrap;background:#ffffff4d}td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.55);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fff6}td .who span{display:block;font-size:12px}.mono{font-family:var(--mono);font-size:12px}.p-warn{background:var(--warn-bg);color:var(--warn)}.p-bad{background:var(--bad-bg);color:var(--bad)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;border-radius:99px;padding:2px 9px;background:var(--sky);white-space:nowrap}.btn.danger{color:var(--bad);background:#fdececbf}.hint{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#eaf2ffb3;border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--fg-2)}.hint.warn{background:var(--bad-bg);color:var(--bad)}.drawer{position:fixed;top:10px;right:10px;bottom:10px;width:min(640px,calc(100% - 20px));z-index:55;overflow-y:auto;display:flex;flex-direction:column;background:#fffc;-webkit-backdrop-filter:blur(34px) saturate(200%);backdrop-filter:blur(34px) saturate(200%);border:1px solid var(--edge);border-radius:26px;box-shadow:var(--hi),0 40px 90px -30px #0b1e5a80;animation:slidein .35s var(--ease) both}.drawer .dh{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.7);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.drawer .dh .who span{display:block;font-size:12.5px;color:var(--fg-3)}.drawer .dsec{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;gap:12px}.drawer h4{margin:0;font-size:12px;color:var(--fg-3);font-weight:600}.drawer .dfoot{margin-top:auto;position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:#ffffffd9;border-top:1px solid rgba(255,255,255,.8)}.kv{display:grid;grid-template-columns:150px 1fr;gap:7px 12px;font-size:13.5px}.kv span{color:var(--fg-3)}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}.credbox{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:#eaf2ff99;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #fff}.credhead b{display:block;font-family:var(--display);font-size:15px}.credhead span{font-size:12.5px;color:var(--fg-3)}.pwrow{display:flex;gap:6px;align-items:center}.pwrow input{flex:1;min-width:0;font-family:var(--mono)}.pwmeter{height:5px;border-radius:99px;background:#0b286e1a;overflow:hidden}.pwmeter i{display:block;height:100%;border-radius:99px;transition:width .3s,background .3s}.tick{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600;color:var(--fg-2)}.tick input{accent-color:var(--blue);width:16px;height:16px}.credcard{display:grid;gap:10px;padding:14px;border-radius:14px;background:#ffffffbf;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px #fff,0 6px 16px -10px #0b286e59}.credcard div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.credcard span{font-size:12.5px;color:var(--fg-3)}.credcard b{font-size:14px;-webkit-user-select:all;user-select:all}@media (max-width: 520px){.kv{grid-template-columns:110px 1fr}}.newch{display:flex;gap:8px;margin-top:8px;align-items:center}.newch input{flex:1;min-width:0}.drop{display:block;border:1.5px dashed rgba(10,100,230,.35);background:#ffffff73;border-radius:16px;padding:18px;text-align:center;font-size:13px;color:var(--fg-3)}.drop b{color:var(--fg);font-size:14px;word-break:break-word}.vthumb,.vthumb-img{width:64px;height:36px;border-radius:8px;flex:none;object-fit:cover;background:linear-gradient(135deg,#cfe0fb,#e9f1ff)}.vlist{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;padding:2px}.vitem{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:#ffffff80;cursor:pointer;font:inherit;color:inherit;transition:background .2s,border-color .2s}.vitem:hover:not(:disabled){background:#ffffffd9}.vitem.sel{border-color:var(--blue);background:var(--sky)}.vitem:disabled{opacity:.5;cursor:default}.vitem b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vitem span span,.vitem>span>span{display:block;font-size:12px;color:var(--fg-3)}.bar{height:8px;border-radius:99px;background:#0a3ca01a;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#4aa3ff);border-radius:99px;transition:width .3s ease}