:root{--blue-50:#eef2ff;--blue-100:#dde4ff;--blue-200:#c1ccff;--blue-300:#97a6ff;--blue-400:#6c7cf7;--blue-500:#4d5cee;--blue-600:#3d49e6;--blue-700:#2f37c0;--blue-800:#262c95;--blue-900:#1d2270;--silver-50:#f7f9fc;--silver-100:#eef2f7;--silver-200:#e2e8f0;--silver-300:#d0d8e4;--silver-400:#b6c0d1;--silver-500:#9aa6bb;--silver-600:#7a8699;--silver-700:#5b6678;--silver-800:#3f4859;--silver-900:#28303d;--metal-line:linear-gradient(135deg,#eef2f8,#cdd6e3 42%,#aab6c8 50%,#dde4ef 60%,#f3f6fb);--primary:#3d49e6;--primary-hover:#2f3ad0;--primary-soft:#e9ecff;--primary-shadow:rgba(61,73,230,.30);--ink:#12172a;--muted:#7b8499;--success:#12b76a;--warning:#f5a524;--danger:#ef4444;--info:#3d49e6;--bg:#f4f7fc;--bg-2:#eef2f8;--surface:#ffffff;--surface-grad:linear-gradient(180deg,#ffffff,#f3f6fb);--surface-2:#f5f8fc;--surface-hover:#eef2f8;--border:#e4e9f1;--border-strong:#d0d8e4;--text:#12172a;--text-2:#3f4860;--text-3:#7b8499;--text-4:#9aa6bb;--accent:#3d49e6;--accent-2:#2f37c0;--accent-soft:#e9ecff;--accent-line:#97a6ff;--green:#12b76a;--green-soft:rgba(18,183,106,.10);--radius:16px;--radius-sm:12px;--radius-xs:9px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{background:radial-gradient(1100px 620px at 82% -14%,rgba(61,73,230,.07),transparent 60%),radial-gradient(900px 560px at 4% 2%,rgba(154,166,187,.1),transparent 55%),linear-gradient(180deg,#f6f9fd,#eef2f8);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","ss01","tnum";letter-spacing:-.01em}a{color:inherit;text-decoration:none}svg{display:block}.ic{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{width:100%;overflow:hidden}.app,.sidebar{display:flex;height:100vh}.sidebar{width:248px;flex:none;background:linear-gradient(180deg,#ffffff,#f4f7fc);border-right:1px solid var(--border);flex-direction:column;padding:18px 14px 16px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 4px;margin-bottom:20px}.brand-logo{width:34px;height:34px;border-radius:10px;flex:none;background:linear-gradient(150deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700;font-size:17px;color:#fff;box-shadow:0 6px 18px -5px var(--primary-shadow),inset 0 1px 0 rgba(255,255,255,.3);letter-spacing:0}.brand-name{font-size:16.5px;font-weight:650;letter-spacing:-.02em;color:var(--ink)}.brand-sub{font-size:11px;color:var(--text-3);margin-top:1px;letter-spacing:.02em}.nav-label{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-4);padding:4px 10px 8px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:8.5px 10px;border-radius:var(--radius-xs);color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-hover);color:var(--ink)}.nav-item.active{background:linear-gradient(90deg,var(--primary-soft),rgba(61,73,230,.04));color:var(--accent-2);font-weight:600;box-shadow:inset 0 0 0 1px rgba(61,73,230,.16)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.nav-item.active .ic{color:var(--accent)}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:600;background:var(--primary-soft);color:var(--accent-2);padding:1px 7px;border-radius:20px;line-height:1.5}.nav-spacer{flex:1 1}.side-foot{border-top:1px solid var(--border);margin:0 -4px;padding:12px 12px 4px;display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.side-foot .who{font-size:13px;font-weight:600;line-height:1.2;color:var(--ink)}.side-foot .role{font-size:11px;color:var(--text-3);margin-top:1px}.side-foot .ic{margin-left:auto;color:var(--text-3);width:16px;height:16px}.main{flex:1 1;height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;flex:none;gap:16px;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.72);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);position:relative;z-index:20}.search,.topbar{display:flex;align-items:center}.search{gap:9px;width:380px;max-width:42%;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:8.5px 13px;color:var(--text-3)}.search input{background:none;border:none;outline:none;flex:1 1;color:var(--text);font-size:13px;font-family:inherit;letter-spacing:-.01em}.search input::placeholder{color:var(--text-3)}.search .kbd{font-size:11px;color:var(--text-3);border:1px solid var(--border-strong);border-radius:6px;padding:1px 6px;background:var(--silver-50);font-weight:500}.top-right{margin-left:auto;gap:12px}.btn-primary,.top-right{display:flex;align-items:center}.btn-primary{gap:7px;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:600;border:none;border-radius:10px;padding:9px 15px;cursor:pointer;box-shadow:0 8px 20px -7px var(--primary-shadow),inset 0 1px 0 rgba(255,255,255,.28);letter-spacing:-.01em;transition:filter .15s}.btn-primary:hover{filter:brightness(1.05)}.btn-primary .ic{width:16px;height:16px;stroke-width:2.2}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-2);cursor:pointer;position:relative;transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border-strong)}.dot{position:absolute;top:9px;right:9px;width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 2.5px var(--surface),0 0 7px rgba(61,73,230,.55)}.avatar-top,.dot{border-radius:50%}.avatar-top{width:38px;height:38px;display:grid;place-items:center;font-size:14px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(150deg,var(--accent),var(--accent-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.25);border:1px solid var(--border-strong)}.content{flex:1 1;padding:22px 28px 24px;overflow:auto;display:flex;flex-direction:column;gap:18px;min-height:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between}.page-title{font-size:24px;font-weight:680;letter-spacing:-.03em;color:var(--ink)}.page-sub{font-size:13px;color:var(--text-3);margin-top:4px}.seg{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.seg span{font-size:12px;font-weight:550;color:var(--text-3);padding:5px 12px;border-radius:7px;cursor:pointer}.seg span.on{background:var(--primary-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1px rgba(61,73,230,.18)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{background:var(--surface-grad,linear-gradient(180deg,#ffffff,#f3f6fb));border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 34px -26px rgba(40,48,61,.45)}.stat{padding:16px 18px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-label{font-size:12.5px;color:var(--text-2);font-weight:500}.stat-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(61,73,230,.16)}.stat-ic .ic{width:16px;height:16px}.stat-val{font-size:27px;font-weight:680;letter-spacing:-.035em;line-height:1;color:var(--ink)}.stat-foot{display:flex;gap:6px;margin-top:11px}.stat-foot,.trend{align-items:center}.trend{display:inline-flex;gap:3px;font-size:11.5px;font-weight:600;color:var(--green);background:var(--green-soft);padding:2px 7px;border-radius:20px}.trend .ic{width:12px;height:12px;stroke-width:2.4}.stat-note{font-size:11.5px;color:var(--text-3)}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:auto;grid-gap:16px;gap:16px;flex:1 1;min-height:0}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.card-title{font-size:14.5px;font-weight:620;letter-spacing:-.01em;color:var(--ink)}.card-meta{font-size:11.5px;color:var(--text-3)}.legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2)}.legend i{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 7px rgba(61,73,230,.45)}.chart-card{display:flex;flex-direction:column}.chart-wrap{flex:1 1;position:relative;padding:6px 14px 6px 8px;min-height:160px}.chart-amount{padding:2px 18px 0;display:flex;align-items:baseline;gap:9px}.chart-amount b{font-size:23px;font-weight:680;letter-spacing:-.03em}.chart-amount .trend{font-size:11px}.x-axis{display:flex;justify-content:space-between;padding:0 22px 14px 26px;margin-top:-2px}.x-axis span{font-size:11px;color:var(--text-3);font-weight:500}.right-col{display:flex;flex-direction:column;gap:16px;min-height:0}.modules-card{flex:none}.modules{display:flex;flex-wrap:wrap;gap:9px;padding:14px 18px 18px}.chip{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:8px 11px}.chip-name{font-size:12.5px;font-weight:550;color:var(--text);white-space:nowrap}.chip-legal{font-size:9.5px;font-weight:600;color:var(--accent-2);background:var(--primary-soft);border:1px solid rgba(61,73,230,.2);padding:0 6px;border-radius:5px;line-height:1.55;letter-spacing:.01em}.pill{margin-left:2px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 8px 2px 6px;border-radius:20px}.pill i{width:6px;height:6px;border-radius:50%}.pill.on{color:var(--green);background:var(--green-soft);border:1px solid rgba(18,183,106,.28)}.pill.on i{background:var(--green);box-shadow:0 0 7px rgba(18,183,106,.55)}.pill.off{color:var(--text-3);background:var(--silver-100);border:1px solid var(--border)}.pill.off i{background:var(--text-4)}.activity-card{flex:1 1;min-height:0}.act-list,.activity-card{display:flex;flex-direction:column}.act-list{padding:6px 8px 8px;flex:1 1;justify-content:space-between;gap:2px}.act{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;transition:background .15s}.act:hover{background:var(--surface-hover)}.act-av{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;font-size:12.5px;font-weight:650;color:#fff;border:1px solid rgba(255,255,255,.08)}.act-av.v{background:linear-gradient(150deg,#4d5cee,#2f37c0)}.act-av.g{background:linear-gradient(150deg,#12b76a,#0a8f53)}.act-av.b{background:linear-gradient(150deg,#6c7cf7,#3d49e6)}.act-av.p{background:linear-gradient(150deg,#7a8699,#3f4859)}.act-txt{flex:1 1;min-width:0}.act-main{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-main b{font-weight:650}.act-sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.act-amt{font-size:12.5px;font-weight:650;color:var(--green);flex:none}.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.mod-card{background:var(--surface-grad);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 34px -26px rgba(40,48,61,.45);padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s,box-shadow .15s}.mod-card:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 20px 40px -26px rgba(40,48,61,.5)}.mod-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mod-ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(61,73,230,.16)}.mod-ic .ic{width:20px;height:20px}.mod-name{font-size:14.5px;font-weight:620;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}.mod-div{font-size:11px;color:var(--text-3);margin-top:3px;text-transform:capitalize;letter-spacing:.01em}.mod-desc{font-size:12.5px;color:var(--text-2);line-height:1.5;flex:1 1}.mod-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.mod-price{font-size:15px;font-weight:680;letter-spacing:-.02em;color:var(--ink)}.mod-price span{font-size:11.5px;color:var(--text-3);font-weight:500}.mod-badges{display:flex;align-items:center;gap:7px}.table-card{display:flex;flex-direction:column;overflow:hidden;padding-bottom:6px}.table-wrap{overflow-x:auto;padding:6px 6px 8px}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table thead th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-4);padding:8px 16px 10px;white-space:nowrap}.data-table td.ta-right,.data-table th.ta-right{text-align:right}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody td{padding:12px 16px;border-top:1px solid var(--border);color:var(--text-2);vertical-align:middle}.data-table tbody tr:first-child td{border-top:none}.cell-client{display:flex;align-items:center;gap:12px;min-width:0}.cell-client .act-av{width:36px;height:36px;border-radius:10px;font-size:13px}.cell-client-txt{min-width:0}.cell-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-code{font-size:11px;color:var(--text-3);margin-top:2px;font-feature-settings:"tnum";letter-spacing:.01em;white-space:nowrap}.cell-date,.cell-email{color:var(--text-2);font-size:12.5px}.cell-date{font-weight:500;white-space:nowrap}.cell-muted{color:var(--text-4);font-size:12.5px}.plan-badge{letter-spacing:.01em;color:var(--accent-2);background:var(--primary-soft);border:1px solid rgba(61,73,230,.22);padding:3px 10px;border-radius:7px}.plan-badge,.status-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;white-space:nowrap}.status-pill{gap:6px;letter-spacing:.02em;padding:3px 10px 3px 8px;border-radius:20px}.status-pill i{width:6px;height:6px;border-radius:50%;flex:none}.status-pill.ok{color:var(--green);background:var(--green-soft);border:1px solid rgba(18,183,106,.28)}.status-pill.ok i{background:var(--green);box-shadow:0 0 7px rgba(18,183,106,.5)}.status-pill.warn{color:#b3700a;background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.3)}.status-pill.warn i{background:var(--warning);box-shadow:0 0 7px rgba(245,165,36,.5)}.status-pill.muted{color:var(--text-3);background:var(--silver-100);border:1px solid var(--border)}.status-pill.muted i{background:var(--text-4)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;padding:54px 24px 58px}.empty-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(61,73,230,.18)}.empty-ic .ic{width:26px;height:26px}.empty-title{font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.empty-sub{font-size:13px;color:var(--text-3);line-height:1.55;max-width:360px}.empty-state .btn-primary{margin-top:6px}.login-wrap{display:flex;width:100%;height:100vh;overflow:hidden}.login-brand{flex:1 1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:56px 56px 48px;background:radial-gradient(900px 540px at 22% 8%,rgba(61,73,230,.16),transparent 58%),radial-gradient(760px 520px at 90% 100%,rgba(47,55,192,.18),transparent 60%),linear-gradient(160deg,#2f37c0,#1d2270 72%);border-right:1px solid rgba(255,255,255,.12)}.login-brand:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 320px at 50% -10%,rgba(255,255,255,.1),transparent 60%)}.login-brand-top{display:flex;align-items:center;gap:13px;position:relative}.login-brand-top .brand-logo{width:40px;height:40px;font-size:20px;border-radius:12px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);color:#fff}.login-brand-top .brand-name{font-size:19px;font-weight:680;color:#fff}.login-brand-top .brand-sub{font-size:11.5px;color:rgba(255,255,255,.7)}.login-hero{position:relative;max-width:430px}.login-hero h1{font-size:38px;font-weight:720;letter-spacing:-.035em;line-height:1.08;color:#fff}.login-hero p{font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.6;margin-top:16px}.login-bullets{list-style:none;margin-top:30px;display:flex;flex-direction:column;gap:14px;position:relative}.login-bullets li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#fff;font-weight:500}.login-bullets .b-ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22)}.login-bullets .b-ic .ic{width:16px;height:16px;stroke-width:2.2}.login-foot{font-size:11.5px;color:rgba(255,255,255,.65);position:relative;letter-spacing:.01em}.login-panel{width:480px;max-width:46%;flex:none;height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--surface)}.login-card{width:100%;max-width:360px}.login-card h2{font-size:23px;font-weight:680;letter-spacing:-.03em;color:var(--ink)}.login-card .sub{font-size:13px;color:var(--text-3);margin-top:6px;margin-bottom:28px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:7px;letter-spacing:.01em}.field input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:11px 13px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;letter-spacing:-.01em;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--text-3)}.field input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.field-row a{font-size:11.5px;color:var(--accent);font-weight:550}.login-submit{width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:#fff;font-size:14px;font-weight:650;font-family:inherit;border:none;border-radius:11px;padding:12px 15px;cursor:pointer;box-shadow:0 10px 26px -9px var(--primary-shadow),inset 0 1px 0 rgba(255,255,255,.28);letter-spacing:-.01em;transition:filter .15s}.login-submit:hover{filter:brightness(1.06)}.login-submit .ic{width:17px;height:17px;stroke-width:2.2}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--text-4);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.login-divider:after,.login-divider:before{content:"";height:1px;flex:1 1;background:var(--border)}.login-note{font-size:12px;color:var(--text-3);text-align:center;line-height:1.5}.login-note b{color:var(--text-2);font-weight:600}.login-error{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:#b91c1c;font-size:12.5px;font-weight:550;line-height:1.4;border-radius:10px;padding:10px 13px;margin-bottom:18px}.login-error:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 7px rgba(239,68,68,.5)}.side-foot-id{min-width:0;flex:1 1}.side-foot-id .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot-logout{margin-left:auto;display:flex}.logout-btn{width:30px;height:30px;flex:none;border-radius:9px;border:1px solid var(--border);background:transparent;display:grid;place-items:center;color:var(--text-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.logout-btn:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.28);color:var(--danger)}.logout-btn .ic{width:16px;height:16px}@media (max-width:880px){.login-brand{display:none}.login-panel{width:100%;max-width:100%}}.emp-invite{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}.emp-invite-head{display:flex;align-items:center;gap:13px}.emp-invite-ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(61,73,230,.16)}.emp-invite-ic .ic{width:18px;height:18px;stroke-width:2.2}.emp-invite-form{display:grid;grid-template-columns:1fr 220px auto;grid-gap:12px;gap:12px;align-items:end}.emp-field{display:flex;flex-direction:column;min-width:0}.emp-field label{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:7px;letter-spacing:.01em}.emp-field input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:11px 13px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;letter-spacing:-.01em;transition:border-color .15s,box-shadow .15s}.emp-field input::placeholder{color:var(--text-3)}.emp-field input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.emp-field input:disabled{opacity:.7;cursor:not-allowed}.emp-select{position:relative;display:flex;align-items:center}.emp-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:11px 36px 11px 13px;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;letter-spacing:-.01em;cursor:pointer;transition:border-color .15s,box-shadow .15s}.emp-select select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.emp-select select:disabled{opacity:.7;cursor:not-allowed}.emp-select .ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-3);pointer-events:none}.emp-invite-btn{display:flex;align-items:center;gap:7px;white-space:nowrap;background:linear-gradient(150deg,var(--accent),var(--accent-2));color:#fff;font-size:13.5px;font-weight:600;font-family:inherit;border:none;border-radius:11px;padding:11px 16px;cursor:pointer;box-shadow:0 8px 20px -7px var(--primary-shadow),inset 0 1px 0 rgba(255,255,255,.28);letter-spacing:-.01em;transition:filter .15s,opacity .15s}.emp-invite-btn:hover{filter:brightness(1.06)}.emp-invite-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.emp-invite-btn .ic{stroke-width:2.2}.emp-invite-note{font-size:11.5px;color:var(--text-3);letter-spacing:.01em;display:flex;align-items:center;gap:7px}.emp-invite-note:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px rgba(61,73,230,.5)}.emp-list-card{padding-bottom:8px}.emp-list-card,.emp-table{display:flex;flex-direction:column}.emp-table{padding:8px 8px 4px}.emp-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.7fr) 130px 130px;align-items:center;grid-gap:14px;gap:14px;padding:11px 12px;border-radius:11px;transition:background .15s}.emp-row:not(.emp-row--head):hover{background:var(--surface-hover)}.emp-row--head{padding-top:6px;padding-bottom:10px}.emp-row--head span{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-4)}.emp-row:not(.emp-row--head)+.emp-row:not(.emp-row--head){border-top:1px solid var(--border);border-radius:0}.emp-person{display:flex;align-items:center;gap:12px;min-width:0}.emp-av{width:36px;height:36px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:13px;font-weight:650;color:#fff;border:1px solid rgba(255,255,255,.08)}.emp-av.v{background:linear-gradient(150deg,#4d5cee,#2f37c0)}.emp-av.g{background:linear-gradient(150deg,#12b76a,#0a8f53)}.emp-av.b{background:linear-gradient(150deg,#6c7cf7,#3d49e6)}.emp-av.p{background:linear-gradient(150deg,#7a8699,#3f4859)}.emp-person-id{min-width:0}.emp-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3}.emp-mail,.emp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-mail{font-size:11.5px;color:var(--text-3);margin-top:2px}.emp-roles{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.emp-role{font-size:10.5px;font-weight:650;letter-spacing:.02em;padding:2px 9px;border-radius:7px;line-height:1.6;white-space:nowrap;border:1px solid transparent}.emp-role--owner{color:#2f37c0;background:rgba(61,73,230,.12);border-color:rgba(61,73,230,.28)}.emp-role--ceo{color:#4338ca;background:rgba(79,70,229,.1);border-color:rgba(79,70,229,.26)}.emp-role--admin{color:#1d4ed8;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.26)}.emp-role--sales{color:#0a8f53;background:rgba(18,183,106,.12);border-color:rgba(18,183,106,.28)}.emp-role--support{color:#b3700a;background:rgba(245,165,36,.12);border-color:rgba(245,165,36,.3)}.emp-role--default{color:var(--text-2);background:var(--silver-100);border-color:var(--border)}.emp-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;letter-spacing:.02em;padding:3px 10px 3px 8px;border-radius:20px}.emp-status i{width:6px;height:6px;border-radius:50%;flex:none}.emp-status.is-on{color:var(--green);background:var(--green-soft);border:1px solid rgba(18,183,106,.28)}.emp-status.is-on i{background:var(--green);box-shadow:0 0 7px rgba(18,183,106,.5)}.emp-status.is-off{color:var(--text-3);background:var(--silver-100);border:1px solid var(--border)}.emp-status.is-off i{background:var(--text-4)}.emp-date{font-size:12.5px;color:var(--text-2);font-weight:500}.emp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 24px 52px}.emp-empty-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;margin-bottom:8px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(61,73,230,.18)}.emp-empty-title{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.emp-empty-sub{font-size:12.5px;color:var(--text-3);line-height:1.55;max-width:340px}@media (max-width:980px){.emp-invite-form{grid-template-columns:1fr}.emp-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);row-gap:8px}.emp-row--head{display:none}}.menu-btn{display:none;width:38px;height:38px;border-radius:10px;flex:none;border:1px solid var(--border);background:var(--surface);place-items:center;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.menu-btn:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border-strong)}.menu-btn .ic{width:20px;height:20px}.nav-backdrop{display:none;border:none;padding:0;margin:0;position:fixed;inset:0;z-index:25;background:rgba(18,23,42,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;cursor:pointer;transition:opacity .2s ease}@media (max-width:900px){.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;transform:translateX(-100%);transition:transform .24s ease;box-shadow:0 24px 60px -24px rgba(18,23,42,.45);width:min(82vw,288px)}.app--nav-open .sidebar{transform:translateX(0)}.nav-backdrop{display:block}.app--nav-open .nav-backdrop{opacity:1}body:not(.nav-open) .nav-backdrop{pointer-events:none}.main{width:100%}.menu-btn{display:grid}.topbar{padding:0 16px;gap:12px}.search{width:auto;flex:1 1;max-width:none;min-width:0}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.grid{grid-template-columns:1fr;min-height:0}.activity-card,.chart-card,.grid,.right-col{flex:none}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.content{padding:18px 16px 22px}}@media (max-width:560px){.mod-grid,.stats{grid-template-columns:1fr}.btn-primary-label{display:none}.btn-primary{padding:9px 11px}.search .kbd{display:none}.topbar{padding:0 12px}.content{padding:16px 12px 20px}.page-title{font-size:21px}}