:root{--ink:#15212c;--muted:#687783;--line:#e3e9ed;--panel:#fff;--canvas:#f4f7f8;--nav:#0e1920;--nav-soft:#17262f;--mint:#62efc4;--mint-dark:#0aa67b;--danger:#de5d69;--amber:#e6a23c;--shadow:0 18px 50px #15212c14}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button,a{tap-highlight-color:transparent}button{cursor:pointer}.brand-mark{color:#f7ffff;letter-spacing:-2.2px;align-items:flex-start;font-size:29px;font-weight:800;line-height:1;display:inline-flex}.brand-mark span{color:var(--mint)}.brand-mark sup{color:var(--mint);margin:0 0 0 2px;font-size:16px;line-height:.8}.brand-mark.dark{color:var(--ink)}.eyebrow{color:var(--mint-dark)!important;letter-spacing:1.8px!important;margin:0 0 10px!important;font-size:11px!important;font-weight:800!important}.muted{color:var(--muted)}.login-page{background:#f7faf9;grid-template-columns:minmax(420px,1.15fr) minmax(400px,.85fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-panel{color:#fff;background:radial-gradient(circle at 70% 15%,#1c3b3d 0,#0000 36%),linear-gradient(145deg,#0b171e,#101f27 68%,#0b2926);flex-direction:column;justify-content:space-between;padding:54px 9vw 10vh 5vw;display:flex;position:relative;overflow:hidden}.login-panel:after{content:"";border:1px solid #62efc42b;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-260px;right:-250px;box-shadow:0 0 0 80px #62efc406,0 0 0 160px #62efc405}.login-brand{z-index:1;align-items:end;gap:16px;display:flex}.login-brand small{color:#84979d;letter-spacing:2.5px;padding-bottom:2px;font-size:9px}.login-copy{z-index:1;max-width:570px;position:relative}.login-copy h1{letter-spacing:-4px;margin:0;font-size:clamp(46px,5vw,78px);line-height:1.08}.login-copy>p{color:#91a1a8;max-width:460px;margin:28px 0 44px;font-size:16px;line-height:1.8}.signal{align-items:end;gap:7px;height:30px;display:flex}.signal i{background:var(--mint);border-radius:4px;width:3px;display:block}.signal i:first-child{opacity:.35;height:7px}.signal i:nth-child(2){opacity:.55;height:13px}.signal i:nth-child(3){opacity:.75;height:20px}.signal i:nth-child(4){height:28px}.login-card{flex-direction:column;justify-content:center;width:min(430px,80%);margin:auto;display:flex}.login-card h2{letter-spacing:-1.5px;margin:0 0 10px;font-size:38px}.login-card>div>.muted{margin:0 0 36px}.mobile-brand{display:none}.login-form{gap:20px;display:grid}.login-form label,.form-panel label,.modal label{color:#34434d;gap:9px;font-size:13px;font-weight:650;display:grid}.input-wrap{color:#829099;background:#fff;border:1px solid #d8e0e4;border-radius:10px;align-items:center;height:51px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:var(--mint-dark);box-shadow:0 0 0 3px #0aa67b14}.input-wrap input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 12px}.login-form>label>input,.form-panel input,.modal input,.modal select,.modal textarea{background:#fff;border:1px solid #d8e0e4;border-radius:9px;outline:none;min-height:48px;padding:11px 13px}.modal textarea{resize:vertical;min-height:76px}.login-form>label>input:focus,.form-panel input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--mint-dark);box-shadow:0 0 0 3px #0aa67b14}.icon-plain{color:#76858e;background:0 0;border:0;place-items:center;display:grid}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#0b9872;border:1px solid #0b9872;box-shadow:0 8px 18px #0b987224}.primary:hover{background:#087e60}.primary:disabled{opacity:.6}.secondary{color:#33444e;background:#fff;border:1px solid #d9e1e5}.wide{width:100%;min-height:51px;margin-top:4px}.form-error{color:#b93e49;background:#fff0f1;border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.login-foot{color:#93a0a7;text-align:center;margin:30px 0 0;font-size:11px}.center-page{background:radial-gradient(circle at 30% 20%,#62efc42e,transparent 26%),var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.password-card{border:1px solid var(--line);width:min(510px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:44px}.password-card h1{margin:18px 0 10px;font-size:28px}.password-card>.muted{margin:0 0 30px;line-height:1.7}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#d7e1e5;background:linear-gradient(#0e1920,#0b151b);flex-direction:column;width:248px;padding:0 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{border-bottom:1px solid #ffffff12;align-items:center;height:83px;padding:0 15px;display:flex}.sidebar nav{flex:1;padding:20px 0;overflow:auto}.nav-group{margin-bottom:24px}.nav-group>p{color:#647680;letter-spacing:1.8px;text-transform:uppercase;margin:0 13px 8px;font-size:9px;font-weight:800}.nav-group a{color:#8ea0a9;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-group a:hover{color:#fff;background:#ffffff0a}.nav-group a.active{color:#eafff8;box-shadow:inset 2px 0 var(--mint);background:linear-gradient(90deg,#62efc42e,#62efc40d)}.nav-group a.active svg{color:var(--mint)}.nav-arrow{opacity:.45;margin-left:auto}.sidebar-user{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:13px 10px;display:flex}.sidebar-user>span,.top-account b{background:var(--mint);color:#0e3027;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.sidebar-user div{gap:2px;min-width:0;display:grid}.sidebar-user strong{color:#e9f3f5;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-user small{color:#738690;font-size:10px}.sidebar-user button{color:#667983;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.main-area{width:calc(100% - 248px);margin-left:248px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe8;justify-content:flex-end;align-items:center;height:64px;padding:0 30px;display:flex;position:sticky;top:0}.system-health{color:#6c7b84;align-items:center;gap:8px;margin-right:auto;font-size:11px;display:flex}.system-health i,.metric-card small i{background:#2ed6a4;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2ed6a41f}.top-account{color:#667781;align-items:center;gap:11px;font-size:12px;display:flex}.top-account b{width:31px;height:31px;font-size:12px}.workspace{padding:36px clamp(24px,4vw,58px) 60px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.page-head h1{letter-spacing:-1px;margin:0 0 8px;font-size:29px}.page-head>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.head-actions{gap:10px;display:flex}.icon-button{width:42px;padding:0}.panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;box-shadow:0 5px 22px #15212c09}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:165px;padding:23px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#62efc417;border-radius:50%;width:100px;height:100px;position:absolute;top:-49px;right:-47px}.metric-icon{color:#0c9d75;background:#ebfaf5;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:16px;display:grid}.metric-card p{color:#71818a;margin:0 0 5px;font-size:11px}.metric-card strong{letter-spacing:-1px;font-size:30px}.metric-card small{color:#849199;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.dashboard-grid{grid-template-columns:1.55fr .75fr;gap:18px;display:grid}.dashboard-grid>.panel{padding:24px}.panel-title{justify-content:space-between;align-items:start;display:flex}.panel-title h2,.security-card h2{margin:0;font-size:17px}.panel-title>svg{color:#93a1a8}.event-list{margin-top:18px}.event{border-top:1px solid #edf1f3;grid-template-columns:31px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.event>span{border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.event>span.ok{color:#07936c;background:#eaf9f4}.event>span.bad{color:#d04b57;background:#fff0f1}.event strong{font-size:12px}.event p{color:#77858d;margin:3px 0 0;font-size:10px}.event time{color:#8b989f;font-size:10px}.security-card{color:#fff;background:linear-gradient(155deg,#101f27,#132b2d)}.security-card .eyebrow{color:var(--mint)!important}.radar{place-items:center;height:142px;display:grid}.radar span{width:56px;height:56px;color:var(--mint);border:1px solid #62efc48c;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 17px #62efc40f,0 0 0 34px #62efc406}.security-card>p:not(.eyebrow){color:#8fa1a8;font-size:11px;line-height:1.7}.policy{color:#98a8ae;border-top:1px solid #ffffff14;justify-content:space-between;padding:11px 0;font-size:10px;display:flex}.policy b{color:var(--mint)}.table-panel{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.table-tools>span{color:#819099;font-size:11px}.search{color:#84949d;background:#fafcfc;border:1px solid #dce4e8;border-radius:8px;align-items:center;width:min(320px,60%);height:38px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;margin-left:8px;font-size:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{border-bottom:1px solid var(--line);color:#76858d;text-align:left;text-transform:uppercase;background:#f8fafb;padding:12px 17px;font-size:10px}td{color:#34444d;border-bottom:1px solid #edf1f3;padding:15px 17px;font-size:12px}tbody tr:hover{background:#fbfdfd}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.green{color:#088f6a;background:#eaf9f4}.badge.gray{color:#718089;background:#eef1f3}.badge.red{color:#cb4552;background:#fff0f1}.empty-value{color:#abb5ba}.row-actions{gap:10px;display:flex}.row-actions button{color:#0a9470;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.row-actions button:hover{text-decoration:underline}.pagination{justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.pagination button{color:#52636d;background:#fff;border:1px solid #dce3e7;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.pagination button:disabled{opacity:.35}.pagination span{color:#7d8b93;font-size:10px}.empty-state{color:#94a1a8;place-items:center;min-height:280px;display:grid}.empty-state svg{margin-bottom:10px}.empty-state p{font-size:12px}.loading-lines{gap:14px;padding:32px;display:grid}.loading-lines i{background:linear-gradient(90deg,#edf1f3,#f8fafb,#edf1f3) 0 0/200% 100%;border-radius:5px;height:13px;animation:1.2s infinite shimmer}.loading-lines i:nth-child(2){width:85%}.loading-lines i:nth-child(3){width:72%}.loading-lines i:nth-child(4){width:91%}@keyframes shimmer{to{background-position:-200% 0}}.form-panel{padding:27px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:25px;display:grid}.modal-mask{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07101594;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #00000040}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:24px 27px 18px;display:flex}.modal h2{margin:0;font-size:20px}.modal>header button{color:#7c8b93;background:0 0;border:0}.modal form{gap:17px;padding:24px 27px;display:grid}.modal footer{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.mobile-menu,.mobile-close,.sidebar-mask{display:none}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr 1fr}.login-panel{padding-left:6vw}.login-copy h1{font-size:48px}}@media (max-width:760px){.login-page{padding:24px;display:block}.login-panel{display:none}.login-card{width:min(430px,100%);min-height:calc(100vh - 48px)}.mobile-brand{color:var(--ink);margin-bottom:45px;display:inline-flex}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-mask{z-index:25;background:#00000059;border:0;display:block;position:fixed;inset:0}.mobile-close{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.main-area{width:100%;margin:0}.mobile-menu{color:#43545e;background:0 0;border:0;place-items:center;margin-right:auto;display:grid}.system-health{display:none}.workspace{padding:28px 16px 45px}.page-head{flex-direction:column;align-items:start}.head-actions{justify-content:flex-end;width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:145px;padding:17px}.form-grid{grid-template-columns:1fr}.password-card{padding:30px}.topbar{padding:0 18px}.top-account>span{display:none}}@media (max-width:470px){.metric-grid{grid-template-columns:1fr}.login-card h2{font-size:32px}.page-head h1{font-size:25px}}.remember-login{cursor:pointer;align-items:center;width:max-content;color:#60717a!important;grid-template-columns:none!important;gap:9px!important;font-size:12px!important;font-weight:600!important;display:flex!important}.remember-login input{width:16px;height:16px;accent-color:var(--mint-dark);margin:0}.table-filters{flex:1;align-items:center;gap:10px;display:flex}.date-filter{color:#52636d;background:#fafcfc;border:1px solid #dce4e8;border-radius:8px;outline:none;height:38px;padding:0 11px;font-size:12px}.date-filter:focus{border-color:var(--mint-dark);box-shadow:0 0 0 3px #0aa67b14}.zero-brand{color:var(--ink);align-items:center;gap:11px;line-height:1;text-decoration:none;display:inline-flex}.zero-brand>img{width:42px;height:42px;display:block}.zero-brand>span{gap:4px;display:grid}.zero-brand strong{letter-spacing:-1.6px;font-size:24px}.zero-brand strong sup{color:#0a8ff0;margin-left:1px;font-size:13px}.zero-brand small{color:#84929a;letter-spacing:1.8px;font-size:7px;font-weight:700}.zero-brand.on-dark{color:#f5fbff}.zero-brand.on-dark small{color:#70838d}.zero-brand.compact>img{width:34px;height:34px}.login-page-v2{background:linear-gradient(135deg,#f7fafc 0%,#eef4f7 100%);grid-template-rows:76px minmax(0,1fr) 52px;min-height:100vh;display:grid}.login-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #cfdae1e6;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,72px);display:flex}.login-topbar>div{color:#65757f;align-items:center;gap:8px;font-size:12px;display:flex}.login-topbar>div svg{color:#0a98d8}.login-main{grid-template-columns:minmax(440px,1.15fr) minmax(380px,.85fr);align-items:stretch;gap:clamp(24px,5vw,72px);width:min(1240px,100% - 48px);min-height:0;margin:clamp(26px,4vh,48px) auto;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 78% 22%,#09adf133,#0000 27%),radial-gradient(circle at 20% 90%,#1f44e733,#0000 34%),linear-gradient(145deg,#07111f,#0b1727 58%,#061c2c);border-radius:22px;flex-direction:column;justify-content:center;min-height:500px;padding:clamp(42px,6vw,82px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0e1f3329}.login-visual:after{content:"";border:1px solid #1fbeff29;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-150px;right:-120px;box-shadow:0 0 0 60px #1fbeff09,0 0 0 120px #1fbeff05}.login-visual-mark{z-index:1;background:#0612228a;border:1px solid #41c8ff33;border-radius:25px;place-items:center;width:96px;height:96px;margin-bottom:34px;display:grid;position:relative;box-shadow:inset 0 0 30px #1189ff14}.login-visual-mark img{width:78px;height:78px}.login-visual .eyebrow{z-index:1;position:relative;color:#45c9ff!important}.login-visual h1{z-index:1;letter-spacing:-3px;margin:0;font-size:clamp(42px,4.6vw,66px);line-height:1.12;position:relative}.login-intro{z-index:1;color:#93a8b6;max-width:530px;margin:24px 0 38px;font-size:15px;line-height:1.8;position:relative}.login-features{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.login-features span{color:#a8bbc6;background:#ffffff09;border:1px solid #64caf424;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.login-features svg{color:#36c7f1;width:15px}.login-card-v2{background:#fff;border:1px solid #dfe7eb;border-radius:18px;align-self:center;width:min(430px,100%);padding:42px;box-shadow:0 24px 70px #19303f17}.login-card-v2 h2{letter-spacing:-1px;margin:0 0 9px;font-size:34px}.login-card-v2>.muted{margin:0 0 32px;font-size:13px}.login-footer{color:#89969e;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,72px);font-size:10px;display:flex}.login-footer span:first-child{letter-spacing:.4px;font-weight:750}.feedback-mask{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07101b8c;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.feedback-dialog{background:#fff;border:1px solid #dfe7eb;border-radius:15px;width:min(460px,100%);padding:25px 27px 24px;box-shadow:0 32px 100px #04111b4d}.feedback-dialog>header{justify-content:space-between;align-items:center;display:flex}.feedback-dialog>header>span{color:#087cc2;background:#ecf7ff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.feedback-dialog.success>header>span{color:#088f6a;background:#eaf9f4}.feedback-dialog.danger>header>span{color:#cb4552;background:#fff0f1}.feedback-dialog>header button{color:#829098;background:0 0;border:0;place-items:center;display:grid}.feedback-dialog h2{margin:20px 0 8px;font-size:20px}.feedback-dialog>p{color:#697983;white-space:pre-line;margin:0;font-size:13px;line-height:1.7}.feedback-dialog>footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.danger-button{color:#fff;background:#d94d59;border:1px solid #c94451;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.copy-value{background:#f7fafb;border:1px solid #dce5e9;border-radius:9px;align-items:center;gap:10px;margin-top:18px;padding:12px;display:flex}.copy-value code{color:#112a39;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:750;overflow:auto}.copy-value button{color:#276179;background:#fff;border:1px solid #cddae0;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;display:flex}@media (max-width:900px){.login-main{grid-template-columns:1fr;width:min(520px,100% - 40px);margin:24px auto}.login-visual{display:none}.login-card-v2{align-self:center}.login-page-v2{grid-template-rows:70px minmax(0,1fr) 48px}.login-footer span:last-child{display:none}}@media (max-width:520px){.login-topbar{padding:0 18px}.login-topbar>div{display:none}.login-main{width:calc(100% - 28px);margin:14px auto}.login-card-v2{border-radius:14px;padding:28px 22px}.login-card-v2 h2{font-size:29px}.login-footer{padding:0 18px}.zero-brand>img{width:36px;height:36px}.zero-brand strong{font-size:21px}.feedback-dialog{padding:22px}}.login-visual h1{font-size:clamp(38px,3.8vw,54px)}.login-visual h1 span{white-space:nowrap}.login-main{grid-template-columns:minmax(0,1.55fr) minmax(360px,.7fr);align-items:center;gap:clamp(28px,4vw,72px);width:min(1540px,100% - 64px);margin:clamp(20px,3vh,32px) auto}.login-visual{width:100%;height:clamp(560px,68vh,660px);min-height:0;padding:clamp(48px,5vw,78px)}.login-card-v2{width:min(460px,100%);padding:48px 44px}@media (max-width:900px){.login-main{grid-template-columns:1fr;width:min(520px,100% - 40px);margin:24px auto}.login-visual{height:auto;display:none}.login-card-v2{width:min(430px,100%);padding:42px}}@media (max-width:520px){.login-main{width:calc(100% - 28px);margin:14px auto}.login-card-v2{padding:28px 22px}}.role-modal{width:min(920px,100%)}.role-basics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.permission-toolbar{color:#25483d;background:#edf8f4;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:13px;font-weight:750;display:flex}.permission-toolbar .secondary{color:#087e60;background:#fff;border-color:#a8d8c9;min-height:34px;padding:0 14px}.permission-section{background:#fbfcfd;border:1px solid #dfe7eb;border-radius:11px;min-width:0;margin:0;padding:18px}.permission-section legend{color:#1b303c;padding:0 7px;font-size:14px;font-weight:750}.permission-section>p{color:#7a8991;margin:0 0 14px;font-size:11px}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.permission-option{cursor:pointer;background:#fff;border:1px solid #e0e7eb;border-radius:8px;align-items:center;min-width:0;padding:10px 11px;color:#35454e!important;grid-template-columns:none!important;gap:10px!important;display:flex!important}.permission-option:hover{background:#f7fffc;border-color:#9bd9c7}.permission-option input{accent-color:var(--mint-dark);flex:none;margin:0;padding:0;width:16px!important;height:16px!important;min-height:0!important;box-shadow:none!important}.permission-option span{gap:3px;min-width:0;display:grid}.permission-option b{font-size:12px}.permission-option small{color:#89969e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.permission-columns{gap:15px;display:grid}.permission-group{border-top:1px solid #e7ecef;padding-top:14px}.permission-group:first-child{border-top:0;padding-top:0}.permission-group h3{color:#52636c;margin:0 0 10px;font-size:12px}@media (max-width:760px){.role-basics,.permission-grid{grid-template-columns:1fr}.role-modal{max-height:94vh}.permission-section{padding:14px}}.last-login{border-right:1px solid var(--line);text-align:right;gap:3px;margin-right:20px;padding-right:20px;display:grid}.last-login span{color:#93a0a7;letter-spacing:.4px;font-size:9px}.last-login time{color:#52636d;font-size:11px;font-weight:650}.top-account{position:relative}.account-trigger{color:#40515b;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:4px 7px 4px 4px;transition:all .15s;display:flex}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#f0f5f6}.account-avatar{color:#0a9873;background:linear-gradient(145deg,#f7fbfb,#e7f1ef);border:1px solid #d7e3e6;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.account-identity{align-items:center;min-width:0;display:flex}.account-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;overflow:hidden}.account-identity small{color:#7f8d95;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.account-trigger>svg:last-child{color:#91a0a7;transition:transform .18s}.account-trigger>svg.rotated{transform:rotate(180deg)}.account-popover{z-index:60;background:#fff;border:1px solid #dce5e8;border-radius:10px;width:172px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 45px #0e222d24}.account-popover button{color:#56666f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;font-size:12px;font-weight:650;display:flex}.account-popover button:hover{color:#c8414e;background:#fff1f2}.account-popover button:disabled{cursor:wait;opacity:.55}@media (max-width:760px){.last-login{margin-right:10px;padding-right:10px}.last-login span,.account-identity{display:none}.account-trigger{padding:3px}.account-trigger>svg:last-child{display:none}.account-popover{right:0}.topbar{gap:0}}@media (max-width:520px){.last-login{display:none}}.column-filter-form{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.column-filter-form select,.column-filter-form input{color:#52636d;background:#fafcfc;border:1px solid #dce4e8;border-radius:8px;outline:0;height:38px;padding:0 11px;font-size:12px}.column-filter-form select:first-child{width:150px}.column-filter-form input,.column-filter-form select:nth-child(2){width:min(260px,32vw)}.column-filter-form select:focus,.column-filter-form input:focus{border-color:var(--mint-dark);box-shadow:0 0 0 3px #0aa67b14}.column-filter-form input:disabled,.column-filter-form select:disabled{cursor:not-allowed;opacity:.58}.column-filter-form .primary,.column-filter-form .secondary{min-height:38px}.table-panel th,.table-panel td{text-align:center}.table-panel .row-actions{justify-content:center}.date-range-filter{align-items:flex-end;gap:8px;display:flex}.date-range-filter label{color:#718089;gap:4px;font-size:10px;font-weight:650;display:grid}.date-range-filter label span{padding-left:2px}.column-filter-form .date-range-filter input{width:148px}.date-range-filter>i{color:#8a989f;place-items:center;height:38px;font-size:11px;font-style:normal;display:grid}@media (max-width:760px){.table-tools{align-items:flex-start;gap:12px}.column-filter-form{flex:1}.column-filter-form select:first-child,.column-filter-form input,.column-filter-form select:nth-child(2){width:min(100%,220px)}.date-range-filter{align-items:flex-end;width:100%}.date-range-filter label{flex:1}.column-filter-form .date-range-filter input{width:100%}}.last-login{align-items:center;gap:18px;display:flex}.last-login>div{gap:3px;min-width:0;display:grid}.last-login time,.last-login strong{color:#52636d;text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;font-weight:650;overflow:hidden}@media (max-width:760px){.last-login{gap:10px}.last-login span,.last-login>div:nth-child(2){display:none}}@media (max-width:520px){.last-login{display:none}}