@font-face{font-family:National;src:url('assets/arabic.woff') format('woff');font-weight:100 600;font-display:swap}@font-face{font-family:National;src:url('assets/arabic-bold.woff') format('woff');font-weight:650 900;font-display:swap}
:root{--navy:#17383d;--navy-deep:#102c31;--teal:#147a69;--teal-light:#eaf5ef;--gold:#bb9b60;--gold-light:#f7f1e6;--ink:#223a40;--muted:#718187;--line:#e5eae9;--bg:#f5f7f6;--white:#fff;--red:#ba514d;--red-light:#fbedec;--blue:#46718b;--blue-light:#edf4f8;--shadow:0 6px 24px #183e3c08;--radius:16px;--sidebar:252px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:National,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #b99d64;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #147a6940;border-color:var(--teal)}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;line-height:1.6;letter-spacing:-.5px}h2{font-size:16px;line-height:1.7}h3{font-size:14px}p{color:var(--muted)}.icon{flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-80px;right:280px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.sidebar{width:var(--sidebar);position:fixed;right:0;top:0;bottom:0;background:var(--navy-deep);color:#c8d6d6;z-index:40;display:flex;flex-direction:column;border-left:1px solid #ffffff08}.brand{padding:26px 22px 23px;display:flex;align-items:center;gap:11px;color:#fff;border-bottom:1px solid #ffffff0d}.brand img{width:42px;height:46px}.brand strong{font-size:13px;display:block;line-height:1.9;font-weight:700}.brand small{display:block;font-size:9px;color:#a7bcbb;letter-spacing:.2px}.workspace-switch{margin:18px 16px 12px;border:1px solid #ffffff18;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#ffffff05;text-align:right;color:#d8e3e1;width:calc(100% - 32px)}.workspace-switch .workspace-icon{background:#c6ae7520;color:#d4bb84;border-radius:7px;padding:6px}.workspace-switch span{flex:1}.workspace-switch strong{font-size:11px;display:block}.workspace-switch small{font-size:10px;color:#9db5b1}.nav-scroll{flex:1;overflow:auto;padding:0 12px 18px;scrollbar-width:thin;scrollbar-color:#345354 transparent}.nav-label{font-size:9px;letter-spacing:.6px;color:#86a2a3;padding:15px 13px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;margin:2px 0;border-radius:8px;color:#bacecc;font-size:11px;transition:.15s;position:relative}.nav-item .icon{width:18px;height:18px;color:#8daaa8}.nav-item:hover{background:#ffffff08;color:white}.nav-item.active{background:#28514c;color:#fff;font-weight:650}.nav-item.active:before{content:'';width:3px;position:absolute;right:-12px;top:10px;bottom:10px;background:#cdb174;border-radius:3px}.nav-item.active .icon{color:#dcc592}.nav-count{margin-right:auto;background:#ffffff0e;color:#a9c2bd;border-radius:5px;padding:0 6px;font-size:9px}.nav-item.active .nav-count{background:#ffffff1a;color:#fff}.sidebar-bottom{padding:15px 18px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:10px}.avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:50%;background:#e9eee4;color:#455c3c;font-weight:700;font-size:12px}.sidebar-bottom strong{display:block;font-size:11px;color:#edf4ef}.sidebar-bottom small{font-size:9px;color:#91aaa8}.sidebar-bottom button{margin-right:auto;color:#a6bdb6;background:none;padding:5px}.main-shell{margin-right:var(--sidebar);min-height:100vh}.topbar{height:76px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b989b}.breadcrumb strong{font-weight:550;color:#41585e}.breadcrumb .icon{width:12px;height:12px}.topbar-actions{display:flex;align-items:center;gap:14px}.search-trigger{width:225px;background:#f5f7f6;border:1px solid #e9edeb;border-radius:8px;padding:9px 11px;display:flex;align-items:center;gap:8px;color:#91a09f;font-size:10px;text-align:right}.search-trigger .icon{width:16px;height:16px}.search-trigger kbd{margin-right:auto;border:1px solid #dde5e1;background:white;border-radius:3px;padding:0 4px;font-size:9px}.top-icon{background:transparent;color:#778d8a;padding:6px;position:relative}.top-icon .icon{width:19px;height:19px}.top-icon .notification-dot{width:5px;height:5px;background:var(--gold);border:1px solid white;border-radius:50%;position:absolute;top:5px;right:7px}.top-separator{width:1px;height:23px;background:var(--line)}.connection{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--teal);white-space:nowrap}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.demo-tag{font-size:9px;color:#886d39;background:var(--gold-light);padding:3px 7px;border-radius:4px;white-space:nowrap}.mobile-menu{display:none}.content{padding:27px 32px 20px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{color:var(--teal);font-size:10px;font-weight:650;display:flex;align-items:center;gap:7px;margin-bottom:3px}.eyebrow:before{content:'';width:14px;height:2px;background:var(--gold)}.page-heading p{font-size:11px;margin-top:3px}.heading-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border-radius:7px;border:1px solid transparent;font-size:10px;font-weight:600;white-space:nowrap;transition:.15s;background:#fff;color:#455d60}.btn .icon{width:16px;height:16px}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn-primary{background:var(--teal);color:white;box-shadow:0 3px 6px #147a6910}.btn-secondary{border-color:#dce5e1;background:white}.btn-gold{background:var(--gold-light);color:#8e703e;border-color:#ecdfc6}.btn-danger{background:var(--red-light);color:var(--red)}.btn-quiet{background:transparent;color:var(--teal);padding:5px 0}.btn-small{min-height:30px;padding:5px 10px;font-size:9px}.icon-btn{border:1px solid var(--line);background:white;color:#728783;padding:7px;border-radius:7px;display:inline-grid;place-items:center}.icon-btn .icon{width:16px;height:16px}.date-control{color:#5d706e;border:1px solid #dce5e1;background:white;font-size:10px;border-radius:7px;padding:8px 11px;display:flex;align-items:center;gap:8px}.date-control .icon{width:15px;height:15px}.hero{background:var(--navy);border-radius:14px;min-height:155px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden;margin-bottom:22px;padding:27px 30px}.hero:after{content:'';position:absolute;left:-40px;top:-140px;width:440px;height:440px;border:1px solid #a8c2b412;border-radius:50%;box-shadow:0 0 0 45px #a8c2b408,0 0 0 90px #a8c2b405}.hero-copy{position:relative;z-index:1;max-width:66%}.hero-label{font-size:9px;color:#d3c298;letter-spacing:.5px;display:flex;align-items:center;gap:7px}.hero h2{font-size:21px;color:#f6f8ee;margin:5px 0 6px;font-weight:650}.hero p{color:#a7c0ba;font-size:10px;max-width:580px;line-height:2}.hero-status{position:relative;z-index:1;border-right:1px solid #ffffff16;padding-right:27px;display:flex;flex-direction:column;gap:12px;min-width:175px}.hero-status span{font-size:10px;color:#b8ceca;display:flex;align-items:center;gap:8px}.hero-status .icon{color:#c4b282;width:16px;height:16px}.hero-status strong{font-weight:550;color:white;margin-right:auto;font-size:11px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.kpi{border:1px solid var(--line);border-radius:11px;padding:18px 19px 16px;background:white;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#71807e;font-size:10px;margin-bottom:10px}.kpi-icon{width:32px;height:32px;border-radius:8px;background:#edf5ef;color:#559075;display:grid;place-items:center}.kpi-icon .icon{height:17px;width:17px}.kpi:nth-child(2) .kpi-icon{background:#f8f3e9;color:#a58d5b}.kpi:nth-child(3) .kpi-icon{background:#edf2f7;color:#6f91a3}.kpi:nth-child(4) .kpi-icon{background:#f0eef6;color:#9284ac}.kpi-number{font-size:27px;font-weight:700;color:#243c40;line-height:1.4;letter-spacing:-.6px}.kpi-number small{font-weight:400;font-size:11px;letter-spacing:0;color:#7c8e8a;margin-right:5px}.kpi-bottom{font-size:9px;color:#8c9b98;margin-top:9px;display:flex;align-items:center;gap:6px}.trend{color:var(--teal);font-weight:600;display:flex;align-items:center;gap:2px}.trend .icon{width:12px;height:12px}.trend.warning{color:#a58040}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 21px 0}.panel-head p{font-size:9px;margin-top:2px}.panel-body{padding:18px 21px}.panel-tools{display:flex;align-items:center;gap:5px}.segmented{display:flex;background:#f3f6f4;border:1px solid #e9eeeb;padding:3px;border-radius:7px}.segmented button{background:none;border-radius:4px;padding:3px 10px;font-size:9px;color:#84918c}.segmented button.active{background:white;color:var(--teal);box-shadow:0 1px 4px #1c3b3510}.chart-legend{display:flex;gap:16px;font-size:9px;color:#81908b;margin:4px 0 8px}.legend-item{display:flex;align-items:center;gap:5px}.legend-square{width:7px;height:7px;border-radius:2px;background:var(--teal)}.legend-square.gold{background:#bda675}.bar-chart{height:170px;position:relative;padding:10px 25px 25px 0;display:flex;gap:18px;direction:ltr;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#edf0ed 37px,transparent 38px);background-position:0 -24px}.bar-group{flex:1;max-width:46px;height:100%;display:flex;align-items:flex-end;gap:5px;position:relative;justify-content:center}.bar{width:16px;max-width:40%;background:var(--teal);border-radius:3px 3px 0 0;transition:height .4s;opacity:.9}.bar.gold{background:#c4af82;opacity:.8}.bar-label{position:absolute;bottom:-22px;font-size:9px;color:#8c9995;direction:rtl;white-space:nowrap}.chart-axis{position:absolute;right:0;top:0;bottom:25px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a3aca9;background:white;padding-left:4px}.chart-total{display:flex;gap:24px;margin-top:17px;border-top:1px solid #f0f3f1;padding-top:12px}.chart-total strong{font-size:15px;color:#37554e}.chart-total span{font-size:8px;color:#8a9a93;display:block}.distribution{display:flex;align-items:center;gap:24px;padding-top:15px}.donut{width:143px;height:143px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--teal) 0 46%,#bba575 46% 72%,#829e97 72% 89%,#e7eeea 89% 100%);position:relative;display:grid;place-items:center;transform:rotate(-90deg)}.donut:before{content:'';position:absolute;inset:17px;background:white;border-radius:50%}.donut-center{position:relative;transform:rotate(90deg);text-align:center}.donut-center strong{display:block;font-size:25px;line-height:1.3}.donut-center small{font-size:8px;color:#81938b}.distribution-list{flex:1;display:flex;flex-direction:column;gap:13px;font-size:10px}.distribution-row{display:flex;align-items:center;gap:7px}.distribution-row strong{margin-right:auto;font-size:11px;color:#425f55}.distribution-note{background:#f7f9f7;border-radius:7px;padding:9px 12px;font-size:8px;color:#8b9a92;margin-top:18px;display:flex;align-items:center;gap:7px}.distribution-note .icon{width:13px;height:13px;color:#98a994}.panel-link{color:var(--teal);font-size:9px;display:flex;align-items:center;gap:5px;background:none;padding:0}.panel-link .icon{width:13px;height:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.section-title h2{font-size:14px}.section-title p{font-size:9px}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.system-card{background:white;border:1px solid var(--line);border-radius:10px;padding:17px;display:block;transition:.18s;position:relative;overflow:hidden}.system-card:hover{border-color:#bdcfc6;box-shadow:0 5px 18px #234a3b0d;transform:translateY(-2px)}.system-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.system-card-icon{width:35px;height:35px;border-radius:8px;background:#f0f5f0;color:#4c7e68;display:grid;place-items:center}.system-card-icon .icon{width:19px;height:19px}.system-card:nth-child(3n+2) .system-card-icon{background:#f8f3e8;color:#ae965c}.system-card:nth-child(3n+3) .system-card-icon{background:#eef3f6;color:#7495a4}.system-card h3{font-size:11px;margin-bottom:4px}.system-card p{font-size:8px;line-height:1.9;min-height:31px}.system-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #eff2ef;font-size:9px;color:#85958d}.system-card-bottom strong{color:#668475;font-weight:550;font-size:9px}.system-card-bottom .icon{width:14px;height:14px}.system-card .tiny-dot{width:5px;height:5px;background:#63a48b;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:22px 0}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:right;font-size:10px;white-space:nowrap}th{font-size:9px;font-weight:500;color:#8d9b95;background:#f8faf8;padding:12px 18px;border-top:1px solid #eef2ed;border-bottom:1px solid #edf1ec}td{padding:13px 18px;border-bottom:1px solid #eff2ee;color:#597068}tr:last-child td{border-bottom:0}tbody tr{transition:.12s}tbody tr:hover{background:#fcfdfb}.entity{display:flex;align-items:center;gap:8px}.entity-icon{background:#f3f6f0;border:1px solid #edf0e9;color:#789078;border-radius:7px;width:29px;height:29px;display:grid;place-items:center}.entity-icon .icon{width:15px;height:15px}.entity strong{display:block;font-size:10px;color:#3d584c;font-weight:550}.entity small{display:block;font-size:8px;color:#9aa89d}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:8px;font-weight:550;white-space:nowrap}.badge.success{color:#3f876b;background:#edf6ef}.badge.warning{color:#a08545;background:#f9f4e8}.badge.info{color:#638da3;background:#edf4f8}.badge.danger{color:#b3655d;background:#fbefec}.badge.neutral{color:#86948b;background:#f2f5f1}.badge.purple{color:#8d7a9f;background:#f3eff8}.badge .dot{width:4px;height:4px}.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.subtle{font-size:9px;color:#8f9d95}.row-link{color:#507f69;font-size:9px;background:none;display:flex;align-items:center;gap:5px}.row-link .icon{width:13px;height:13px}.activity-list{padding:15px 21px 8px}.activity-item{display:flex;gap:11px;position:relative;padding-bottom:18px}.activity-item:not(:last-child):before{content:'';position:absolute;right:13px;top:27px;bottom:0;width:1px;background:#e7ede6}.activity-mark{width:27px;height:27px;display:grid;place-items:center;background:#f0f6ed;color:#779a70;border-radius:50%;flex-shrink:0}.activity-mark .icon{width:13px;height:13px}.activity-item h4{font-size:9px;color:#536e5b;font-weight:550;margin-bottom:3px}.activity-item p{font-size:8px;color:#93a18e;line-height:1.8}.activity-time{font-size:8px;color:#a5afa1;white-space:nowrap;margin-right:auto;padding-top:3px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:15px 0 3px;color:#9aa69c;font-size:8px}.footer span{display:flex;align-items:center;gap:5px}.footer .icon{width:11px;height:11px}.guide-tag{font-size:8px;color:#879b8a;display:flex;align-items:center;gap:5px}
.module-banner{background:white;border:1px solid var(--line);border-radius:11px;padding:17px 20px;display:flex;align-items:center;gap:14px;margin-bottom:20px}.module-banner .big-icon{background:#edf5ef;width:46px;height:46px;border-radius:11px;color:var(--teal);display:grid;place-items:center}.module-banner h3{font-size:12px}.module-banner p{font-size:9px;margin-top:3px}.module-meta{margin-right:auto;display:flex;align-items:center;gap:20px}.module-meta>div{border-right:1px solid var(--line);padding-right:18px}.module-meta strong{font-size:11px;display:block}.module-meta small{font-size:8px;color:#8fa294}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dfe8df;margin-bottom:20px;overflow:auto;white-space:nowrap}.tab{padding:11px 2px;color:#8b9b8e;background:none;font-size:10px;border-bottom:2px solid transparent}.tab.active{color:var(--teal);font-weight:650;border-bottom-color:var(--teal)}.tab span{font-size:8px;background:#edf3ec;padding:0 5px;border-radius:3px;margin-right:5px;color:#9ba993}.tab .icon{width:15px;height:15px;margin-left:5px}.screen-layout{display:grid;grid-template-columns:191px minmax(0,1fr);gap:20px;align-items:start}.screen-menu{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:9px}.screen-menu-title{font-size:9px;color:#8fa18e;padding:8px 9px;border-bottom:1px solid #edf1eb;margin-bottom:5px}.screen-link{display:flex;width:100%;text-align:right;gap:7px;padding:9px;border-radius:6px;background:none;color:#7c907d;font-size:9px;line-height:1.8}.screen-link:hover{background:#f6f8f4}.screen-link.active{background:#edf5ed;color:#477a54;font-weight:650}.screen-link .icon{width:14px;height:14px;margin-top:2px}.screen-link small{font-size:8px;color:#a0ad9c;margin-right:auto;direction:ltr}.screen-content{min-width:0}.screen-content>.panel{margin-bottom:18px}.toolbar{display:flex;align-items:center;gap:10px;padding:15px 20px;flex-wrap:wrap}.table-search{position:relative;flex:1;max-width:260px;min-width:160px}.table-search .icon{position:absolute;right:10px;top:11px;width:15px;height:15px;color:#98a792}.table-search input{width:100%;border:1px solid #e1e9df;border-radius:7px;background:#fff;padding:8px 33px 8px 10px;font-size:9px;color:#547055}.filter-select{border:1px solid #e1e9df;border-radius:7px;background:white;color:#7c907a;padding:7px 11px;font-size:9px;min-height:34px}.table-count{margin-right:auto;font-size:9px;color:#98a693}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1e9;padding:11px 18px;font-size:8px;color:#98a493}.pagination-buttons{display:flex;gap:5px}.page-btn{width:25px;height:25px;background:white;border:1px solid var(--line);border-radius:5px;color:#8e9d85;font-size:9px}.page-btn.active{background:var(--teal);border-color:var(--teal);color:white}.notice{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;border-radius:8px;margin-bottom:18px;font-size:9px;line-height:2;background:#f0f6ef;border:1px solid #dce9d8;color:#708a63}.notice .icon{width:17px;height:17px;flex-shrink:0;margin-top:1px}.notice strong{font-weight:650;display:block;color:#54784c;font-size:10px}.notice.warning{background:#fbf7ed;border-color:#efe4cd;color:#a38c58}.notice.warning strong{color:#90733f}.notice.info{background:#edf5f8;border-color:#dce9ed;color:#7c97a1}.notice.info strong{color:#537e8e}.notice.danger{background:#fbefec;border-color:#f0d9d1;color:#b57968}.notice.danger strong{color:#a65f51}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.field label{font-size:10px;color:#657e60;font-weight:550}.field input,.field select,.field textarea{border:1px solid #dfe7dc;border-radius:7px;padding:10px 12px;width:100%;background:#fff;color:#465f42;font-size:11px;min-height:40px}.field textarea{resize:vertical;min-height:85px}.field small{font-size:8px;color:#9caa92;line-height:1.8}.field .required{color:#ae8d55}.field input:read-only{background:#f7f9f4;color:#95a18a}.form-section-title{font-size:12px;color:#496541;display:flex;align-items:center;gap:7px;margin-bottom:17px}.form-section-title .icon{width:17px;height:17px;color:#7d9870}.form-actions{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;align-items:center;margin-top:8px}.form-actions .subtle{margin-left:auto}.stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 22px;background:white;border:1px solid var(--line);border-radius:9px;padding:16px 18px}.step{display:flex;align-items:center;gap:7px;color:#a2ac99;font-size:9px;position:relative;flex:1}.step:not(:last-child):after{content:'';height:1px;flex:1;background:#e4eadd;margin:0 8px}.step-num{border:1px solid #dfe7d7;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex-shrink:0}.step.active{color:var(--teal);font-weight:600}.step.active .step-num{background:var(--teal);color:white;border-color:var(--teal)}.step.done .step-num{background:#eaf3e7;color:#739964;border-color:#eaf3e7}.step.done .step-num .icon{height:13px;width:13px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:15px 0}.detail-cell{padding:13px 15px;border-bottom:1px solid #edf1e7;border-left:1px solid #edf1e7}.detail-cell small{display:block;font-size:8px;color:#9caa91;margin-bottom:4px}.detail-cell strong{font-size:10px;color:#5c7751;font-weight:550}.detail-cell:last-child{border-left:0}.status-path{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:15px 0}.status-path .icon{width:12px;height:12px;color:#b3bea7}.info-list{display:grid;gap:12px}.info-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:10px;border-bottom:1px solid #edf2e8;font-size:10px}.info-line:last-child{border:0;padding-bottom:0}.info-line>span{color:#93a184}.info-line strong{font-weight:550;color:#577047}.financial-total{padding:18px;background:#f2f7ee;border:1px solid #dfead6;border-radius:9px;display:flex;justify-content:space-between;align-items:center;margin:18px 0}.financial-total small{display:block;font-size:9px;color:#8fa27d}.financial-total strong{font-size:22px;color:#496c34}.financial-total .icon{color:#7c9968}.progress{height:5px;background:#eef2e9;border-radius:10px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#83a174;border-radius:10px}.metric-list{display:grid;gap:18px}.metric-line{font-size:10px;display:flex;justify-content:space-between;color:#7c9270}.metric-line strong{color:#557344;font-weight:550}.capacity-card{border:1px solid #e1e8d9;border-radius:9px;padding:17px;background:white}.capacity-card h3{font-size:11px;display:flex;align-items:center;gap:7px}.capacity-card h3 .icon{width:16px;height:16px;color:#8ba279}.capacity-card p{font-size:8px;margin-top:5px}.capacity-num{font-size:24px;margin-top:12px;color:#4c6e37}.capacity-num small{font-size:10px;color:#a4b094}.sensor{display:flex;align-items:center;gap:12px;background:#f7f9f3;border:1px solid #e4ebdb;padding:15px;border-radius:9px}.sensor>.icon{color:#9aa881;width:28px;height:28px}.sensor strong{display:block;font-size:21px;color:#5e7846}.sensor p{font-size:9px}.sensor .badge{margin-right:auto}.timeline{padding:5px 0}.timeline-item{position:relative;padding:0 27px 23px 0}.timeline-item:before{content:'';position:absolute;right:5px;top:5px;bottom:0;width:1px;background:#dce8d0}.timeline-item:after{content:'';position:absolute;right:1px;top:4px;width:9px;height:9px;border-radius:50%;background:#9ab182;border:2px solid white;box-shadow:0 0 0 1px #ccdcbc}.timeline-item:last-child:before{display:none}.timeline-item h4{font-size:10px;color:#647e50}.timeline-item p{font-size:9px;margin-top:3px}.timeline-item time{display:block;font-size:8px;color:#a9b49b;margin-top:3px}.empty-state{padding:50px 20px;text-align:center;color:#97a58b}.empty-state>.icon{width:36px;height:36px;margin-bottom:10px;color:#bdc9b3}.empty-state h3{color:#7a906a;font-size:13px}.empty-state p{font-size:10px;margin:8px auto 16px;max-width:350px}.notification-list{display:grid;gap:10px}.notification-card{padding:16px;border:1px solid #e4eadc;border-radius:9px;display:flex;align-items:flex-start;gap:12px;background:white}.notification-card>.icon{color:#b3a16b;margin-top:3px}.notification-card h3{font-size:11px}.notification-card p{font-size:9px;margin-top:3px}.notification-card .btn{margin-right:auto}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kanban-col{background:#eef3e9;border:1px solid #e3eadb;border-radius:10px;padding:12px}.kanban-title{display:flex;justify-content:space-between;font-size:11px;color:#789265;margin-bottom:12px;padding:3px}.task-card{padding:15px;background:white;border:1px solid #e1e9d6;border-radius:8px;margin-bottom:10px}.task-card h4{font-size:11px;line-height:1.9}.task-card p{font-size:9px;margin-top:7px}.task-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;color:#a2b08f}.task-avatar{width:23px;height:23px;display:grid;place-items:center;background:#e9f0e2;color:#78945e;border-radius:50%;font-size:8px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.site-card{background:#fff;border:1px solid #dfe9d4;border-radius:10px;padding:18px}.site-card.active{border-color:#a3bd8d;background:#fbfdf8}.site-card-head{display:flex;align-items:center;gap:10px}.site-card-head>.icon{color:#79986a}.site-card-head .badge{margin-right:auto}.site-card h3{font-size:11px}.site-card p{font-size:8px;margin-top:4px}.site-card .info-line{font-size:9px;margin-top:12px}.quorum{display:flex;align-items:center;gap:12px;padding:17px;background:#edf5e7;border-radius:9px;margin:18px 0}.quorum strong{display:block;font-size:12px;color:#688750}.quorum p{font-size:9px}.quorum>.icon{width:30px;height:30px;color:#83a46b}.switch{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#7b9470;cursor:pointer}.switch input{position:absolute;opacity:0}.switch-track{width:34px;height:20px;border-radius:12px;background:#dce7d3;position:relative;transition:.2s}.switch-track:after{content:'';position:absolute;width:14px;height:14px;top:3px;right:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:.2s}.switch input:checked+.switch-track{background:var(--teal)}.switch input:checked+.switch-track:after{transform:translateX(-14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--gold);outline-offset:3px}.coverage-card{display:flex;gap:13px;align-items:center;padding:16px;border-bottom:1px solid #e7eddf}.coverage-card:last-child{border:0}.coverage-num{font-size:10px;color:#a7b498;background:#f3f7ed;border:1px solid #e3ead9;border-radius:6px;padding:5px 8px;direction:ltr}.coverage-card h3{font-size:11px}.coverage-card p{font-size:9px}.coverage-card .badge{margin-right:auto}.coverage-actions{display:flex;gap:7px;margin-right:auto}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-card{background:white;border:1px solid #e1e8d8;border-radius:8px;padding:14px;cursor:pointer;text-align:right}.role-card:hover,.role-card.active{background:#f4f8ed;border-color:#a4bc8c}.role-card h4{font-size:11px;margin:10px 0 3px;color:#638348}.role-card p{font-size:9px}.role-card>.icon{color:#89a56b}.role-scope{font-size:8px;color:#a3b08f;margin-top:9px}.report-preview{border:1px solid var(--line);border-radius:10px;padding:26px;background:white}.report-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:18px;margin-bottom:20px}.report-head img{width:50px}.report-head h2{font-size:17px}.report-head small{font-size:9px;color:#95a586}.search-results{display:grid;gap:5px}.search-result{padding:12px;background:none;border:1px solid transparent;border-radius:7px;display:flex;align-items:center;gap:10px;text-align:right;width:100%;color:#728b61}.search-result:hover{border-color:#d5e4c8;background:#f6f9f1}.search-result strong{display:block;font-size:11px}.search-result small{font-size:8px;color:#a5b294}.search-result .icon:last-child{margin-right:auto;width:15px;height:15px}.drawer-shade{display:none}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#0b252d70;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s}.modal{background:white;border-radius:15px;width:620px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #102c3140;overflow:hidden}.modal.wide{width:850px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 25px 17px;border-bottom:1px solid #e7ecdf}.modal-header h2{font-size:16px}.modal-header p{font-size:9px;margin-top:3px}.modal-close{background:#f3f6ee;color:#8fa17e;border-radius:6px;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.modal-close .icon{width:16px;height:16px}.modal-body{overflow:auto;padding:22px 25px}.modal-footer{padding:15px 25px;border-top:1px solid #e7ecdf;display:flex;justify-content:flex-end;gap:9px;background:#fcfdf9}.modal-footer .subtle{margin-left:auto;align-self:center}.toast-stack{position:fixed;bottom:22px;left:25px;z-index:200;display:grid;gap:8px;max-width:400px}.toast{background:white;border:1px solid #dbe7d1;border-right:3px solid var(--teal);border-radius:8px;padding:12px 16px;box-shadow:0 8px 30px #152d2720;font-size:11px;display:flex;gap:9px;align-items:center;animation:slide-in .2s}.toast>.icon{color:var(--teal);height:18px;width:18px}.toast.error{border-right-color:var(--red)}.toast.error>.icon{color:var(--red)}.mobile-nav{display:none}.overview-content{animation:fade-in .2s}.screen-content{animation:fade-in .2s}.inline-code{font:9px monospace;background:#f3f6ec;border:1px solid #e4ebd9;padding:2px 5px;border-radius:4px;direction:ltr;display:inline-block;color:#93a480}.wizard-note{display:flex;gap:8px;align-items:center;font-size:9px;color:#9cae8b;margin-bottom:15px}.wizard-note .icon{width:14px;height:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-item{border:1px solid #e4ebda;border-radius:8px;padding:15px;background:#fcfdf9}.service-item h4{font-size:10px;margin-top:9px;color:#75935d}.service-item .icon{color:#91ad76;width:20px;height:20px}.service-item p{font-size:8px;margin-top:3px}.service-item .badge{margin-top:10px}.license-card{padding:20px;border:1px solid #d4e4c4;border-radius:12px;background:linear-gradient(135deg,#f5f9ee,white);position:relative}.license-card:after{content:'';width:120px;height:120px;position:absolute;left:0;top:0;border-radius:50%;border:15px solid #afc5990c}.license-card h3{font-size:13px;margin-bottom:15px}.license-card .info-line{font-size:10px}.amount-input{position:relative}.amount-input input{padding-left:65px}.amount-input span{position:absolute;left:12px;top:10px;color:#a6b196;font-size:10px}.shortcut-key{font-size:9px;background:#f3f5ee;border:1px solid #e1e8d7;border-radius:3px;padding:1px 4px;font-family:inherit}.calendar-pop{min-width:160px}.no-wrap{white-space:nowrap}.spaced{margin-top:18px}.w-full{width:100%}.text-teal{color:var(--teal)!important}.text-danger{color:var(--red)!important}.text-gold{color:#a48a56!important}.muted{color:var(--muted)}.mt0{margin-top:0}.table-title{font-size:12px;color:#526d47}.health-bars{display:grid;gap:20px}.gauge{display:flex;align-items:center;gap:13px}.gauge-value{font-size:24px;font-weight:650;color:#5a7d44;min-width:60px}.gauge>div:last-child{flex:1}.gauge p{font-size:9px}.gauge .progress{height:7px}.link-button{color:var(--teal);font:inherit;font-size:10px;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}.density-compact td{padding-top:8px;padding-bottom:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-card{border:1px solid #e1e9d6;border-radius:9px;padding:17px;background:white}.help-card h3{font-size:12px;margin-bottom:7px}.help-card p{font-size:10px}.help-card .icon{color:#8eab71;margin-bottom:12px}.stock-rack{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0}.rack-cell{aspect-ratio:1.15;border:1px solid #d6e6c6;background:#edf5e4;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;color:#8da773;cursor:pointer}.rack-cell small{font-size:8px}.rack-cell.occupied{background:#87a66c;color:white;border-color:#87a66c}.rack-cell.quarantine{background:#f8eddb;color:#ba9b64;border-color:#e7d2a9}.rack-cell:hover{outline:2px solid #c2b075;outline-offset:2px}.inline-filter{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-size:10px}.inline-filter label{color:#8da17c}.inline-filter select{border:1px solid #dfe7d3;border-radius:6px;padding:6px 10px;color:#7c9668;background:white}.flow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.flow-card{background:white;border:1px solid #e1e9d4;border-radius:9px;padding:15px;position:relative}.flow-card .icon{color:#9cb484;width:20px;height:20px}.flow-card h4{font-size:10px;margin-top:8px;color:#75915e}.flow-card p{font-size:8px;margin-top:3px}.flow-card .badge{margin-top:9px}.sparkline{width:100%;height:140px;overflow:visible}.sparkline text{font-family:National;font-size:9px;fill:#a7b497}.source-note{font-size:8px;color:#a4b195;display:flex;align-items:center;gap:5px;margin-top:12px}.source-note .icon{width:12px;height:12px}@keyframes fade-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){:root{--sidebar:270px}body{font-size:14px}.content{padding:32px 45px}.topbar{padding:0 45px}.nav-item{font-size:12px;padding:11px 15px}.hero{min-height:175px}.hero h2{font-size:25px}.hero p{font-size:12px}.kpi-number{font-size:31px}.kpi-top{font-size:12px}.kpi-bottom{font-size:10px}.system-card h3{font-size:13px}.system-card p{font-size:10px}.system-card-bottom{font-size:10px}.panel-head h2{font-size:17px}td{font-size:11px}.activity-item h4{font-size:11px}.activity-item p{font-size:9px}.screen-link{font-size:11px}.tab{font-size:12px}}
@media(max-width:1250px){:root{--sidebar:224px}.content{padding:23px 22px}.topbar{padding:0 22px}.brand{padding:22px 16px}.brand strong{font-size:11px}.brand img{width:37px}.nav-item{font-size:10px;padding:9px 11px}.nav-item .icon{width:17px}.hero-copy{max-width:65%}.hero{padding:23px}.hero h2{font-size:18px}.hero p{font-size:9px}.hero-status{padding-right:18px;min-width:150px}.kpi{padding:15px}.kpi-number{font-size:25px}.distribution{gap:15px}.donut{width:115px;height:115px}.donut:before{inset:14px}.donut-center strong{font-size:22px}.distribution-list{font-size:9px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.system-card{padding:14px}.system-card h3{font-size:10px}.screen-layout{grid-template-columns:175px minmax(0,1fr)}.screen-link{padding:8px;font-size:8px}.topbar-actions{gap:9px}.search-trigger{width:190px}.connection{font-size:8px}.detail-grid{grid-template-columns:repeat(2,1fr)}.site-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.field label{font-size:9px}}
@media(max-width:1050px){.connection{display:none}.kpis{gap:10px}.kpi{padding:13px}.kpi-top{font-size:9px}.kpi-icon{width:28px;height:28px}.kpi-number{font-size:23px}.kpi-bottom{font-size:8px}.hero-status{display:none}.hero-copy{max-width:90%}.system-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.distribution{gap:11px}.donut{width:100px;height:100px}.distribution-list{font-size:8px;gap:11px}.panel-head{padding:16px 16px 0}.panel-body{padding:16px}.bottom-grid{grid-template-columns:1fr}.heading-actions .date-control{display:none}.screen-layout{display:block}.screen-menu{display:flex;overflow:auto;padding:6px;margin-bottom:16px;gap:5px}.screen-menu-title{display:none}.screen-link{white-space:nowrap;width:auto;padding:8px 10px;flex-shrink:0;font-size:9px}.screen-link small{display:none}.two-col{gap:13px}.module-meta{gap:10px}.module-meta>div{padding-right:10px}.kanban{gap:9px}.flow-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{transform:translateX(100%);width:260px;transition:transform .2s;z-index:70}.sidebar.open{transform:translateX(0)}.drawer-shade.open{display:block;position:fixed;inset:0;z-index:60;background:#102c3155;backdrop-filter:blur(2px)}.main-shell{margin:0}.mobile-menu{display:grid;background:none;color:#698071;place-items:center;padding:3px}.mobile-menu .icon{width:22px;height:22px}.topbar{height:62px;padding:0 18px;gap:10px}.breadcrumb{font-size:9px}.breadcrumb>span:first-of-type{display:none}.breadcrumb>.icon{display:none}.topbar-actions{gap:8px}.search-trigger{width:auto;border:0;background:none;padding:5px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger .icon{width:19px;height:19px}.top-separator{display:none}.top-icon{padding:4px}.demo-tag{font-size:8px}.content{padding:20px 17px 80px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:17px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px;max-width:400px}.eyebrow{font-size:9px}.heading-actions .btn-secondary{display:none}.heading-actions .btn{font-size:9px;padding:8px 10px}.hero{padding:20px;min-height:150px;border-radius:11px}.hero h2{font-size:19px}.hero p{font-size:10px}.hero-copy{max-width:95%}.hero-label{font-size:8px}.hero:after{width:280px;height:280px;top:-100px;left:-80px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.kpi{padding:14px 15px}.kpi-top{font-size:10px;margin-bottom:8px}.kpi-number{font-size:27px}.kpi-bottom{font-size:9px}.dashboard-grid{gap:13px;margin-bottom:17px}.system-grid{grid-template-columns:repeat(3,1fr);gap:10px}.system-card{padding:14px}.system-card h3{font-size:11px}.system-card p{font-size:9px}.section-title{margin-top:20px}.footer{font-size:8px}.footer span:last-child{display:none}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;right:0;left:0;height:63px;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:35;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;color:#8c9c84;background:none;padding:5px 10px}.mobile-nav .icon{width:20px;height:20px}.mobile-nav .active{color:var(--teal)}.module-banner{padding:13px}.module-meta>div:last-child{display:none}.module-meta strong{font-size:9px}.module-meta small{font-size:8px}.module-banner h3{font-size:11px}.module-banner p{font-size:9px}.tabs{gap:20px;margin-bottom:15px}.screen-menu{margin-bottom:15px}.screen-link{font-size:9px}.table-count{display:none}.toolbar{padding:12px;gap:7px}.table-search{max-width:none}.panel-head{padding:15px 15px 0}.panel-head h2{font-size:14px}.two-col{grid-template-columns:1fr 1fr}.three-col{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}.site-grid{grid-template-columns:repeat(2,1fr)}.toast-stack{left:16px;right:16px;bottom:80px;max-width:none}.modal-overlay{padding:16px}.modal{max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:18px}.help-grid{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.breadcrumb strong{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:4px}.top-icon:last-child{display:none}.demo-tag{padding:2px 5px;font-size:7px}.content{padding:17px 14px 80px}.page-heading{gap:7px}.page-heading h1{font-size:20px}.page-heading p{font-size:9px;max-width:255px}.heading-actions{padding-top:5px}.heading-actions .btn{min-height:33px;padding:6px 8px;font-size:8px}.heading-actions .btn .icon{width:14px;height:14px}.hero{padding:18px;min-height:160px}.hero h2{font-size:17px;margin-top:9px}.hero p{font-size:9px}.hero-label{font-size:8px}.kpi-number{font-size:26px}.kpi-top{font-size:9px}.kpi-bottom{font-size:8px}.kpi-icon{width:28px;height:28px}.dashboard-grid{grid-template-columns:1fr}.bar-chart{height:170px}.distribution{padding:15px 10px;gap:35px}.donut{width:130px;height:130px}.donut:before{inset:15px}.distribution-list{font-size:10px}.distribution-list strong{font-size:12px}.distribution-note{margin-top:0}.system-grid{grid-template-columns:repeat(2,1fr)}.system-card h3{font-size:11px}.system-card p{font-size:8px}.system-card-bottom{font-size:8px}.system-card-icon{width:32px;height:32px}.system-card-icon .icon{width:18px;height:18px}.bottom-grid{gap:15px}.section-title h2{font-size:13px}.section-title p{font-size:8px}.panel-link{font-size:8px}.panel-head h2{font-size:13px}.panel-head{padding:15px 14px 0}.panel-body{padding:14px}.two-col,.three-col,.site-grid,.help-grid{grid-template-columns:1fr}.field{margin-bottom:12px}.detail-grid{grid-template-columns:repeat(2,1fr)}.stepper{padding:12px 10px}.step{font-size:8px;gap:4px;flex-direction:column;text-align:center}.step:not(:last-child):after{display:none}.step-num{width:25px;height:25px}.module-meta{display:none}.module-banner{gap:10px}.module-banner .big-icon{width:40px;height:40px}.module-banner p{font-size:8px}.form-actions{flex-wrap:wrap}.form-actions .subtle{width:100%;margin-bottom:7px}.toolbar .filter-select{max-width:130px;font-size:8px}.coverage-card{padding:13px;align-items:flex-start}.coverage-card h3{font-size:10px}.coverage-card p{font-size:8px}.coverage-card .badge{font-size:7px}.coverage-actions{flex-direction:column;gap:4px}.role-grid{gap:9px}.role-card{padding:11px}.role-card h4{font-size:10px}.role-card p{font-size:8px}.modal-header h2{font-size:15px}.modal-body{padding:15px}.modal-overlay{padding:10px}.modal-footer{padding:13px;flex-wrap:wrap}.modal-footer .subtle{width:100%;font-size:8px}.financial-total{padding:14px}.financial-total strong{font-size:20px}.notification-card{padding:13px;gap:9px;flex-wrap:wrap}.notification-card .btn{margin-right:30px}.screen-menu{border-radius:7px}.screen-link{font-size:9px}.stock-rack{grid-template-columns:repeat(4,1fr)}.date-control{display:none}.flow-row{grid-template-columns:1fr 1fr}.flow-card{padding:12px}.report-preview{padding:16px}.report-head h2{font-size:13px}.info-line{font-size:9px}th{padding:10px 13px}td{padding:12px 13px}.source-note{font-size:7px}.activity-time{font-size:7px}.bar-chart{gap:10px}.badge{font-size:8px}.search-result strong{font-size:10px}.search-result small{font-size:8px}}
@media print{.sidebar,.topbar,.mobile-nav,.heading-actions,.tabs,.screen-menu,.toolbar,.footer,.btn,.toast-stack,.modal-overlay{display:none!important}.main-shell{margin:0}.content{padding:0}.panel{box-shadow:none;break-inside:avoid}.hero{print-color-adjust:exact}.kpis{grid-template-columns:repeat(4,1fr)}.screen-layout{display:block}body{background:white}.panel,.kpi{border-color:#ccc}}