:root{--page:#f3f5f8;--surface:#fff;--sidebar:#fff;--topbar:#343c48;--text:#202633;--muted:#84909f;--line:#e6eaf0;--table-head:#f0f4f8;--primary:#6250df;--primary-dark:#4f3ed0;--danger:#f04f68;--warning:#f2b23f;--success:#21b987;--info:#4b8bd8;--shadow:0 5px 20px #1f2d3d0e;--sidebar-width:240px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{border:0}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);z-index:20;background:var(--sidebar);border-right:1px solid #eef0f3;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{border-bottom:1px solid var(--line);color:#102338;letter-spacing:5px;align-items:center;gap:11px;height:70px;padding:0 28px;font-size:19px;font-weight:900;display:flex}.brand-mark{width:32px;height:25px;position:relative;transform:skew(-12deg)rotate(-8deg)}.brand-mark:before,.brand-mark:after{content:"";background:#122d45;border-radius:3px 8px;width:25px;height:8px;position:absolute;left:3px}.brand-mark:before{top:2px}.brand-mark:after{top:14px}.sidebar-nav{padding:22px 14px 30px}.nav-group{margin-bottom:3px}.nav-main,.nav-child{color:#657182;cursor:pointer;background:0 0;border-radius:7px;align-items:center;width:100%;text-decoration:none;transition:background .16s,color .16s;display:flex}.nav-main{gap:12px;min-height:44px;padding:0 10px}.nav-main:hover,.nav-main.active{color:var(--primary);background:#f4f2ff}.nav-main .label{text-align:left;flex:1}.nav-icon{text-align:center;color:#768395;width:18px;font-size:16px}.nav-arrow{font-size:16px;transition:transform .2s;transform:rotate(0)}.nav-group.open .nav-arrow{transform:rotate(90deg)}.nav-children{padding:3px 0 5px 39px;display:none}.nav-group.open .nav-children{display:block}.nav-child{min-height:34px;padding:6px 10px;font-size:12px;line-height:1.25}.nav-child:hover,.nav-child.active{color:var(--primary);background:#f7f6ff}.topbar{z-index:15;left:var(--sidebar-width);background:var(--topbar);color:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 26px;display:flex;position:fixed;top:0;right:0}.hamburger{color:#fff;cursor:pointer;background:0 0;font-size:25px}.top-actions{color:#d6dbe1;align-items:center;gap:18px;display:flex}.preview-pill{background:#2b3240;border:1px solid #ffffff1f;border-radius:6px;padding:7px 10px;font-size:11px}.flag{font-size:19px}.bell{font-size:18px;position:relative}.bell:after{content:"3";background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid;position:absolute;top:-9px;right:-7px}.user-badge{align-items:center;gap:8px;display:flex}.avatar{color:#fff;background:#13cbb8;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.main{margin-left:var(--sidebar-width);min-height:100vh;padding-top:70px}.content{padding:27px 28px 70px}.page-title{margin:0 0 24px;font-size:21px;font-weight:500}.notice{color:#5647b9;background:#f5f3ff;border:1px solid #d9d4ff;border-radius:6px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:12px;display:flex}.panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #eff1f4;border-radius:4px;margin-bottom:22px}.panel-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:18px 24px;display:flex}.panel-title{margin:0;font-size:15px;font-weight:650}.panel-body{padding:22px 24px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;display:grid}.field{min-width:0}.field.span-2{grid-column:span 2}.field.span-3{grid-column:span 3}.field label{color:#8d96a2;margin:0 0 6px 2px;font-size:11px;display:block}.control{color:#586373;background:#fff;border:1px solid #d8dde4;border-radius:2px;outline:none;width:100%;height:49px;padding:0 13px}.control:focus{border-color:#9d92ea;box-shadow:0 0 0 2px #6250df14}textarea.control{resize:none;min-height:88px;padding-top:13px}.fake-check{color:#66717f;align-items:center;gap:7px;min-height:49px;display:flex}.fake-check span{background:#fff;border:1px solid #c8ced6;border-radius:3px;width:16px;height:16px}.panel-actions{justify-content:flex-end;gap:7px;margin-top:22px;display:flex}.btn{color:#fff;cursor:default;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;display:inline-flex;box-shadow:0 2px 7px #00000012}.btn-primary{background:var(--primary)}.btn-danger{background:var(--danger)}.btn-warning{background:var(--warning);color:#4e3c1d}.btn-info{background:var(--info)}.btn-success{background:var(--success)}.btn-muted{background:#9099a5}.btn[disabled]{opacity:.92}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.table-wrap{border:1px solid #edf0f4;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{background:var(--table-head);color:#4f5967;text-align:left;white-space:nowrap;padding:14px 12px;font-size:11px;font-weight:600}td{color:#5d6877;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 12px;font-size:11px}tbody tr:hover{background:#fbfcfe}.status{border-radius:12px;align-items:center;padding:4px 9px;font-size:10px;font-weight:650;display:inline-flex}.status.success{color:#11825f;background:#dcf7ed}.status.pending{color:#9a6a08;background:#fff2c9}.status.process{color:#346cae;background:#e4f0ff}.status.fail{color:#b73d52;background:#ffe1e6}.action-dot{color:#fff;background:#6956df;border-radius:4px;place-items:center;width:25px;height:25px;display:inline-grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric{box-shadow:var(--shadow);background:#fff;border:1px solid #edf0f4;border-radius:4px;padding:20px}.metric-label{color:var(--muted);margin-bottom:9px;font-size:11px}.metric-value{font-size:22px;font-weight:700}.metric-delta{color:var(--success);margin-top:8px;font-size:10px}.dashboard-grid{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.chart-placeholder{background:linear-gradient(#fff 0%,#fafbfe 100%);align-items:flex-end;gap:16px;height:210px;padding:25px 20px 18px;display:flex}.bar{opacity:.88;background:linear-gradient(#7b68e8,#5844d1);border-radius:4px 4px 0 0;flex:1;min-height:24px;position:relative}.bar:after{content:attr(data-label);color:#929aa6;font-size:9px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.pending-row{border-top:1px solid #edf0f4;grid-template-columns:1.4fr .7fr .7fr auto;align-items:center;gap:12px;padding:13px 0;font-size:11px;display:grid}.role-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.role-card{border:1px solid #e8ebf0;border-radius:5px;padding:16px}.role-card h4{margin:0 0 8px}.role-card p{color:#84909f;margin:0;font-size:11px;line-height:1.55}.permission-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.tag{color:#5a4ac9;background:#efedff;border-radius:10px;padding:4px 7px;font-size:9px}.login-screen{background:#eef1f5;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(135deg,#202938,#3c4654);flex-direction:column;justify-content:space-between;padding:70px;display:flex}.login-visual h1{max-width:540px;margin:0;font-size:44px;line-height:1.12}.login-visual p{color:#bfc7d2;max-width:520px;line-height:1.6}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:6px;padding:38px}.login-card h2{margin:0 0 8px}.login-card .sub{color:#8a94a1;margin-bottom:28px}.login-card .field{margin-bottom:16px}.login-card .btn{width:100%;margin-top:5px}.footer{color:#929ba7;padding:12px 2px 0;font-size:11px}.mobile-overlay{display:none}.app-shell.sidebar-collapsed{--sidebar-width:74px}.sidebar-collapsed .brand{padding:0 20px}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-main .label,.sidebar-collapsed .nav-arrow,.sidebar-collapsed .nav-children{display:none}.sidebar-collapsed .nav-main{justify-content:center}@media (max-width:1080px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.span-3{grid-column:span 2}.summary-grid,.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar-width:0px}.sidebar{width:260px;transition:transform .2s;transform:translate(-100%)}.app-shell.mobile-menu .sidebar{transform:translate(0)}.app-shell.mobile-menu .mobile-overlay{z-index:18;background:#0e141d6b;display:block;position:fixed;inset:0}.topbar{left:0}.content{padding:20px 14px 60px}.filter-grid{grid-template-columns:1fr}.field.span-2,.field.span-3{grid-column:span 1}.summary-grid,.role-card-grid{grid-template-columns:1fr}.top-actions .preview-pill,.flag{display:none}.panel-body,.panel-header{padding-left:16px;padding-right:16px}.login-screen{grid-template-columns:1fr}.login-visual{display:none}}