:root{--bg: hsl(228 30% 7%);--bg-2: hsl(228 28% 10%);--surface: hsla(228 30% 16% / .55);--surface-solid: hsl(228 26% 13%);--border: hsla(var(--tint) / .12);--border-strong: hsla(var(--tint) / .22);--text: hsl(225 30% 94%);--muted: hsl(225 14% 62%);--primary: hsl(252 90% 67%);--primary-2: hsl(196 95% 58%);--grad: linear-gradient(135deg, var(--primary), var(--primary-2));--success: hsl(152 65% 50%);--warning: hsl(38 95% 60%);--danger: hsl(350 85% 63%);--radius: 14px;--shadow: 0 10px 40px -12px hsla(240 60% 2% / .7);--control-h: 40px;--control-h-sm: 32px;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa1b5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;--tint: 225 40% 70%;--well: 228 30% 6%;--sidebar-bg: hsla(228 30% 9% / .7);--table-bg: hsla(228 30% 8% / .35);--compose-bg: hsla(228 30% 10% / .4);--overlay: hsla(228 40% 3% / .65);--placeholder: hsl(225 12% 48%);--purple-text: hsl(280 90% 78%);--violet-text: hsl(252 90% 82%);--sky-text: hsl(196 95% 72%);--glow-a: .18;--glow-b: .12}:root[data-theme=light]{color-scheme:light;--bg: hsl(225 30% 97%);--bg-2: hsl(225 25% 94%);--surface: hsla(0 0% 100% / .85);--surface-solid: hsl(0 0% 100%);--border: hsla(225 30% 30% / .12);--border-strong: hsla(225 30% 30% / .22);--text: hsl(228 30% 14%);--muted: hsl(225 12% 42%);--primary: hsl(252 75% 58%);--primary-2: hsl(200 90% 38%);--success: hsl(152 65% 30%);--warning: hsl(32 90% 38%);--danger: hsl(350 70% 46%);--shadow: 0 10px 32px -14px hsla(228 40% 30% / .28);--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646b80' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--tint: 225 30% 35%;--well: 0 0% 100%;--sidebar-bg: hsla(0 0% 100% / .8);--table-bg: hsl(0 0% 100%);--compose-bg: hsl(225 30% 98%);--overlay: hsla(228 30% 20% / .35);--placeholder: hsl(225 10% 60%);--purple-text: hsl(280 60% 42%);--violet-text: hsl(252 60% 45%);--sky-text: hsl(200 85% 32%);--glow-a: .1;--glow-b: .08}:root[data-theme=light] .input,:root[data-theme=light] .seg,:root[data-theme=light] .hm-template{background-color:#fff}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#525c7a40}.login-wrap{position:relative}.login-tools{position:absolute;top:18px;right:18px;z-index:2;display:flex;gap:4px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(900px 500px at 10% -10%,hsla(252 90% 60% / var(--glow-a)),transparent 60%),radial-gradient(800px 500px at 110% 10%,hsla(196 95% 55% / var(--glow-b)),transparent 60%),var(--bg);background-attachment:fixed;font-size:14px}h1,h2,h3{font-family:Outfit,sans-serif;margin:0;letter-spacing:-.01em}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7a8ab833;border-radius:10px}.shell{display:grid;grid-template-columns:284px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px 14px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 8px;flex-shrink:0}.brand-logo{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-weight:700;font-family:Outfit;color:#fff;box-shadow:0 6px 24px -6px var(--primary)}.brand h2{font-size:19px}.brand small{color:var(--muted);font-size:11px;display:block}.nav-scroll{flex:1;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px 8px;display:flex;flex-direction:column;gap:2px}.nav-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:14px 12px 6px}.nav-label:first-child{padding-top:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;min-width:0;color:var(--muted);font-weight:500;transition:background .15s,color .15s;position:relative}.nav-item:hover{color:var(--text);background:hsla(var(--tint) / .06)}.nav-item.active{color:var(--text);background:#7d5ff724}.nav-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad)}.nav-icon{font-size:18px;flex-shrink:0;opacity:.85}.nav-item.active .nav-icon{color:var(--primary-2);opacity:1}.nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-parent{padding:0}.nav-parent .nav-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:9px 2px 9px 12px;color:inherit}.nav-toggle{display:grid;place-items:center;width:26px;height:28px;margin-right:2px;border:none;border-radius:8px;background:none;color:var(--muted);cursor:pointer;font-size:15px;flex-shrink:0}.nav-toggle:hover{background:hsla(var(--tint) / .1);color:var(--text)}.nav-toggle .icon{transition:transform .2s}.nav-group.open .nav-toggle .icon{transform:rotate(90deg)}.nav-sub{margin:2px 0 6px 21px;border-left:1px solid var(--border);padding-left:8px;display:flex;flex-direction:column;gap:1px}.nav-sub .nav-item{padding:7px 10px;font-size:13px}.nav-sub .nav-item.active{background:hsla(var(--tint) / .09)}.nav-sub .nav-item.active:before{left:-9px;top:6px;bottom:6px;width:2px}.sidebar-foot{flex-shrink:0;padding:10px 10px 10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;gap:10px}.foot-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}.sidebar-foot .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .icon-btn{padding:6px}.icon-btn{font-size:17px;padding:7px;color:var(--muted)}.icon-btn:hover{color:var(--text)}.icon{display:block}.main{padding:28px 36px 48px;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:24px;flex-wrap:wrap}.page-head>:first-child{flex:1 1 380px;min-width:0}.page-head>.row{flex-wrap:wrap;justify-content:flex-end}.page-head>.row .input{width:auto}.page-head h1{font-size:28px}.page-head p{color:var(--muted);margin:6px 0 0;max-width:720px}.crumb{color:var(--primary-2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:20px;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grid{display:grid;gap:16px}.grid>*{min-width:0}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:20px}.stat{position:relative;overflow:hidden}.stat .label{color:var(--muted);font-size:12px;font-weight:500}.stat .value{font-family:Outfit;font-size:30px;font-weight:600;margin-top:6px}.stat:after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:var(--accent, var(--primary));opacity:.15;filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:hsla(var(--tint) / .06);color:var(--text);padding:9px 16px;border-radius:10px;font:600 13px Inter;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:hover:not(:disabled){background:hsla(var(--tint) / .12);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px var(--primary)}.btn-primary:hover:not(:disabled){background:var(--grad);filter:brightness(1.1);box-shadow:0 10px 28px -8px var(--primary)}.btn-danger{color:var(--danger);border-color:#f1506b59}.btn-sm{padding:6px 10px;font-size:12px;border-radius:8px}.btn-ghost{background:transparent;border-color:transparent}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted);font-weight:500}.input,select.input,textarea.input{background:hsla(var(--well) / .6);border:1px solid var(--border-strong);color:var(--text);padding:10px 12px;border-radius:10px;font:14px Inter;outline:none;transition:border .2s,box-shadow .2s;width:100%}input.input,select.input,.ms-btn{height:var(--control-h)}.input:hover:not(:disabled):not(:focus){border-color:hsla(var(--tint) / .34)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7d5ff733}.input:disabled{opacity:.6;cursor:not-allowed}.input::placeholder{color:var(--placeholder)}select.input,.ms-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;text-overflow:ellipsis;white-space:nowrap;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select.input option,select.input optgroup{background:var(--surface-solid);color:var(--text)}select.input optgroup{color:var(--muted);font-style:normal}input[type=date].input{cursor:pointer}input[type=date].input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer;margin:0;vertical-align:middle}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar .input{width:auto;min-width:160px}.toolbar .grow{flex:1;min-width:220px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-toggle{padding:8px 14px;border-radius:30px;border:1px solid var(--border-strong);cursor:pointer;color:var(--muted);font-weight:500;transition:all .2s;-webkit-user-select:none;user-select:none;background:transparent;font-size:13px}.chip-toggle.on{color:var(--text);background:#7d5ff733;border-color:var(--primary)}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--border);max-height:calc(100vh - 300px);background:var(--table-bg)}table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}td{font-size:13px;line-height:1.4}th{position:sticky;top:0;z-index:2;background:var(--surface-solid);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding-top:12px;padding-bottom:12px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:hsla(var(--tint) / .045)}tbody tr.selected{background:#7d5ff71a}th:first-child,td:first-child{padding-left:16px}td.col-company{min-width:220px;max-width:300px;white-space:normal;font-weight:500}td.col-wrap{min-width:180px;max-width:260px;white-space:normal}td.col-tags{min-width:200px;max-width:280px;white-space:normal}td.col-tags .tag{margin:2px 4px 2px 0}td.col-check,th.col-check{width:44px;padding-right:0}.cell-link{color:var(--primary-2);font-weight:600}.cell-link:hover{text-decoration:underline}.cell-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.empty{text-align:center;padding:48px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:hsla(var(--tint) / .1)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.pending{color:var(--warning);background:#fab3381f}.badge.progress{color:var(--primary-2);background:#2ec3fa1f}.badge.done,.badge.active{color:var(--success);background:#2dd2851f}.badge.leave{color:var(--danger);background:#f1506b1f}.badge.admin{color:var(--purple-text);background:#c96ef724}.tag{display:inline-block;padding:3px 9px;margin:2px;border-radius:6px;font-size:11px;background:#7d5ff724;color:var(--violet-text)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;flex-shrink:0}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;animation:fade .2s;padding:20px}@keyframes fade{0%{opacity:0}}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:18px;padding:24px;box-shadow:var(--shadow);animation:rise .25s}.modal.wide{width:min(820px,100%)}.modal h3{font-size:20px;margin-bottom:18px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1 / -1}.dropzone{border:2px dashed var(--border-strong);border-radius:16px;padding:44px;text-align:center;cursor:pointer;transition:all .25s;background:hsla(var(--well) / .35)}.dropzone:hover,.dropzone.drag{border-color:var(--primary);background:#7d5ff714}.dropzone .icon{font-size:40px;margin-bottom:10px}.steps{display:flex;gap:8px;margin-bottom:20px}.step{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border);color:var(--muted);font-weight:500;font-size:13px}.step.on{border-color:var(--primary);color:var(--text);background:#7d5ff71a}.step b{margin-right:6px}.toasts{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{padding:12px 16px;border-radius:12px;background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:rise .25s;min-width:260px;border-left:3px solid var(--success)}.toast.error{border-left-color:var(--danger)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-hero{padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-hero h1{font-size:46px;line-height:1.1;margin:20px 0 14px}.login-hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-hero .orb{position:absolute;width:420px;height:420px;border-radius:50%;background:var(--grad);filter:blur(120px);opacity:.25;right:-100px;bottom:-100px;animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translate(-40px,-30px)}}.module-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:480px}.module-list div{padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-weight:500}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(400px,100%)}.error-box{padding:10px 12px;border-radius:10px;background:#f1506b1f;color:var(--danger);font-size:13px}@media (max-width: 900px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.main{padding:20px}.form-grid{grid-template-columns:1fr}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:10px 16px;border:none;background:none;color:var(--muted);font:600 13px Inter;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:8px;align-items:center}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--primary)}.count{font-size:11px;padding:1px 8px;border-radius:20px;background:hsla(var(--tint) / .12)}.tab.on .count{background:var(--grad);color:#fff}.seg{display:inline-flex;padding:4px;border-radius:12px;background:hsla(var(--well) / .6);border:1px solid var(--border);gap:4px}.seg button{border:none;background:none;color:var(--muted);padding:8px 14px;border-radius:9px;font:600 13px Inter;cursor:pointer;display:flex;gap:8px;align-items:center}.seg button.on{background:#7d5ff733;color:var(--text)}.ms{position:relative;min-width:190px}.ms-btn{display:block;width:100%;text-align:left;overflow:hidden;max-width:260px}.ms-btn.open{border-color:var(--primary);box-shadow:0 0 0 3px #7d5ff733}.ms-empty{color:var(--muted)}.ms-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:240px;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:12px;padding:6px;box-shadow:var(--shadow);max-height:300px;overflow:auto;animation:rise .15s}.ms-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.ms-head button{border:none;background:none;color:var(--primary-2);font:600 12px Inter;cursor:pointer;padding:2px 4px}.ms-opt{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.ms-opt:hover{background:hsla(var(--tint) / .08)}.ms-opt.on{color:var(--text);background:#7d5ff71a}select.cell-select,.cell-input,.table-wrap .ms-btn{height:var(--control-h-sm);padding-top:0;padding-bottom:0;font-size:13px;border-radius:8px}select.cell-select{width:auto;min-width:150px;padding-left:10px;padding-right:30px;background-position:right 9px center;background-size:14px}.table-wrap .ms-btn{padding-left:10px;padding-right:30px;background-position:right 9px center;background-size:14px;line-height:var(--control-h-sm)}.badge.new{color:var(--sky-text);background:#2ec3fa1f}.badge.resub{color:var(--purple-text);background:#c96ef724}.table-wrap td{overflow:visible}.table-wrap{overflow:auto}.sys-badge{font-family:Outfit;font-weight:700;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.gloss{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gloss .card b{font-family:Outfit;font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.chip-group{margin-bottom:8px}.chip-group small{display:block;color:var(--muted);margin:6px 0;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.remarks{border:1px solid var(--border);border-radius:12px;overflow:hidden}.remarks-list{max-height:280px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.remarks-empty{font-size:13px;padding:6px 2px}.remark{padding:10px 12px;border-radius:10px;background:hsla(var(--tint) / .07);border:1px solid var(--border);max-width:92%}.remark.mine{align-self:flex-end;background:#7d5ff71a;border-color:#7d5ff740}.remark-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-bottom:4px}.remark-head .badge{padding:1px 8px;font-size:11px}.remark-time{margin-left:auto;font-size:11px}.remark-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.remark-compose{border-top:1px solid var(--border);padding:12px;display:grid;gap:8px;background:var(--compose-bg)}.remark-compose textarea{resize:vertical;min-height:64px}.remark-count{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 7px;border-radius:6px;background:#2ec3fa1f;color:var(--sky-text);white-space:nowrap}.nav-count{margin-left:auto;flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;line-height:20px;text-align:center;background:var(--grad);color:#fff}th.th-manual{background:linear-gradient(#2ec3fa1f,#2ec3fa1f),var(--surface-solid);color:var(--sky-text)}.cell-input{padding:6px 10px;font-size:13px;min-width:150px}.cell-note{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}.cell-note.warn{color:var(--warning)}.req{color:var(--danger)}.hold-box{padding:10px 12px;border-radius:10px;margin-bottom:14px;font-size:13px;background:#fab3381f;color:var(--warning)}.modal table{width:100%;min-width:0}.modal td{white-space:normal}.hm-box{padding:14px;border-radius:12px;border:1px solid hsla(196 95% 58% / .25);background:#2ec3fa0d}.hm-template{margin:0;padding:12px;border-radius:10px;background:hsla(var(--well) / .6);border:1px solid var(--border);white-space:pre-wrap;font:13px/1.5 Inter,sans-serif;color:var(--text);max-height:240px;overflow:auto}textarea.mono{font-size:13px;line-height:1.5;resize:vertical}.esc-box{padding:14px;border-radius:12px;border:1px solid hsla(280 90% 70% / .28);background:#c96ef70d}.esc-report{padding:14px 14px 4px;border-radius:12px;border:1px solid hsla(280 90% 70% / .28);background:#c96ef70d}.esc-report-h{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--purple-text);margin-bottom:12px}.esc-report-h .muted{text-transform:none;letter-spacing:0;font-weight:500}.esc-box-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--purple-text);margin-bottom:10px}.nav-count.warn{background:linear-gradient(135deg,#f9a91f,#fa722e)}.cell-note.ok,.hold-box.ok{color:var(--success)}.hold-box.ok{background:#2dd2851a}.modal.xl{width:min(1280px,100%);display:flex;flex-direction:column;overflow:hidden;padding-bottom:18px}.modal.xl>h3{flex-shrink:0}.modal.xl>.detail-split{flex:1;min-height:0}.modal.xl>.modal-foot{flex-shrink:0;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.detail-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:24px}.detail-main,.detail-side{min-height:0;max-height:calc(90vh - 150px);overflow-y:auto}.detail-main{padding-right:6px}.detail-side{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid var(--border)}.detail-side .remarks{flex:1;min-height:0;display:flex;flex-direction:column}.detail-side .remarks-list{flex:1;max-height:none;min-height:160px}.detail-h{font-size:15px;margin:20px 0 10px}.kv-table{max-height:280px}.kv-table td:first-child{width:38%}.kv-table td{white-space:normal}.activity-row{padding:8px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px}.activity-row b{color:var(--text);text-transform:capitalize}@media (max-width: 980px){.modal.xl{overflow:auto;display:block}.detail-split{grid-template-columns:1fr}.detail-main,.detail-side{max-height:none;overflow:visible}.detail-side{padding-left:0;border-left:none}.detail-side .remarks-list{max-height:320px}}.section-h{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-family:Inter}.team-table{width:100%}.team-table th,.team-table td{padding-left:10px;padding-right:10px}.team-table td{vertical-align:top;padding-top:12px;padding-bottom:12px;white-space:normal}.team-table .cell-note{white-space:normal}.team-table .avatar{width:30px;height:30px;font-size:12px}.team-bus{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.team-bus .tag{margin:0;font-size:10px;padding:2px 7px}.load-bar{width:110px;height:6px;border-radius:6px;background:hsla(var(--tint) / .14);overflow:hidden;margin-top:6px}.load-bar span{display:block;height:100%;border-radius:6px;background:var(--grad)}.num-warn{color:var(--warning)}.num-danger{color:var(--danger)}.num-ok{color:var(--success)}.select-bar{padding:10px 14px;margin-bottom:12px;background:#7d5ff71a}.nav-soon{margin-left:auto;font-size:10px;font-weight:600;padding:1px 7px;border-radius:6px;background:hsla(var(--tint) / .12);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.soon{display:grid;justify-items:center;text-align:center;gap:10px;padding:64px 24px}.soon h3{font-size:20px}.soon p{max-width:520px;margin:0;line-height:1.55}.soon-badge{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--grad);color:#fff}.tm-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-strong);cursor:pointer;font-size:14px;color:var(--text)}.tm-check:has(input:checked){border-color:var(--danger);background:#f1506b14}.fieldset-plain{border:0;padding:0;margin:0;min-width:0}.mgr-section{margin-top:16px;padding:14px;border-radius:12px;border:1px solid var(--primary);background:#7d5ff70f}.lang-btn{font-weight:700;font-size:13px;min-width:32px;justify-content:center;font-family:IBM Plex Sans Arabic,Inter,sans-serif}[dir=rtl] body,[dir=rtl] .btn,[dir=rtl] .input,[dir=rtl] .tab,[dir=rtl] .seg button,[dir=rtl] .ms-head button{font-family:IBM Plex Sans Arabic,Inter,system-ui,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:IBM Plex Sans Arabic,Outfit,sans-serif;letter-spacing:0}[dir=rtl] .nav-label,[dir=rtl] th,[dir=rtl] .crumb,[dir=rtl] .section-h,[dir=rtl] .esc-report-h,[dir=rtl] .soon-badge,[dir=rtl] .nav-soon{letter-spacing:0;text-transform:none}[dir=rtl] .login-tools{right:auto;left:18px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .nav-item.active:before{left:auto;right:-14px}[dir=rtl] .nav-toggle{margin-right:0;margin-left:2px}[dir=rtl] .nav-toggle .icon{transform:scaleX(-1)}[dir=rtl] .nav-group.open .nav-toggle .icon{transform:rotate(90deg)}[dir=rtl] .nav-parent .nav-link{padding:9px 12px 9px 2px}[dir=rtl] .nav-sub{margin:2px 21px 6px 0;border-left:none;border-right:1px solid var(--border);padding-left:0;padding-right:8px}[dir=rtl] .nav-sub .nav-item.active:before{left:auto;right:-9px}[dir=rtl] .stat:after{right:auto;left:-30px}[dir=rtl] select.input,[dir=rtl] .ms-btn{padding-right:12px;padding-left:36px;background-position:left 12px center}[dir=rtl] select.cell-select,[dir=rtl] .table-wrap .ms-btn{padding-right:10px;padding-left:30px;background-position:left 9px center}[dir=rtl] th,[dir=rtl] td,[dir=rtl] .ms-btn{text-align:right}[dir=rtl] th:first-child,[dir=rtl] td:first-child{padding-left:14px;padding-right:16px}[dir=rtl] td.col-check,[dir=rtl] th.col-check{padding-right:16px;padding-left:0}[dir=rtl] .step b{margin-right:0;margin-left:6px}[dir=rtl] .toasts{right:auto;left:24px}[dir=rtl] .toast{border-left:1px solid var(--border-strong);border-right:3px solid var(--success)}[dir=rtl] .toast.error{border-right-color:var(--danger)}[dir=rtl] .login-hero .orb{right:auto;left:-100px}[dir=rtl] .ms-pop{left:auto;right:0}[dir=rtl] .remark-time,[dir=rtl] .nav-count,[dir=rtl] .nav-soon{margin-left:0;margin-right:auto}[dir=rtl] .detail-main{padding-right:0;padding-left:6px}[dir=rtl] .detail-side{padding-left:0;padding-right:24px;border-left:none;border-right:1px solid var(--border)}[dir=rtl] [style*="margin-right: auto"]{margin-right:0!important;margin-left:auto!important}[dir=rtl] [style*="margin-left: auto"]{margin-left:0!important;margin-right:auto!important}[dir=rtl] input[type=email],[dir=rtl] input[type=date],[dir=rtl] .mono{direction:ltr;text-align:right}@media (max-width: 980px){[dir=rtl] .detail-side{padding-right:0;border-right:none}}.grid-upload{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.grid-upload,.grid-2{grid-template-columns:minmax(0,1fr)}}.topbar,.nav-backdrop,.sidebar-close{display:none}.modal-foot{flex-wrap:wrap;align-items:center}.modal-foot>span{min-width:0}.select-bar,.row.card{flex-wrap:wrap}html,body{overflow-x:hidden}img,svg,video{max-width:100%}@media (max-width: 1180px){.shell{grid-template-columns:248px 1fr}.main{padding:24px 24px 40px}}@media (max-width: 900px){.shell{display:block}.topbar{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:40;height:58px;padding:0 12px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.topbar-menu{font-size:22px;padding:8px}.topbar-brand{padding:0}.topbar-brand .brand-logo{width:32px;height:32px}.topbar-brand h2{font-size:17px}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(300px,86vw);height:100vh;height:100dvh;background:var(--surface-solid);box-shadow:var(--shadow);transform:translate(-105%);transition:transform .25s ease}.nav-open .sidebar{transform:none}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .25s}.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar-close{display:grid;place-items:center;position:absolute;top:16px;right:10px;font-size:20px;z-index:1}.sidebar .brand{padding-right:44px}body.nav-locked{overflow:hidden}.main{padding:18px 16px 32px}.page-head{margin-bottom:18px}.page-head h1{font-size:24px}.toasts{left:12px;right:12px;bottom:12px}.toast{min-width:0}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(105%);border-left:none}[dir=rtl] .nav-open .sidebar{transform:none}[dir=rtl] .sidebar-close{right:auto;left:10px}[dir=rtl] .sidebar .brand{padding-right:10px;padding-left:44px}[dir=rtl] .toasts{left:12px;right:12px}}@media (max-width: 640px){.main{padding:14px 12px 28px}.page-head h1{font-size:22px}.page-head p{font-size:13px}.page-head>.row{width:100%;justify-content:flex-start}.page-head>.row>.btn,.page-head>.row>select.input,.page-head>.row>a.btn{flex:1 1 auto}.card{padding:14px;border-radius:12px}.grid.stats,.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat .value{font-size:24px}.toolbar{gap:8px}.toolbar .input,.toolbar .grow,.toolbar .ms{flex:1 1 100%;width:100%;min-width:0}.toolbar .ms-btn{max-width:none}.toolbar .btn{flex:1 1 auto}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:10px 12px;flex-shrink:0}.seg{max-width:100%;overflow-x:auto}.seg button{white-space:nowrap;padding:8px 10px}th,td{padding:9px 10px}th:first-child,td:first-child{padding-left:12px}.table-wrap{max-height:70vh}td.col-company{min-width:170px}.overlay{padding:0;place-items:stretch}.modal,.modal.wide,.modal.xl{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;padding:16px 14px}.modal{display:flex;flex-direction:column}.modal h3{font-size:18px;margin-bottom:14px;padding-right:8px}.modal-foot{position:sticky;bottom:-16px;margin:16px -14px -16px;padding:12px 14px;background:var(--surface-solid);border-top:1px solid var(--border);gap:8px}.modal-foot>span{flex:1 1 100%;order:-1;margin:0!important}.modal-foot>.btn{flex:1 1 auto}.modal.xl>.modal-foot{margin:12px 0 0;padding:12px 0 0;position:static}.modal.xl{overflow:auto}.form-grid{gap:12px}.esc-report,.esc-box,.hm-box,.mgr-section{padding:12px}.detail-h{font-size:14px}.kv-table td:first-child{width:42%}.login-panel{padding:20px 14px}.login-card{padding:20px 16px}.login-tools{top:10px;right:10px}[dir=rtl] .login-tools{right:auto;left:10px}[dir=rtl] th:first-child,[dir=rtl] td:first-child{padding-left:10px;padding-right:12px}[dir=rtl] .modal h3{padding-right:0;padding-left:8px}}@media (max-width: 380px){.grid.stats,.stats{grid-template-columns:1fr 1fr}.stat .label{font-size:11px}.brand small{display:none}}.modal{position:relative}.modal>h3{padding-right:40px}.modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:none;z-index:2;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}.modal-x:hover{background:hsla(var(--tint) / .1);color:var(--text)}[dir=rtl] .modal>h3{padding-right:0;padding-left:40px}[dir=rtl] .modal-x{right:auto;left:14px}@media (max-width: 640px){.modal-x{top:10px;right:8px}[dir=rtl] .modal-x{left:8px}}.ms-pop.ms-floating{position:fixed;top:auto;left:auto;z-index:1000;min-width:0;max-height:min(360px,60vh)}[dir=rtl] .ms-pop.ms-floating{right:auto}