*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Kufi Arabic,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:IBM Plex Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#0d1117;--panel:#151b23;--panel-2:#1b232d;--line:#232d38;--line-2:#2e3a47;--ink:#e8edf2;--ink-2:#9aa7b4;--ink-3:#5f6d7a;--brand:#00c2a8;--brand-2:#00e0c2;--brand-ink:#04302a;--gold:#f2b134;--danger:#ff5d6c;--violet:#8b7cf6;--blue:#4c9aff;--radius:16px;--radius-sm:11px;--shadow:0 12px 40px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Noto Kufi Arabic,IBM Plex Mono,sans-serif;background:radial-gradient(1100px 620px at 88% -8%,rgba(0,194,168,.1),transparent 60%),radial-gradient(900px 520px at 4% 108%,rgba(139,124,246,.09),transparent 55%),var(--bg);color:var(--ink);line-height:1.75;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.ltr{direction:ltr;line-height:1.55;letter-spacing:0}.num,.mono{font-family:IBM Plex Mono,monospace;letter-spacing:0;font-feature-settings:"tnum"}.grotesk{font-family:Space Grotesk,sans-serif}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px}.login-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:60}.login-card{width:100%;max-width:400px;background:linear-gradient(180deg,var(--panel),#111820);border:1px solid var(--line);border-radius:22px;padding:38px 34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(400px 200px at 80% 0%,rgba(0,224,194,.14),transparent 60%);pointer-events:none}.logo{display:flex;align-items:center;gap:11px;margin-bottom:6px}.logo-mark{width:42px;height:42px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:var(--brand-ink);display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:0 6px 18px #00c2a866}.logo-txt b{font-size:19px;font-weight:700;display:block}.logo-txt span{font-size:11.5px;color:var(--ink-2);letter-spacing:.5px}.login-tag{color:var(--ink-2);font-size:13.5px;margin:16px 0 26px}.field{margin-bottom:16px;position:relative;z-index:1}.field label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:7px;font-weight:500}.inp{width:100%;background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);border-radius:11px;padding:13px 14px;font-size:14.5px;transition:.18s}.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #00c2a824}.btn{width:100%;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:var(--brand-ink);border-radius:12px;padding:14px;font-size:15px;font-weight:700;transition:.18s;box-shadow:0 8px 22px #00c2a857}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-hint{margin-top:20px;font-size:11.5px;color:var(--ink-3);text-align:center;line-height:1.9}.form-err{color:var(--danger);font-size:12.5px;margin-top:-6px;margin-bottom:12px}.form-ok{color:var(--brand-2);font-size:12.5px;margin-top:-6px;margin-bottom:12px}.shell{display:grid;grid-template-columns:262px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--panel),#10161d);border-inline-end:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 20px;border-bottom:1px solid var(--line)}.side-logo .logo-mark{width:36px;height:36px;font-size:19px;border-radius:10px}.side-logo b{font-size:16px}.side-logo span{font-size:10.5px}.nav{margin-top:16px;display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;color:var(--ink-2);font-size:14px;font-weight:500;transition:.16s;position:relative;cursor:pointer}.nav-item svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:linear-gradient(100deg,#00c2a829,#00c2a80a);color:var(--brand-2)}.nav-item.active:before{content:"";position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:3px;border-radius:9px;background:var(--brand-2)}.side-foot{border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.side-user{display:flex;align-items:center;gap:11px;padding:8px}.avatar{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--violet),#6455d6);color:#fff}.side-user .nm{font-size:13px;font-weight:600}.side-user .em{font-size:11px;color:var(--ink-3)}.main{padding:24px 30px 60px;max-width:1240px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.page-title h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.page-title p{color:var(--ink-2);font-size:13.5px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.lang-toggle{display:flex;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:3px;gap:2px}.lang-toggle button{padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.lang-toggle button.on{background:var(--brand);color:var(--brand-ink)}.pill-btn{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--ink);transition:.16s}.pill-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.pill-btn:hover{border-color:var(--brand);color:var(--brand-2)}.pill-btn.primary{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:var(--brand-ink);border:none;box-shadow:0 6px 16px #00c2a84d}.pill-btn:disabled{opacity:.6;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;position:relative;overflow:hidden}.kpi .k-lbl{font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}.kpi .k-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.kpi .k-val{font-size:30px;font-weight:700;margin-top:10px;letter-spacing:-.02em}.kpi .k-delta{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-block;margin-top:8px}.up{background:#00c2a824;color:var(--brand-2)}.down{background:#ff5d6c24;color:var(--danger)}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-h h3{font-size:15.5px;font-weight:700}.panel-h .lnk{font-size:12.5px;color:var(--brand-2);font-weight:600;cursor:pointer}.brk{display:flex;flex-direction:column;gap:13px}.brk-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;font-size:13px}.brk-track{height:9px;border-radius:9px;background:var(--panel-2);overflow:hidden}.brk-fill{height:100%;border-radius:9px}.brk-val{text-align:end;color:var(--ink-2);font-weight:600}.spark{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:8px}.spark-bar{flex:1;background:linear-gradient(180deg,var(--brand-2),rgba(0,194,168,.25));border-radius:6px 6px 3px 3px;min-height:6px;transition:.2s}.spark-bar:hover{filter:brightness(1.15)}.spark-lbls{display:flex;gap:6px;margin-top:9px}.spark-lbls span{flex:1;text-align:center;font-size:10.5px;color:var(--ink-3)}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search{flex:1;min-width:200px;position:relative}.search svg{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--ink-3);fill:none;stroke-width:1.8}.search input{width:100%;padding-inline-start:38px}.sel{background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);border-radius:11px;padding:12px 14px;font-size:13.5px}.tbl-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{text-align:start;font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.4px;padding:14px 18px;background:var(--panel-2);border-bottom:1px solid var(--line)}tbody td{padding:15px 18px;font-size:13.5px;border-bottom:1px solid var(--line)}tbody tr{transition:.14s}tbody tr:hover{background:var(--panel-2)}tbody tr:last-child td{border-bottom:none}.tbl-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:12.5px;color:var(--ink-2)}.pager{display:flex;gap:6px}.pager button{width:32px;height:32px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink-2);font-size:13px}.pager button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-2)}.pager button:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:20px}.badge .bd{width:7px;height:7px;border-radius:50%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-sec{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.form-sec-h{display:flex;align-items:center;gap:11px;margin-bottom:18px}.form-sec-h .ic{width:34px;height:34px;border-radius:10px;background:#00c2a81f;display:grid;place-items:center;flex:none}.form-sec-h .ic svg{width:18px;height:18px;stroke:var(--brand-2);fill:none;stroke-width:1.8}.form-sec-h b{font-size:15px}.form-sec-h span{font-size:11.5px;color:var(--ink-3);display:block}.fg label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:7px;font-weight:500}.fg.full{grid-column:1/-1}.fg label .req{color:var(--danger)}.toast{position:fixed;bottom:26px;inset-inline-start:50%;transform:translate(-50%) translateY(120px);background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;padding:13px 20px;font-size:13.5px;box-shadow:var(--shadow);z-index:80;transition:.35s;display:flex;align-items:center;gap:10px}.toast[data-open=true]{transform:translate(-50%) translateY(0)}.toast.err{border-color:var(--danger)}.toast .ic{color:var(--brand-2)}.toast.err .ic{color:var(--danger)}.menu-btn{display:none;width:40px;height:40px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line-2);place-items:center}.menu-btn svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8}.nav-grp{font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;font-weight:600;padding:16px 13px 6px}.login-back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);margin-bottom:18px;position:relative;z-index:1;cursor:pointer}.login-back:hover{color:var(--brand-2)}.login-back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.tabs{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:20px;width:-moz-fit-content;width:fit-content;flex-wrap:wrap}.tab{padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.15s}.tab.on{background:var(--brand);color:var(--brand-ink)}.tab:hover:not(.on){color:var(--ink)}.role{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:20px}.role .rd{width:7px;height:7px;border-radius:50%}.r-owner{background:#f2b13424;color:var(--gold)}.r-admin{background:#00c2a824;color:var(--brand-2)}.r-operator{background:#4c9aff24;color:var(--blue)}.r-viewer{background:#8b7cf624;color:var(--violet)}.u-avatar{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff}.u-cell{display:flex;align-items:center;gap:11px}.u-cell .un{font-size:13.5px;font-weight:600;display:block}.u-cell .ue{font-size:11px;color:var(--ink-3);font-family:IBM Plex Mono}.status-dot{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.status-dot .d{width:7px;height:7px;border-radius:50%}.act-cell{display:flex;gap:6px}.icon-btn{width:32px;height:32px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);transition:.15s}.icon-btn:hover{border-color:var(--brand);color:var(--brand-2)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.icon-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.role-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;border-top:3px solid var(--rc,var(--brand))}.role-card h4{font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.role-card .rcount{font-size:11.5px;color:var(--ink-3);margin-bottom:14px}.role-card ul{list-style:none;display:flex;flex-direction:column;gap:9px}.role-card li{font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:9px}.role-card li svg{width:15px;height:15px;flex:none;stroke-width:2;fill:none}.perm-yes{stroke:var(--brand-2)}.perm-no{stroke:var(--ink-3);opacity:.5}.log{position:relative;padding-inline-start:26px}.log:before{content:"";position:absolute;inset-inline-start:6px;top:8px;bottom:8px;width:2px;background:var(--line)}.log-item{position:relative;padding-bottom:20px}.log-item:last-child{padding-bottom:0}.log-item .ld{position:absolute;inset-inline-start:-26px;top:2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--panel);display:grid;place-items:center}.log-item .ld svg{width:8px;height:8px;stroke:#fff;fill:none;stroke-width:2.5}.log-item .lt-main{font-size:13.5px}.log-item .lt-meta{font-size:11.5px;color:var(--ink-3);margin-top:3px;display:flex;gap:12px;flex-wrap:wrap}.logo-upload{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.logo-box{width:88px;height:88px;border-radius:18px;flex:none;display:grid;place-items:center;font-weight:800;font-size:34px;color:#fff;background:linear-gradient(135deg,var(--violet),#6455d6);overflow:hidden}.logo-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.logo-actions b{font-size:15px;display:block;margin-bottom:4px}.logo-actions p{font-size:12px;color:var(--ink-3);margin-bottom:12px}.logo-btns{display:flex;gap:9px}.ghost-btn{padding:9px 15px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line-2);font-size:12.5px;font-weight:600;color:var(--ink);transition:.15s}.ghost-btn:hover{border-color:var(--brand);color:var(--brand-2)}.ghost-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.dlg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}.dlg{position:fixed;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);background:linear-gradient(180deg,var(--panel),#111820);border:1px solid var(--line-2);border-radius:18px;padding:26px;z-index:91;box-shadow:var(--shadow)}.dlg h3{font-size:18px;font-weight:700;margin-bottom:6px}.dlg .sub{font-size:12.5px;color:var(--ink-3);margin-bottom:18px}.dlg-actions{display:flex;gap:10px;margin-top:22px}.dlg-actions .btn{width:auto;flex:1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.center-load{display:grid;place-items:center;min-height:60vh;color:var(--ink-3);gap:12px}.cust-search{position:relative;margin-bottom:18px}.cust-search .cs-inp{padding-inline-start:40px;padding-inline-end:110px}.cust-search .cs-ico{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--ink-3);fill:none;stroke-width:1.8;pointer-events:none}.cs-new{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);padding:7px 12px;border-radius:9px;background:#00c2a81f;color:var(--brand-2);font-size:12px;font-weight:600;white-space:nowrap}.cs-new:hover{background:#00c2a833}.cs-drop{position:absolute;top:calc(100% + 6px);inset-inline:0;background:var(--panel-2);border:1px solid var(--line-2);border-radius:13px;box-shadow:var(--shadow);z-index:30;max-height:280px;overflow-y:auto;padding:6px;display:none}.cs-drop.open{display:block}.cs-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;transition:.13s}.cs-item:hover{background:var(--panel)}.cs-item .ca{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff;background:linear-gradient(135deg,var(--blue),#2f7ce0)}.cs-item .cn{font-size:13.5px;font-weight:600;display:block}.cs-item .cp{font-size:11.5px;color:var(--ink-3);font-family:IBM Plex Mono;direction:ltr}.cs-empty{padding:18px 12px;text-align:center;font-size:12.5px;color:var(--ink-3)}.cs-empty button{margin-top:10px;color:var(--brand-2);font-weight:600;font-size:12.5px}.cust-chip{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#00c2a812;border:1px solid rgba(0,194,168,.3);border-radius:13px;margin-bottom:18px}.cust-chip .ca{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#2f7ce0)}.cust-chip .cn{font-size:14px;font-weight:600;display:block}.cust-chip .cp{font-size:11.5px;color:var(--ink-3);font-family:IBM Plex Mono;direction:ltr}.cust-chip .clear{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;background:var(--panel-2);color:var(--ink-2);display:grid;place-items:center;font-size:16px}.cust-chip .clear:hover{color:var(--danger)}.item-row{display:grid;grid-template-columns:1.4fr .5fr .7fr .7fr 34px;gap:10px;align-items:end;margin-bottom:10px;padding:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.item-row .lt{font-family:IBM Plex Mono,monospace;color:var(--brand-2);font-weight:600;align-self:center;text-align:center;font-size:13px}.rm-btn{width:34px;height:40px;border-radius:9px;background:#ff5d6c1a;color:var(--danger);display:grid;place-items:center;font-size:18px}.rm-btn:hover{background:#ff5d6c33}.rm-btn:disabled{opacity:.4;cursor:not-allowed}.add-item{width:100%;padding:12px;border:1.5px dashed var(--line-2);border-radius:11px;color:var(--brand-2);font-weight:600;font-size:13.5px;transition:.16s}.add-item:hover{border-color:var(--brand);background:#00c2a80d}.pay-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pay-opt{padding:15px;border:1.5px solid var(--line-2);border-radius:12px;cursor:pointer;transition:.16s;text-align:center}.pay-opt.on{border-color:var(--brand);background:#00c2a814}.pay-opt.disabled{opacity:.45;cursor:not-allowed}.pay-opt b{font-size:14px;display:block}.pay-opt span{font-size:11.5px;color:var(--ink-3)}.summary{background:var(--panel-2);border-radius:12px;padding:16px;margin-top:4px}.sum-row{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0;color:var(--ink-2)}.sum-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:16px;font-weight:700;color:var(--ink)}.sum-row.total .num{color:var(--gold)}.od-hero{background:linear-gradient(120deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}.od-hero:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:220px;background:radial-gradient(160px 160px at 100% 0%,var(--hero-glow,rgba(0,194,168,.16)),transparent 70%)}.od-hero .eyebrow{font-size:12px;color:var(--ink-3);font-family:IBM Plex Mono;position:relative;z-index:1}.od-hero h2{font-size:26px;font-weight:700;margin:6px 0 10px;position:relative;z-index:1}.od-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.od-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.od-card .ch{font-size:12px;color:var(--ink-3);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.od-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;border-bottom:1px solid var(--line)}.od-line:last-child{border:none}.od-line .lbl{color:var(--ink-3);flex:none}.od-line b{text-align:end}.pay-cod{color:var(--gold);font-weight:600;font-family:IBM Plex Mono,monospace}.pay-pre{color:var(--ink-2);font-weight:600}.timeline{position:relative;padding-inline-start:26px}.timeline:before{content:"";position:absolute;inset-inline-start:6px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl{position:relative;padding-bottom:20px}.tl:last-child{padding-bottom:0}.tl .dot{position:absolute;inset-inline-start:-26px;top:2px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg)}.tl.now .dot{box-shadow:0 0 0 4px #00c2a82e}.tl b{font-size:13.5px}.tl span{font-size:11.5px;color:var(--ink-3);display:block;margin-top:2px}.addr-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.addr-pick{padding:13px 14px;border:1.5px solid var(--line-2);border-radius:12px;cursor:pointer;transition:.15s;position:relative}.addr-pick.on{border-color:var(--brand);background:#00c2a80f}.addr-pick .al{font-size:11px;color:var(--brand-2);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.addr-pick .ar{font-size:13px;font-weight:600;margin-top:4px}.addr-pick .aa{font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.6}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;display:none;place-items:center;padding:24px;overflow-y:auto}.modal-bg.open{display:grid}.modal{width:100%;max-width:660px;background:var(--panel);border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow);max-height:88vh;display:flex;flex-direction:column}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-h b{font-size:17px}.modal-h span{font-size:12px;color:var(--ink-3);display:block;margin-top:2px}.modal-x{width:34px;height:34px;border-radius:10px;background:var(--panel-2);color:var(--ink-2);display:grid;place-items:center;font-size:19px;flex:none}.modal-x:hover{color:var(--danger)}.modal-b{padding:22px 24px;overflow-y:auto;flex:1}.modal-f{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.modal-f .btn,.modal-f .ghost-btn{width:auto}.addr-block{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;position:relative;overflow:visible}.addr-block-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.addr-block-h b{font-size:13.5px;color:var(--brand-2);font-family:IBM Plex Mono}.addr-block-h .rm-btn{position:static;height:30px;width:30px}.addr-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-inline-start:-280px;z-index:50;transition:.25s;width:262px}.sidebar.open{inset-inline-start:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.form-grid,.roles-grid,.od-cards,.addr-picks{grid-template-columns:1fr}.menu-btn{display:grid!important}.roles-grid{grid-template-columns:1fr 1fr}.pay-toggle{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr;gap:10px}.item-row .lt{grid-column:1/-1}}@media (max-width:700px){.addr-grid{grid-template-columns:1fr 1fr}}