:root{color-scheme:light;--bg: #f6f7fc;--bg-tint: #eef1fb;--surface: #ffffff;--surface-muted: #f7f9fd;--surface-sunken: #eef2f9;--brand: #e94b8b;--brand-strong: #cf3a76;--brand-soft: #fdeef5;--brand-glow: rgba(233, 75, 139, .26);--blue: #3b82f6;--blue-soft: #e9f1ff;--success: #12b981;--success-soft: #e4f8f1;--warning: #f59e0b;--warning-soft: #fef3e0;--danger: #ef4444;--danger-soft: #fdecec;--violet: #7c6cf0;--violet-soft: #efedfe;--teal: #0ea5a5;--teal-soft: #e2f6f6;--text: #26313f;--heading: #12263f;--muted: #6c7c92;--faint: #97a3b6;--border: #e9edf5;--border-strong: #d8e0ec;--radius-sm: 9px;--radius: 16px;--radius-lg: 22px;--shadow-xs: 0 1px 2px rgba(18, 38, 63, .05);--shadow-sm: 0 1px 2px rgba(18, 38, 63, .04), 0 4px 12px -8px rgba(18, 38, 63, .18);--shadow: 0 2px 4px rgba(18, 38, 63, .04), 0 14px 32px -18px rgba(18, 38, 63, .3);--shadow-lg: 0 30px 70px -28px rgba(18, 38, 63, .38);--sidebar-w: 254px;--header-h: 66px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--heading);margin:0;font-weight:700;letter-spacing:-.015em}h1{font-size:27px;text-wrap:balance}h2{font-size:20px}h3{font-size:16px}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#dbe2ee;border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c6d0df}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--border)}.brand-mark{width:38px;height:38px;border-radius:13px;flex:none;background:linear-gradient(140deg,#f76fa8,var(--brand) 55%,#c9377a);color:#fff;font-weight:700;font-size:14.5px;letter-spacing:.02em;display:grid;place-items:center;box-shadow:0 8px 18px -8px var(--brand-glow)}.brand-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-text strong{color:var(--heading);font-size:14.5px}.brand-text span{color:var(--muted);font-size:11.5px}.sidebar__nav{padding:14px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.sidebar__label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:16px 12px 7px;font-weight:700}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;color:var(--muted);font-weight:500;font-size:14px;transition:background .16s,color .16s}.nav-item:hover{background:var(--surface-muted);color:var(--heading)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-item.is-active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-item.is-active .nav-item__icon{color:var(--brand)}.nav-item__icon{width:18px;height:18px;flex:none;color:var(--faint);transition:color .16s}.nav-item__count{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;box-shadow:0 4px 10px -5px #ef4444e6}.sidebar__footer{padding:15px 17px;border-top:1px solid var(--border);font-size:11.5px;color:var(--faint)}.sidebar__footer a{color:var(--muted)}.sidebar__footer a:hover{color:var(--brand)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.header{height:var(--header-h);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:30}.header__search{position:relative;flex:1;max-width:430px}.header__search input{width:100%;padding:10px 12px 10px 37px;border:1px solid transparent;border-radius:11px;background:var(--surface-sunken);font-size:14px;transition:background .16s,border-color .16s,box-shadow .16s}.header__search input::placeholder{color:var(--faint)}.header__search input:focus{background:#fff;border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-soft)}.header__search .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint)}.demo-badge{display:inline-flex;align-items:center;gap:7px;background:var(--warning-soft);color:#97600a;border:1px solid #f7e2bb;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:99px;white-space:nowrap}.demo-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 3px #f59e0b2e}.role-switch{display:flex;align-items:center;gap:8px}.role-switch label{font-size:12px;color:var(--muted);white-space:nowrap}.role-switch select{border:1px solid var(--border-strong);border-radius:11px;padding:8px 11px;background:var(--surface);font-size:13.5px;font-weight:600;color:var(--heading);cursor:pointer;transition:border-color .16s,box-shadow .16s}.role-switch select:hover{border-color:var(--brand)}.role-switch select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}.avatar{width:38px;height:38px;border-radius:50%;flex:none;background:linear-gradient(140deg,#6d9dfb,#7c6cf0);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;box-shadow:0 6px 16px -9px #6d9dfbf2}.avatar--sm{width:28px;height:28px;font-size:10.5px}.avatar--c1{background:linear-gradient(140deg,#f7809f,#e94b8b)}.avatar--c2{background:linear-gradient(140deg,#6d9dfb,#3b82f6)}.avatar--c3{background:linear-gradient(140deg,#57cfae,#12b981)}.avatar--c4{background:linear-gradient(140deg,#9d92f6,#7c6cf0)}.avatar--c5{background:linear-gradient(140deg,#fbbf5a,#f59e0b)}.person{display:inline-flex;align-items:center;gap:8px;min-width:0}.person__name{font-size:13.2px;color:var(--heading);font-weight:500}.user-menu{position:relative}.user-menu__btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 6px 4px 4px;border-radius:12px;transition:background .16s}.user-menu__btn:hover{background:var(--surface-muted)}.user-menu__name{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.user-menu__name strong{font-size:13px;color:var(--heading)}.user-menu__name span{font-size:11px;color:var(--muted)}.user-menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:272px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;z-index:60;animation:rise .16s ease}.user-menu__panel p{padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:6px}.menu-action{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;font-size:13.5px;color:var(--text)}.menu-action:hover{background:var(--surface-muted)}.menu-action.is-danger{color:var(--danger)}.menu-action.is-danger:hover{background:var(--danger-soft)}.icon-btn{width:40px;height:40px;border-radius:12px;flex:none;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:background .16s,color .16s,border-color .16s}.icon-btn:hover{background:var(--surface-muted);color:var(--heading);border-color:var(--border-strong)}.page{padding:26px;max-width:1500px;width:100%;margin:0 auto;flex:1;animation:fade .22s ease}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.page__head p{color:var(--muted);font-size:13.5px;margin-top:5px;max-width:74ch}.page__actions{display:flex;gap:10px;flex-wrap:wrap}.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:26px 28px;background:radial-gradient(120% 160% at 100% 0%,#e94b8b29,#e94b8b00 55%),radial-gradient(120% 160% at 0% 100%,#3b82f624,#3b82f600 55%),linear-gradient(120deg,#fff,#fbfcff);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero__main{flex:1;min-width:260px}.hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-strong);margin-bottom:7px}.hero__side{display:flex;gap:24px;flex-wrap:wrap}.hero__stat{min-width:104px}.hero__stat b{display:block;font-size:24px;color:var(--heading);line-height:1.15;font-variant-numeric:tabular-nums}.hero__stat span{font-size:12px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;border-bottom:1px solid var(--border)}.card__head h3{font-size:15.5px}.card__body{padding:19px}.card__body--flush{padding:0}.grid{display:grid;gap:16px}.grid--kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--main{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;transition:transform .16s,box-shadow .16s,border-color .16s}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.kpi__icon{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--kpi-soft, var(--blue-soft));color:var(--kpi-color, var(--blue))}.kpi__text{min-width:0;display:flex;flex-direction:column;gap:2px}.kpi__label{font-size:12.5px;color:var(--muted);font-weight:500;min-height:2.6em}.kpi__value{font-size:28px;font-weight:700;color:var(--heading);line-height:1.15;font-variant-numeric:tabular-nums}.kpi__value small{font-size:12.5px;font-weight:500;color:var(--muted);margin-left:5px}.kpi__hint{font-size:11.5px;color:var(--faint)}.kpi--brand{--kpi-color: var(--brand);--kpi-soft: var(--brand-soft)}.kpi--blue{--kpi-color: var(--blue);--kpi-soft: var(--blue-soft)}.kpi--success{--kpi-color: #0a9e72;--kpi-soft: var(--success-soft)}.kpi--warning{--kpi-color: #c47c05;--kpi-soft: var(--warning-soft)}.kpi--danger{--kpi-color: var(--danger);--kpi-soft: var(--danger-soft)}.kpi--neutral{--kpi-color: var(--muted);--kpi-soft: var(--surface-sunken)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3.5px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-sunken);color:var(--muted);border:1px solid transparent}.badge--success{background:var(--success-soft);color:#067a58}.badge--warning{background:var(--warning-soft);color:#975f06}.badge--danger{background:var(--danger-soft);color:#b42318}.badge--blue{background:var(--blue-soft);color:#1d4ed8}.badge--brand{background:var(--brand-soft);color:var(--brand-strong)}.badge--violet{background:var(--violet-soft);color:#5a4ad4}.badge--neutral{background:#eef1f7;color:#536078}.badge--outline{background:#fff;border-color:var(--border-strong);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2.5px 9px;border-radius:8px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--blue-soft);color:#1d4ed8}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.chip--kinhdoanh{background:var(--brand-soft);color:var(--brand-strong)}.chip--dieuphoi{background:var(--blue-soft);color:#1d4ed8}.chip--hoso{background:var(--violet-soft);color:#5a4ad4}.chip--ketoan{background:var(--teal-soft);color:#067474}.chip--quanly{background:#eef1f7;color:#536078}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9.5px 16px;border-radius:11px;border:1px solid transparent;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .16s,box-shadow .16s,border-color .16s,transform .12s,opacity .16s}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 10px 22px -12px var(--brand-glow)}.btn--primary:hover:not(:disabled){background:var(--brand-strong);box-shadow:0 12px 26px -12px var(--brand-glow)}.btn--secondary{background:var(--surface);color:var(--heading);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:#c6d0df}.btn--ghost{background:transparent;color:var(--blue)}.btn--ghost:hover:not(:disabled){background:var(--blue-soft)}.btn--success{background:var(--success);color:#fff;box-shadow:0 10px 22px -12px #12b981cc}.btn--success:hover:not(:disabled){background:#0ea371}.btn--sm{padding:6.5px 12px;font-size:12.5px;border-radius:9px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.link{color:var(--blue);font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:99px;padding:6.5px 14px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .16s}.filter-chip:hover{border-color:var(--brand);color:var(--brand-strong)}.filter-chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 20px -12px var(--brand-glow)}.filter-chip__count{margin-left:7px;font-size:11px;background:#12263f12;padding:0 6px;border-radius:99px;font-variant-numeric:tabular-nums}.filter-chip.is-active .filter-chip__count{background:#ffffff3d}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--heading)}.field input,.field select,.field textarea,.select{border:1px solid var(--border-strong);border-radius:11px;padding:9.5px 12px;background:var(--surface);font-size:13.5px;width:100%;transition:border-color .16s,box-shadow .16s}.field input:focus,.field select:focus,.field textarea:focus,.select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--surface-muted);color:var(--faint)}.field textarea{resize:vertical;min-height:80px}.field__hint{font-size:11.5px;color:var(--faint)}.select{width:auto;cursor:pointer;font-weight:500;color:var(--heading)}.search-input{position:relative}.search-input input{width:100%;padding:9.5px 12px 9.5px 35px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);font-size:13.5px}.search-input input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.search-input .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--faint)}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700;padding:12px 18px;background:var(--surface-muted);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}table.data td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.is-clickable{cursor:pointer;transition:background .14s}table.data tbody tr.is-clickable:hover{background:var(--bg-tint)}.cell-strong{font-weight:600;color:var(--heading)}.cell-sub{font-size:12px;color:var(--muted)}.cell-actions{display:flex;gap:8px;justify-content:flex-end}.progress{height:8px;background:var(--surface-sunken);border-radius:99px;overflow:hidden;min-width:80px}.progress__bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),#f98fbb);transition:width .3s ease}.progress--blue .progress__bar{background:linear-gradient(90deg,var(--blue),#86b1fc)}.progress--success .progress__bar{background:linear-gradient(90deg,var(--success),#62dcb5)}.progress-row{display:flex;align-items:center;gap:11px}.progress-row .progress{flex:1 1 auto}.progress-row span{font-size:12px;color:var(--muted);font-weight:600;min-width:36px;font-variant-numeric:tabular-nums}.donut{width:152px;height:152px;flex:none}.donut__ring{width:152px;height:152px;border-radius:50%;background:conic-gradient(var(--success) 0 calc(var(--pct) * 1%),var(--surface-sunken) calc(var(--pct) * 1%) 100%);display:grid;place-items:center}.donut__hole{width:106px;height:106px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px var(--border)}.donut__value{font-size:25px;font-weight:700;color:var(--heading);line-height:1.1;font-variant-numeric:tabular-nums}.donut__caption{font-size:11px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}.legend__row{display:flex;align-items:center;gap:10px;font-size:13px}.legend__dot{width:10px;height:10px;border-radius:3px;flex:none}.legend__label{color:var(--muted)}.legend__value{margin-left:auto;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}.bar-stat{display:flex;flex-direction:column;gap:7px}.bar-stat__top{display:flex;align-items:baseline;gap:8px;font-size:13px}.bar-stat__top b{color:var(--heading);font-weight:600}.bar-stat__top span{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.list{display:flex;flex-direction:column}.list__row{display:flex;align-items:center;gap:14px;padding:14px 19px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .14s}.list__row:last-child{border-bottom:none}.list__row:hover{background:var(--bg-tint)}.list__main{min-width:0;flex:1}.list__title{font-weight:600;color:var(--heading);font-size:13.8px}.list__meta{font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:4px}.list__side{display:flex;align-items:center;gap:10px;flex:none}.alert-row{display:flex;gap:12px;padding:13px 19px;border-bottom:1px solid var(--border);align-items:flex-start;cursor:pointer;transition:background .14s}.alert-row:last-child{border-bottom:none}.alert-row:hover{background:var(--bg-tint)}.alert-row__dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}.alert-row--danger .alert-row__dot{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.alert-row--warning .alert-row__dot{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.alert-row__title{font-size:13.5px;font-weight:600;color:var(--heading)}.alert-row__detail{font-size:12px;color:var(--muted)}.empty{padding:48px 20px;text-align:center;color:var(--muted)}.empty__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 13px;color:var(--faint);background:linear-gradient(140deg,var(--surface-sunken),var(--surface-muted))}.empty strong{display:block;color:var(--heading);margin-bottom:5px;font-size:14.5px}.empty p{font-size:13px}.note{display:flex;gap:9px;align-items:flex-start;background:var(--blue-soft);border:1px solid #d9e6ff;color:#1d4ed8;border-radius:var(--radius-sm);padding:10px 13px;font-size:12.3px;line-height:1.55}.note--warning{background:var(--warning-soft);border-color:#f7e2bb;color:#8a5806}.note--muted{background:var(--surface-muted);border-color:var(--border);color:var(--muted)}.note svg{flex:none;margin-top:1px;opacity:.8}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;padding:0 8px}.tab{border:none;background:none;cursor:pointer;padding:13px 15px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;margin-bottom:-1px;transition:color .16s,border-color .16s}.tab:hover{color:var(--heading)}.tab.is-active{color:var(--brand-strong);border-bottom-color:var(--brand)}.tab__count{font-size:11px;color:var(--faint);margin-left:5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12263f61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;animation:fade .16s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(540px,100%);background:var(--surface);z-index:90;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slide-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes slide-in{0%{transform:translate(28px);opacity:.3}to{transform:none;opacity:1}}.drawer__head{display:flex;align-items:flex-start;gap:12px;padding:19px 21px;border-bottom:1px solid var(--border)}.drawer__head h3{flex:1;font-size:17px}.drawer__body{padding:21px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.drawer__foot{padding:15px 21px;border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;background:var(--surface-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;pointer-events:none}.modal__box{background:var(--surface);border-radius:var(--radius-lg);width:min(560px,100%);box-shadow:var(--shadow-lg);pointer-events:auto;max-height:90vh;display:flex;flex-direction:column;animation:pop .18s cubic-bezier(.2,.8,.3,1)}@keyframes pop{0%{transform:scale(.96) translateY(6px);opacity:.4}to{transform:none;opacity:1}}.modal__head{display:flex;align-items:center;gap:12px;padding:19px 21px;border-bottom:1px solid var(--border)}.modal__head h3{flex:1}.modal__body{padding:21px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.modal__foot{padding:15px 21px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.kv{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 14px;font-size:13.5px}.kv dt{color:var(--muted);font-size:12.5px}.kv dd{margin:0;color:var(--heading);font-weight:500}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700;margin-bottom:10px}.timeline{display:flex;flex-direction:column}.timeline__item{display:flex;gap:14px}.timeline__rail{display:flex;flex-direction:column;align-items:center;flex:none;width:24px}.timeline__dot{width:20px;height:20px;border-radius:50%;flex:none;border:2px solid var(--border-strong);background:#fff;display:grid;place-items:center;color:#fff;font-size:10px}.timeline__dot.is-done{background:var(--success);border-color:var(--success)}.timeline__dot.is-current{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}.timeline__line{width:2px;flex:1;background:var(--border);min-height:18px}.timeline__item:last-child .timeline__line{display:none}.timeline__content{padding-bottom:18px;min-width:0;flex:1}.timeline__title{font-weight:600;color:var(--heading);font-size:13.8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline__meta{font-size:12px;color:var(--muted);margin-top:2px}.step-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .16s,box-shadow .16s}.step-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.step-card.is-current{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.step-card__head{display:flex;align-items:center;gap:14px;padding:14px 17px;cursor:pointer;background:none;border:none;width:100%;text-align:left}.step-card__num{width:36px;height:36px;border-radius:12px;flex:none;background:linear-gradient(140deg,var(--bg-tint),var(--surface-sunken));color:var(--heading);display:grid;place-items:center;font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--border)}.step-card.is-current .step-card__num{background:linear-gradient(140deg,#f7809f,var(--brand));color:#fff;box-shadow:0 8px 18px -9px var(--brand-glow)}.step-card__title{flex:1;min-width:0}.step-card__title strong{display:block;font-size:13.8px;color:var(--heading)}.step-card__title span{font-size:12px;color:var(--muted)}.step-card__body{padding:0 17px 15px 67px;display:flex;flex-direction:column;gap:9px;animation:rise .18s ease}.activity{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;background:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--border)}.activity__text{flex:1;font-size:13px;color:var(--text);white-space:pre-line}.perm-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.perm-table th,.perm-table td{padding:11px 13px;border-bottom:1px solid var(--border)}.perm-table thead th{background:var(--surface-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);text-align:center;font-weight:700}.perm-table thead th:first-child{text-align:left}.perm-table tbody td{text-align:center}.perm-table tbody td:first-child{text-align:left;font-weight:600;color:var(--heading)}.perm-table tbody tr:hover{background:var(--bg-tint)}.perm-cell{display:inline-flex;gap:6px}.perm-toggle{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:3.5px 10px;font-size:11.5px;font-weight:700;cursor:pointer;color:var(--faint);min-width:36px;transition:all .16s}.perm-toggle:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.perm-toggle.is-on{background:var(--blue-soft);border-color:#bcd6ff;color:#1d4ed8}.perm-toggle.is-on.perm-toggle--update{background:var(--success-soft);border-color:#b2e7d3;color:#067a58}.perm-toggle:disabled{opacity:.4;cursor:not-allowed}.toasts{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;background:var(--heading);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:13.2px;max-width:390px;animation:rise .2s ease}.toast__dot{width:8px;height:8px;border-radius:50%;flex:none;background:#34d399;box-shadow:0 0 0 3px #34d39938}.toast--info .toast__dot{background:#60a5fa;box-shadow:0 0 0 3px #60a5fa38}.toast--warning .toast__dot{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2438}.entity-head{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-xs);background:radial-gradient(110% 150% at 100% 0%,#3b82f61f,#3b82f600 52%),radial-gradient(110% 150% at 0% 0%,#e94b8b1f,#e94b8b00 52%),var(--surface)}.entity-head__top{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.entity-head__logo{width:54px;height:54px;border-radius:16px;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;background:linear-gradient(140deg,#6d9dfb,#7c6cf0);box-shadow:0 10px 22px -12px #6d9dfbf2}.entity-head__id{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.05em}.entity-head__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.mini-stat{background:#ffffffb8;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.mini-stat__label{font-size:11.5px;color:var(--muted)}.mini-stat__value{font-size:18px;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:13px;transition:color .16s}.back-link:hover{color:var(--brand-strong)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.overdue-text{color:var(--danger);font-weight:600;display:inline-flex;align-items:center;gap:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-only{display:none}.demo-strip{display:none;background:var(--warning-soft);border-bottom:1px solid #f7e2bb;color:#8a5806;font-size:11px;font-weight:700;letter-spacing:.04em;padding:7px 12px;text-align:center}@media (min-width: 1025px){.shell{background:linear-gradient(to right,var(--surface) 0 calc(var(--sidebar-w) - 1px),var(--border) calc(var(--sidebar-w) - 1px) var(--sidebar-w),var(--bg) var(--sidebar-w))}}@media (max-width: 1180px){.grid--main{grid-template-columns:minmax(0,1fr)}.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .22s ease}.sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}.mobile-only{display:grid}.header__search{max-width:none}.grid--kpi,.entity-head__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.page{padding:16px}.grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}.user-menu__name,.role-switch label{display:none}.kv{grid-template-columns:minmax(0,1fr);gap:2px 0}.kv dd{margin-bottom:9px}.hero{padding:20px}table.data,table.data tbody,table.data tr,table.data td{display:block;width:100%}table.data thead{display:none}table.data tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:11px;padding:7px 4px;background:var(--surface)}table.data td{border:none;padding:7px 13px;display:flex;gap:12px;align-items:center}table.data td:before{content:attr(data-label);flex:none;width:116px;font-size:11px;color:var(--faint);font-weight:700;text-transform:uppercase}table.data td[data-label=""]:before{display:none}.cell-actions{justify-content:flex-start}}@media (max-width: 640px){.header{height:auto;padding:11px 13px;flex-wrap:wrap;row-gap:10px}.header__search{order:10;flex-basis:100%;max-width:none}.header .spacer{display:none}.role-switch{margin-left:auto}.role-switch select{max-width:152px}.demo-badge{display:none}.demo-strip{display:block}}@media (max-width: 560px){.grid--kpi,.entity-head__stats{grid-template-columns:minmax(0,1fr)}.page__head{flex-direction:column;align-items:stretch}.toasts{left:13px;right:13px;bottom:13px}.toast{max-width:none}}@media (max-width: 640px){.list__row{flex-wrap:wrap}.list__side{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap}}