@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap";:root{--sidebar-w: 270px;--font: Inter, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--bg:#f4f7fb;--panel:#ffffff;--panel2:#f8fbff;--text:#0b1b2b;--muted:rgba(11,27,43,.64);--border:rgba(11,27,43,.12);--blue:#1f4f9a;--blue-2:#3b82f6;--cyan:#38bdf8;--accent:#22c55e;--danger:#ef4444;--radius:16px;--radius-sm:12px;--shadow: 0 10px 28px rgba(15,23,42,.1);--shadow2: 0 18px 46px rgba(15,23,42,.14);--topbar-h:72px;--menu-head-bg: #B6D2FC;--menu-head-text: #0b1b2b;--menu-head-font: 18px;--menu-gap-top: 10px;--top: linear-gradient(90deg,#2c6aa3 0%,#357bb2 55%,#3ea0d8 115%);--side-bg:#ffffff;--side-line:rgba(11,27,43,.1);--side-active:rgba(45,108,223,.12);--side-hover:rgba(45,108,223,.08);--metric-stroke: var(--blue)}:root[data-theme=dark]{--bg:#070b12;--panel:#0b101a;--panel2:#0f1624;--text:rgba(255,255,255,.94);--muted:rgba(255,255,255,.64);--border:rgba(255,255,255,.1);--blue:#1f4f9a;--blue-2:#2563eb;--cyan:#38bdf8;--shadow:0 16px 40px rgba(0,0,0,.38);--shadow2:0 22px 60px rgba(0,0,0,.48);--top:linear-gradient(90deg,#0b2a55 0%,#13406f 45%,#0ea5e9 110%);--side-bg:#0b101a;--side-line:rgba(255,255,255,.1);--side-active:rgba(56,189,248,.16);--side-hover:rgba(56,189,248,.12);--metric-stroke: var(--cyan);--menu-head-bg: #B6D2FC;--menu-head-text: #0b1b2b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:13px}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;align-items:stretch;min-height:calc(100vh - var(--topbar-h))}.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:var(--top);box-shadow:var(--shadow)}.topbar-inner{height:100%;display:flex;align-items:center;gap:14px;padding:0 18px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#ffffff2e}.mobile-only{display:none}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-badge{width:44px;height:44px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo{width:32px;height:32px;object-fit:contain}.brand-title{font-family:Poppins,var(--font);font-weight:800;letter-spacing:.2px;font-size:18px;line-height:1.1}.brand-sub{font-size:11px;opacity:.9;letter-spacing:.08em}.topbar-spacer{flex:1}.welcome{color:#fff;font-weight:600;opacity:.95;display:flex;align-items:baseline;gap:8px}.welcome-muted{opacity:.85;font-weight:500}.welcome-name{font-weight:800}.userbox{position:relative}.userbtn{display:flex;align-items:center;gap:8px;height:44px;padding:6px 8px;border-radius:999px;border:none;background:transparent;color:#fff;cursor:pointer}.userbtn:hover{background:#ffffff1a}.avatar{width:34px;height:34px;border-radius:999px;background:#0f172a4d;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:800;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.chev{opacity:.92}.dropdown{position:absolute;right:0;top:calc(100% + 10px);width:220px;padding:10px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.userbox.open .dropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.drop-row{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--panel2);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.drop-row:hover{transform:translateY(-1px);border-color:#2d6cdf59;box-shadow:0 10px 20px #0f172a1a}.drop-row.danger{color:var(--danger)}.drop-row.danger:hover{border-color:#ef444473}.drop-icon{display:inline-flex;width:20px;justify-content:center}.drop-text{font-weight:650;font-size:13px}.table-wrap{overflow:auto;border-radius:14px;border:1px solid rgba(11,27,43,.1)}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}.table thead th{position:sticky;top:0;background:linear-gradient(180deg,#f8fbfffa,#ffffffeb);text-align:left;padding:12px;font-size:11px;color:#0b1b2bb3;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(11,27,43,.1)}.table tbody td{padding:10px 12px;border-bottom:1px solid rgba(11,27,43,.08);font-size:12.5px;vertical-align:middle}.table tbody tr{height:46px}.table tbody tr:hover{background:#2d6cdf0d}.clip{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip.sm{max-width:320px}.clip.lg{max-width:520px}.progress{height:6px;border-radius:999px;background:#0b1b2b14;overflow:hidden;margin-top:12px;opacity:.55}.progress .progress-bar{height:100%;width:32%;border-radius:999px;background:linear-gradient(90deg,#2d6cdf59,#38bdf873);transform:translate(-120%)}.progress.run{opacity:1}.progress.run .progress-bar{animation:progress-sweep 1.25s linear infinite}@keyframes progress-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--side-bg);border-right:1px solid var(--side-line);position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{width:0;height:0}.nav{padding:14px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:7px 10px;border-radius:14px;color:var(--text);border:1px solid transparent;position:relative;overflow:hidden;transition:background .12s ease,border-color .12s ease}.nav-item:hover{background:var(--side-hover)}.nav-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(110deg,transparent 0%,rgba(56,189,248,0) 35%,rgba(56,189,248,.22) 50%,rgba(56,189,248,0) 65%,transparent 100%);transform:translate(-120%);transition:transform .38s ease;pointer-events:none}.nav-item:hover:before{transform:translate(120%)}.nav-item.active{background:var(--side-active);border-color:#2d6cdf2e}.nav-ic{display:inline-flex;width:20px;justify-content:center;color:#2d6cdff2}:root[data-theme=dark] .nav-ic{color:#38bdf8f2}.nav-label{font-weight:650;font-size:13.5px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.main{flex:1}.content{padding:22px 22px 28px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:16px 18px;border-radius:14px;background:var(--menu-head-bg);color:var(--menu-head-text);box-shadow:0 16px 40px #0f172a1a;border:1px solid rgba(15,23,42,.07)}.h1{margin:0;font-size:28px;letter-spacing:.2px;color:var(--menu-head-text)}.muted{margin:6px 0 0;color:var(--muted)}.page-head .muted{color:#ffffffdb}.sub{margin-top:4px;color:var(--muted);font-weight:600;font-size:12.5px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.panel-title{font-weight:800}.panel-actions{display:flex;gap:8px}.chip{border:1px solid var(--border);background:var(--panel2);padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:700;color:var(--text)}.chip.active{background:#2d6cdf1f;border-color:#2d6cdf38}:root[data-theme=dark] .chip.active{background:#38bdf829;border-color:#38bdf838}.panel-body{padding:16px}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.metric-title{font-weight:800;letter-spacing:.08em;font-size:12px;color:#0b1b2bad}:root[data-theme=dark] .metric-title{color:#ffffffa8}.metric-badge{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);font-weight:800;font-size:12px;color:#0b1b2bb8}.metric-value{padding:6px 16px 0;font-size:46px;font-weight:900;letter-spacing:.2px}.metric-sub{padding:2px 16px 10px;color:var(--muted);font-weight:600}.metric-spark{padding:0 10px 10px}.spark{width:100%;height:64px;display:block}.spark-line{stroke-dasharray:520;stroke-dashoffset:520;animation:sparkDraw 1.1s ease forwards}.metric-card:hover .spark-line{animation:sparkDraw 1.1s ease forwards}@keyframes sparkDraw{to{stroke-dashoffset:0}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.chart-title{font-weight:800;margin-bottom:10px}.recharts-wrapper *{outline:none}.recharts-cartesian-axis-tick-value{fill:#0b1b2b8c!important;font-family:var(--font)}:root[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:#ffffff9e!important}.recharts-tooltip-wrapper{filter:drop-shadow(0 12px 24px rgba(0,0,0,.2))}@media (max-width: 980px){.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width: 900px){.mobile-only{display:inline-flex}.sidebar{position:fixed;left:0;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));transform:translate(-105%);transition:transform .18s ease;z-index:45}.sidebar.open{transform:translate(0)}.welcome{display:none}}@media (max-width: 520px){.usertext{display:none}.content{padding:16px}.h1{font-size:22px}}:root{--login-blue: #1f4f9a;--login-text:#0b1220;--login-border: rgba(11,27,43,.22);--login-shadow: 0 22px 70px rgba(3,10,22,.18);--login-radius: 18px;--login-ctlH: 44px;--login-cardW: 620px}.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.login-bg:before{content:"";position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;background:url(/background.jpg) center / cover no-repeat;transform:scale(1.06);animation:kenBurnsZoom 18s ease-in-out infinite alternate;will-change:transform}@keyframes kenBurnsZoom{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.22) translate3d(-2.2%,-1.2%,0)}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 20% 10%,rgba(11,31,59,.1),transparent 48%),radial-gradient(circle at 70% 30%,rgba(11,31,59,.16),transparent 60%),#00000038}.login-card{position:relative;z-index:2;width:min(var(--login-cardW),92vw);border-radius:var(--login-radius);box-shadow:var(--login-shadow);overflow:hidden;border:1px solid rgba(255,255,255,.65);background:#fff;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.login-card-split{display:grid;grid-template-columns:.95fr 1.15fr}.login-left{background:linear-gradient(180deg,#337bb1,#2e6ea4);padding:22px 16px;display:flex;align-items:center;justify-content:center;text-align:center}.login-left-logo{width:170px;height:auto;display:block;margin:0 auto 14px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));-webkit-user-select:none;user-select:none}.login-left-text{font-family:Montserrat,Inter,system-ui,sans-serif;color:#fffffff5;font-weight:800;letter-spacing:.1em;font-size:22px;line-height:1.15}.login-right{background:#fff;padding:16px 18px 14px;display:flex;align-items:center;justify-content:center}.login-right-inner{width:100%;max-width:410px}.login-title{font-family:Montserrat,Inter,system-ui,sans-serif;text-align:center;font-weight:800;font-size:26px;color:#1a3f74;margin:2px 0 6px}.login-sub{text-align:center;color:#0b122094;font-size:13px;font-weight:600;margin-bottom:14px}.login-form{width:100%}.field{display:block;margin-bottom:12px}.field-label{display:block;margin:0 0 7px;color:#0b1220c2;font-weight:700;font-size:13px}.field-ctl{height:var(--login-ctlH);display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1.5px solid var(--login-border);border-radius:14px;box-shadow:0 10px 26px #0208120d;transition:border-color .18s ease,box-shadow .18s ease}.field-ctl:focus-within{border-color:#1f4f9acc;box-shadow:0 0 0 4px #1f4f9a1a}.field-ic{opacity:.72;flex:0 0 auto}.field-ctl input{height:100%;width:100%;border:0;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--login-text)}.pw-toggle{border:0;background:transparent;opacity:.72;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;border-radius:10px}.pw-toggle:hover{opacity:1;background:#1f4f9a0f}.login-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12.5px;font-style:italic;color:#0b122099}.check.mini{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.check.mini input{width:18px;height:18px;accent-color:var(--login-blue)}.link.mini{color:var(--login-blue);font-weight:700;text-decoration:none;cursor:pointer}.link.mini:hover{text-decoration:underline}.alert{margin:8px 0 4px;padding:10px 12px;border-radius:12px;background:#d0012a1a;border:1px solid rgba(208,1,42,.22);color:#8a0f1d;font-size:13px}.login-submit{margin-top:10px;height:var(--login-ctlH);width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(180deg,#1f4f9afa,#103e84fa);color:#fff;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;box-shadow:0 16px 34px #0f49a133;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 38px #0f49a142}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-foot{margin-top:14px;text-align:center}.login-foot-line{height:1px;background:#0b122024;margin:10px 0}.login-foot-note{letter-spacing:.12em;font-weight:900;font-size:11px;color:#0b122073}.login-foot-copy{margin-top:6px;font-size:11.5px;color:#0b12206b}@media (max-width: 860px){.login-card{width:min(420px,92vw)}.login-card-split{grid-template-columns:1fr}.login-left{display:none}.login-title{font-size:26px}}.sidebar{width:270px;background:#f3f6fb;border-right:1px solid rgba(11,27,43,.1);box-shadow:12px 0 28px #030a160d}.sidebar-head{display:none!important}.nav{padding:14px 10px;height:auto;min-height:calc(100vh - 64px)}.nav-item{margin:8px 10px;border-radius:10px;background:transparent;border:1px solid transparent;color:#0b1b2beb;font-weight:700}.nav-item:hover{background:#357bb214;border-color:#357bb22e;transform:translate(0)}.nav-item.active{background:#357bb2;border-color:#ffffff4d;color:#fff}.nav-item.active .nav-label{color:#fff}.nav-item.active svg{color:#fff}.nav-ic svg{color:#1f4f9a}.main{background:#eef3f8}.content{padding:22px}.topbar{min-height:64px;background:var(--top);box-shadow:0 10px 26px #030a161f}.brand-logo{width:40px;height:40px;border-radius:999px;background:#ffffffeb;padding:5px;object-fit:contain}.brand-title{font-size:18px;font-weight:900}.brand-sub{display:block;font-size:11px;opacity:.85;letter-spacing:.08em;margin-top:2px}.dropdown{border-radius:14px}.dd-item{font-weight:800}.dd-item.danger{color:#d01f2a}.dd-item.danger:hover{background:#d01f2a1a}.panel,.metric-card,.card{border-radius:var(--radius)}.panel-head{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.panel{border-radius:var(--radius);overflow:hidden}.nav-bottom{display:none!important}.page-card{background:var(--panel);border-radius:14px;border:1px solid rgba(15,23,42,.07);box-shadow:0 16px 40px #0f172a1a;overflow:hidden}.page-card-head{background:var(--menu-head-bg);color:var(--menu-head-text);padding:16px 18px}.page-card-title{margin:0;font-weight:900;font-size:var(--menu-head-font);letter-spacing:.2px}.page-card-sub{margin-top:4px;font-size:13px;opacity:.85;font-weight:700}.page-card-body{padding:16px 18px 18px}.page{width:100%;max-width:none;margin:0 auto}.app-body{display:flex;align-items:stretch}.app-main{flex:1 1 auto;min-width:0;padding:var(--menu-gap-top) 22px 22px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#02081273;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFadeIn .14s ease-out}.modal{width:min(720px,calc(100vw - 32px));max-height:none;overflow:visible;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:0 26px 80px #00000040;transform:translateY(10px) scale(.985);animation:modalFloatIn .18s ease-out forwards}.modal-head{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#b6d2fc8c,#b6d2fc2e)}.modal-title{font-weight:900;font-size:15px;letter-spacing:.2px}.modal-x{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);cursor:pointer;font-size:18px;line-height:1}.modal-x:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a1a}.modal-body{padding:14px 16px 22px;overflow:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFloatIn{to{transform:translateY(0) scale(1)}}.toast{margin:12px 0;padding:11px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffb3;font-weight:800;display:flex;align-items:center;gap:10px;animation:toastIn .18s ease-out}.toast.ok{border-left:6px solid #16a34a}.toast.err{border-left:6px solid #dc2626;background:#ef44440f;border-color:#ef44442e}.flash-toast{position:fixed;top:86px;right:18px;z-index:9999;min-width:280px;max-width:min(420px,calc(100vw - 36px));padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffeb;box-shadow:0 18px 45px #0f172a38;display:flex;align-items:flex-start;gap:10px;animation:flashIn .22s ease-out}.flash-toast.ok{border-left:6px solid #16a34a;background:#16a34a1f}.flash-toast.err{border-left:6px solid #dc2626;background:#fffffff5}.flash-toast-text{font-weight:800;line-height:1.25}.flash-toast.ok .flash-toast-text{font-style:italic}.flash-toast-x{margin-left:auto;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;opacity:.7}.flash-toast-x:hover{opacity:1}@keyframes flashIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.db-page{padding:0}.db-card{width:100%;background:var(--panel);border-radius:14px;box-shadow:0 16px 40px #0f172a1a;border:1px solid rgba(15,23,42,.07);overflow:hidden}.db-card-head{background:var(--menu-head-bg);color:var(--menu-head-text);padding:16px 18px}.db-card-title{font-weight:900;font-size:var(--menu-head-font);letter-spacing:.2px}.db-card-sub{margin-top:4px;font-size:13px;opacity:.85;font-weight:700}.db-card-body{padding:16px 18px 18px}.db-grid-gap{margin-top:14px}@media (max-width: 900px){.db-card-body{padding:14px}}.di-page{padding:0}.di-head{margin-bottom:10px}.di-h1{margin:0;font-size:var(--menu-head-font);font-weight:900;letter-spacing:.2px}.di-card{width:100%;background:var(--panel);border-radius:14px;box-shadow:0 16px 40px #0f172a1a;border:1px solid rgba(15,23,42,.07);overflow:hidden;max-width:none}.di-card-head{background:var(--menu-head-bg);color:var(--menu-head-text);padding:16px 18px}.di-card-sub{margin-top:4px;font-size:13px;opacity:.85;font-weight:700}.ua-page{padding:0}.ua-shell{width:100%;max-width:100%;border-radius:14px;overflow:hidden;background:transparent}.ua-header{background:var(--menu-head-bg);color:var(--menu-head-text);padding:16px 18px;border-radius:14px 14px 0 0}.ua-header-title{font-weight:900;font-size:var(--menu-head-font);letter-spacing:.2px}.ua-header-sub{margin-top:4px;font-size:13px;font-weight:700;opacity:.85}.ua-body{background:var(--panel);border:1px solid rgba(15,23,42,.08);border-top:none;border-radius:0 0 14px 14px;padding:18px;box-shadow:0 16px 40px #0f172a1a}.ua-card{width:100%;background:var(--panel);border:1px solid rgba(15,23,42,.08);border-radius:14px;overflow:hidden}.ua-card-title{font-weight:900;font-size:16px}.ua-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.ua-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ua-search{position:relative;display:flex;align-items:center}.ua-search-ico{position:absolute;left:12px;opacity:.55;font-size:14px;pointer-events:none}.ua-search-input{height:42px;padding:0 12px 0 34px;border-radius:10px;border:1px solid rgba(15,23,42,.18);background:#fff;outline:none;min-width:360px}.ua-search-input:focus{border-color:#2f78b7a6;box-shadow:0 0 0 3px #2f78b726}.ua-view{display:flex;align-items:center;gap:8px}.ua-view-label{color:#0f172ab3;font-weight:700}.ua-select{height:42px;padding:0 12px;border-radius:10px;border:1px solid rgba(15,23,42,.18);background:#fff;outline:none}.ua-btn{height:42px;padding:0 14px;border-radius:10px;border:1px solid rgba(15,23,42,.18);background:#fff;cursor:pointer;font-weight:800}.ua-btn:hover{background:#0f172a0a}.ua-btn-ghost{background:#ffffffe6}.ua-btn-danger{border-color:#ef444459;background:#ef444414}.ua-btn-danger:hover{background:#ef44441f}.ua-btn-mini{height:34px;padding:0 10px;border-radius:10px;font-weight:800}.ua-alert{margin:12px 16px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffbf}.ua-alert-err{border-color:#ef444459;background:#ef44440f}.ua-table-wrap{padding:12px 16px 6px;overflow-x:auto}.ua-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(15,23,42,.08);border-radius:14px;overflow:hidden;background:#fff}.ua-table thead th{text-align:left;font-size:13px;letter-spacing:.08em;color:#0f172aa6;padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.08);background:#0f172a05;font-weight:900}.ua-table tbody td{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:top}.ua-table tbody tr:hover{background:#2f78b70d}.ua-empty{padding:18px 14px;color:#0f172a99}.ua-actions{display:flex;gap:8px}.ua-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 16px;flex-wrap:wrap}.ua-pager{display:flex;align-items:center;gap:8px;margin-left:auto}.ua-pagepill{display:flex;align-items:center;gap:6px;padding:0 10px;height:34px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#ffffffd9}.ua-muted{color:#0f172aa6;font-weight:700}.ua-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 900px){.ua-body{padding:14px}.ua-search-input{min-width:240px;width:100%}}.users-page .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.users-page .page-actions{display:flex;gap:10px;align-items:center}.users-page .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.users-page .panel-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.users-page .users-search{display:flex;align-items:center;gap:8px;border:1px solid rgba(11,18,32,.18);background:#fff;border-radius:12px;padding:10px 12px;min-width:260px;max-width:420px;flex:1 1 260px}.users-page .users-search input{border:0;outline:0;width:100%;font-size:14px;background:transparent}.users-page .users-search .ico{opacity:.6;font-size:14px;line-height:1}.users-btn{border:1px solid rgba(11,18,32,.18);background:#fff;color:#0b1220;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:800;font-size:14px}.users-btn:hover{filter:brightness(.98)}.users-btn:disabled{opacity:.55;cursor:not-allowed}.users-btn.primary{background:#0a2aa6;border-color:#0a2aa659;color:#fff}.users-btn.ghost{background:#fff}.users-btn.danger{background:#ef444414;border-color:#ef444459;color:#b42318}.users-btn.xs{padding:7px 10px;border-radius:10px;font-size:12.5px}.row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.users-page .chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(11,18,32,.18);background:#0b12200a;font-size:12.5px;font-weight:900;text-transform:lowercase}.users-page .chip.ok{border-color:#1ed6c18c;background:#1ed6c11f}.users-page .chip.err{border-color:#ef44448c;background:#ef44441a}.users-alert{border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#b42318;border-radius:12px;padding:12px 14px;margin-bottom:12px}.users-modal .form-grid{display:grid;gap:12px}.users-modal .label{font-size:12.5px;font-weight:900;color:#0b1220bf;margin-bottom:6px}.users-modal input,.users-modal select,.users-modal textarea{width:100%;border:1px solid rgba(11,18,32,.18);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.users-modal input:focus,.users-modal select:focus,.users-modal textarea:focus{border-color:#0a2aa673;box-shadow:0 0 0 3px #0a2aa61a}.users-modal .tiny-muted{margin-top:6px;font-size:12px;color:#0b12208c}.users-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.users-footer-actions{display:flex;justify-content:flex-end;margin-top:12px}@media (max-width: 780px){.users-page .users-search{min-width:100%;max-width:100%}.users-page .panel-tools,.users-page .page-actions{width:100%;justify-content:flex-start}}.profile-page .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.profile-page .page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-btn{border:1px solid rgba(11,18,32,.18);background:#fff;color:#0b1220;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:900;font-size:14px}.profile-btn:hover{filter:brightness(.98)}.profile-btn:disabled{opacity:.55;cursor:not-allowed}.profile-btn.primary{background:#0a2aa6;border-color:#0a2aa659;color:#fff}.profile-btn.ghost{background:#fff}.profile-btn.danger{background:#ef44441a;border-color:#ef444447;color:#b42318}.profile-btn.danger:hover{background:#ef444424}.profile-alert{border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#b42318;border-radius:12px;padding:12px 14px;margin-bottom:12px}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-email{grid-column:span 2}.profile-page input,.profile-modal input,.profile-page select,.profile-modal select,.profile-page textarea,.profile-modal textarea{width:100%;border:1px solid rgba(11,18,32,.18);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}.profile-page input:focus,.profile-modal input:focus,.profile-page select:focus,.profile-modal select:focus,.profile-page textarea:focus,.profile-modal textarea:focus{border-color:#0a2aa673;box-shadow:0 0 0 3px #0a2aa61a}.profile-modal .tiny-muted,.profile-page .tiny-muted{margin-top:6px;font-size:12px;color:#0b12208c}.profile-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media (max-width: 1100px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-email{grid-column:span 2}}@media (max-width: 640px){.profile-grid{grid-template-columns:1fr}.profile-email{grid-column:span 1}}.di-page{padding:0;width:100%}.di-card{width:100%;max-width:none;background:var(--panel);border-radius:14px;border:1px solid rgba(15,23,42,.07);box-shadow:0 16px 40px #0f172a1a;overflow:hidden}.di-card-head{background:var(--menu-head-bg);color:var(--menu-head-text);padding:14px 18px}.di-card-title{font-weight:900;font-size:var(--menu-head-font);letter-spacing:.2px}.di-card-body{padding:16px 18px 18px}.di-drop{width:100%;border-radius:16px;border:1px dashed rgba(15,23,42,.24);background:linear-gradient(180deg,#b6d2fc59,#ffffffbf);padding:22px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .di-drop{background:linear-gradient(180deg,#b6d2fc47,#0f1624d9);border-color:#ffffff2e}.di-drop:hover{transform:translateY(-1px);border-color:#1f4f9a8c;box-shadow:0 14px 28px #0f172a1f}.di-drop.disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.di-drop.has{border-style:solid;border-color:#22c55e59;background:#22c55e12}:root[data-theme=dark] .di-drop.has{background:#22c55e1a}.di-drop-ic{width:66px;height:66px;border-radius:18px;background:#ffffffa6;border:1px solid rgba(15,23,42,.1);display:flex;align-items:center;justify-content:center}:root[data-theme=dark] .di-drop-ic{background:#ffffff1a;border-color:#ffffff1a}.di-drop-title{font-weight:900;font-size:14px;text-align:center;line-height:1.25}.di-drop-link{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.di-drop-muted{font-weight:700;color:var(--muted)}.di-note{margin-top:10px;font-size:12.5px;font-weight:700;color:var(--muted)}.di-grid{margin-top:14px;display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}@media (max-width: 900px){.di-grid{grid-template-columns:1fr}}.di-field{background:var(--panel2);border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:12px 12px 14px}:root[data-theme=dark] .di-field{border-color:#ffffff1a}.di-label{font-size:12px;font-weight:900;letter-spacing:.08em;color:#0b1b2bb3;margin-bottom:8px;text-transform:uppercase}:root[data-theme=dark] .di-label{color:#ffffffb3}.di-select{width:100%;height:42px;border-radius:12px;border:1px solid rgba(15,23,42,.18);background:#fff;padding:0 12px;font-weight:800;outline:none}:root[data-theme=dark] .di-select{background:#ffffff0f;border-color:#ffffff24;color:var(--text)}.di-select:focus{border-color:#1f4f9a8c;box-shadow:0 0 0 3px #1f4f9a24}.di-pipe{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.di-step{display:flex;align-items:center;gap:8px;position:relative}.di-dot{width:30px;height:30px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.14);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}:root[data-theme=dark] .di-dot{background:#ffffff0f;border-color:#ffffff24}.di-step-label{font-weight:900;font-size:13px;color:#0b1b2bcc}:root[data-theme=dark] .di-step-label{color:#ffffffc7}.di-line{width:34px;height:2px;border-radius:999px;background:#0f172a24;margin-left:8px}:root[data-theme=dark] .di-line{background:#ffffff24}.di-step.active .di-dot{background:#3b82f629;border-color:#3b82f673}.di-step.active .di-step-label{color:var(--blue)}.di-step.done .di-dot{background:#22c55e24;border-color:#22c55e66;color:#0b1b2beb}.di-step.done .di-line{background:#22c55e73}.di-actions{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.di-btn{height:42px;padding:0 14px;border-radius:12px;border:1px solid rgba(15,23,42,.18);background:#fff;cursor:pointer;font-weight:900}:root[data-theme=dark] .di-btn{background:#ffffff0f;border-color:#ffffff24;color:var(--text)}.di-btn:hover{filter:brightness(.98)}.di-btn:disabled{opacity:.55;cursor:not-allowed}.di-btn.primary{background:#0a2aa6;border-color:#0a2aa659;color:#fff}.di-btn.ghost{background:transparent}.di-status{margin-left:auto;font-weight:900;color:#0b1b2bb3}:root[data-theme=dark] .di-status{color:#ffffffa6}.di-progress{margin-top:10px;height:6px;border-radius:999px;background:#0f172a14;overflow:hidden}:root[data-theme=dark] .di-progress{background:#ffffff1a}.di-progress-bar{height:100%;width:28%;border-radius:999px;background:linear-gradient(90deg,#3b82f659,#38bdf8a6,#22c55e8c);transform:translate(-120%)}.di-progress.run .di-progress-bar{animation:diRun 1.1s linear infinite}@keyframes diRun{0%{transform:translate(-120%)}to{transform:translate(360%)}}.di-toast{margin-top:12px;padding:10px 12px;border-radius:14px;font-weight:900;border:1px solid rgba(15,23,42,.12);background:#ffffffbf;box-shadow:0 14px 28px #0f172a1a}:root[data-theme=dark] .di-toast{background:#ffffff14;border-color:#ffffff1f}.di-toast.ok{border-color:#22c55e59;background:#22c55e1f}.di-toast.err{border-color:#ef444459;background:#ef44441f}.profile-footer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.users-page .table{min-width:0}.users-page .users-name{white-space:nowrap}.users-page .table tbody td{padding-top:9px;padding-bottom:9px}.users-page .users-badge{display:inline-block;font-weight:900;font-size:12.5px;text-transform:lowercase;padding:0;border:none;background:transparent}.users-page .users-badge-role{color:#0b1220cc}.users-page .users-badge-ok{color:#10b981f2}.users-page .users-badge-err{color:#ef4444f2}.users-page .users-action{height:34px;padding:0 12px;border:none;border-radius:8px;cursor:pointer;font-weight:900;background:#0b12200a;color:#0b1220e0}.users-page .users-action:hover{background:#0b122014;transform:translateY(-1px);box-shadow:0 10px 18px #0f172a14}.users-page .users-action:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.users-page .users-action-del{background:#ef44441a;color:#b42318}.users-page .users-action-del:hover{background:#ef444424}.users-modal-actions{position:sticky;bottom:0;padding-bottom:10px;padding-top:12px;margin-top:14px;background:linear-gradient(180deg,#fff0,#ffffffeb 35%,#fffffffa);border-top:1px solid rgba(11,18,32,.08)}.req{color:#dc2626;font-weight:900;margin-left:4px}.is-invalid{border-color:#dc2626d9!important;box-shadow:0 0 0 3px #dc26261f!important}.is-invalid:focus{box-shadow:0 0 0 4px #dc262629!important}.pw-wrap{position:relative}.pw-wrap input{padding-right:44px!important}.pw-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);height:32px;width:32px;border:none;border-radius:10px;background:#0b12200f;cursor:pointer;font-size:16px}.pw-eye:hover{background:#0b12201a}.profile-modal-actions{position:sticky;bottom:0;padding-top:12px;margin-top:14px;background:linear-gradient(180deg,#fff0,#ffffffeb 35%,#fffffffa);border-top:1px solid rgba(11,18,32,.08)}.ua-table td.ua-mono{white-space:nowrap}.ua-table td.ua-clip-1{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-table td.ua-clip-4{max-width:520px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ua-table td{vertical-align:top}.ua-clamp4-fixed{max-width:520px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:1.35;height:5.4em}.modal input,.modal select{height:38px;font-size:13px;padding:8px 10px}.modal label{font-size:13px}.modal .form-grid{gap:10px}.modal small{font-size:12px}