:root{font-family:Tahoma,"Noto Sans Arabic","Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#0a101b;--panel:#111c2b;--panel2:#152233;--panel3:#1c2d40;--stroke:#27394a;--text:#ecf5f5;--muted:#99adbb;--accent:#4de0bd;--accent2:#173c38;--gold:#f2c77a;--danger:#f18d91;--good:#67d4ab;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}a:hover{text-decoration:underline}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ico{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}.ico.big{width:25px;height:25px}.ico.tiny{width:16px;height:16px}.hidden{display:none!important}
#app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:245px;flex:none;background:#0d1826;border-left:1px solid var(--stroke);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 16px 19px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 23px;border-bottom:1px solid var(--stroke);direction:ltr;justify-content:flex-end}.brand-mark{width:47px;height:47px;border-radius:14px;background:linear-gradient(145deg,#1c5c55,#112f35);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:inset 0 0 0 1px #397b6a}.brand-mark .ico{width:29px;height:29px}.brand strong{display:block;font-size:13px;letter-spacing:.6px;line-height:1.4}.brand small{font-size:10px;letter-spacing:2.1px;color:var(--muted)}.brand small b{color:var(--accent)}.side-label{font-size:11px;color:#718e9c;margin:23px 12px 11px}.nav-link{border:0;background:transparent;color:#abbfcb;width:100%;padding:11px 13px;margin:3px 0;text-align:right;border-radius:11px;display:flex;gap:13px;align-items:center}.nav-link:hover{background:#182838;color:#fff}.nav-link.active{background:var(--accent2);color:var(--accent);font-weight:700;box-shadow:inset -3px 0 0 var(--accent)}.nav-link .ico{width:19px;height:19px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--stroke);padding:19px 12px 0;color:#b4c9c9;font-size:11px}.online-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:8px;box-shadow:0 0 9px var(--accent)}.foot-sub{margin-top:8px;color:#6d8294}.main-area{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:10;background:rgba(10,16,27,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:14px}.top-left,.top-actions{display:flex;align-items:center;gap:15px}.crumb{font-size:12px;color:#9ab5c0;letter-spacing:.2px}.crumb span{color:var(--text);font-weight:700}.date-pill{color:var(--muted);font-size:12px;border-left:1px solid var(--stroke);padding-left:13px}.icon-button{width:38px;height:38px;border-radius:10px;background:transparent;border:1px solid transparent;color:#9bb5c2;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{border-color:var(--stroke);background:var(--panel)}.btn{border:1px solid var(--stroke);border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--panel2);color:var(--text);font-weight:700;white-space:nowrap}.btn:hover{border-color:#406578;background:var(--panel3);text-decoration:none}.btn-primary{color:#08261f;background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#79eccc;border-color:#79eccc}.btn-danger{background:#4b2835;border-color:#70404a;color:#ffb5ad}.btn-ghost{background:transparent}.btn-sm{font-size:12px;padding:8px 12px}.btn .ico{width:17px;height:17px}.main-content{padding:32px 36px 75px;max-width:1480px;margin:auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:var(--accent);text-transform:uppercase}.page-heading h1{margin:4px 0 5px;font-size:29px;line-height:1.45;letter-spacing:-.6px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero{background:linear-gradient(114deg,#173b3a 0%,#132c38 53%,#172234 100%);border:1px solid #31565b;border-radius:21px;padding:31px;display:flex;justify-content:space-between;align-items:center;gap:18px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:225px;height:225px;border:1px solid #477b73;border-radius:50%;left:-45px;top:-88px;box-shadow:0 0 0 34px #3b796a12,0 0 0 68px #3b796a0e;pointer-events:none}.hero-tag{color:#9fead6;font-size:11px;letter-spacing:1.2px}.hero h2{font-size:24px;margin:5px 0 6px}.hero p{margin:0;color:#b0d0cb;font-size:13px;max-width:650px}.hero .btn{z-index:1}.hero-graphic{width:92px;height:92px;border:1px solid #4a897b;border-radius:50%;display:grid;place-items:center;color:var(--accent);margin:0 20px}.hero-graphic .ico{height:57px;width:57px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:21px 0 28px}.stat-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:20px;min-width:0}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-card .stat-top .ico{color:#73bbaa}.stat-card .stat-num{font-size:25px;font-weight:800;margin-top:9px;letter-spacing:-.5px;line-height:1.5}.stat-card .stat-note{color:#758e9d;font-size:11px;margin-top:5px}.two-cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,1fr);gap:18px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:17px;padding:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title h3{font-size:16px;margin:0}.panel-title a{color:var(--accent);font-size:12px;text-decoration:none}.panel p{color:var(--muted)}.empty{padding:36px 16px;text-align:center;display:grid;justify-items:center;gap:10px;color:var(--muted)}.empty .empty-icon{height:56px;width:56px;border:1px solid #365366;border-radius:16px;background:#182838;display:grid;place-items:center;color:#70aaad}.empty strong{font-size:14px;color:var(--text)}.empty p{margin:0;max-width:400px;font-size:12px}.empty .btn{margin-top:8px}.steps{display:flex;flex-direction:column;gap:14px}.step{display:flex;align-items:flex-start;gap:12px}.step-no{width:29px;height:29px;border-radius:9px;background:#183e3a;color:var(--accent);display:grid;place-items:center;font-weight:700;flex:none}.step b{font-size:13px}.step p{font-size:12px;margin:3px 0}.pill{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid #345566;border-radius:999px;font-size:11px;color:#b2ccd3;background:#152b3d;white-space:nowrap}.pill.green{border-color:#31785a;color:#80e4b8;background:#173a31}.pill.gold{border-color:#7b5b30;color:#f8d394;background:#372e20}.pill.red{border-color:#753e4e;color:#f7a6af;background:#3b2230}.item-list{display:flex;flex-direction:column;gap:9px}.item-card{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#142235;border:1px solid #2b4150;border-radius:13px;padding:14px 16px}.item-card h4{font-size:13px;margin:0 0 4px}.item-card p{margin:0;color:var(--muted);font-size:11px}.item-card .value{font-size:15px;font-weight:800;text-align:left}.item-card .subvalue{font-size:11px;color:var(--muted);text-align:left}.item-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:6px}.item-actions .icon-button{width:30px;height:30px}.item-actions .ico{width:16px;height:16px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:18px}.search-wrap{position:relative;flex:1;min-width:175px}.search-wrap .ico{position:absolute;right:12px;top:10px;color:var(--muted)}.text-input,.field input,.field select,.field textarea,.search-input{background:#0e1929;border:1px solid #304457;border-radius:10px;color:var(--text);padding:11px 12px;width:100%;font-size:13px}.search-input{padding-right:39px}.toolbar select{width:auto;min-width:120px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12px;color:#b8c9d4;font-weight:700}.field small{font-size:11px;color:var(--muted)}.field textarea{resize:vertical;min-height:95px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-2{grid-column:span 2}.note{border-radius:12px;padding:12px 15px;border:1px solid #3a5360;background:#142734;color:#bcd5d5;font-size:12px}.note.warn{border-color:#69522d;background:#2b261b;color:#f0d6a2}.note.good{border-color:#2d6653;background:#18362f;color:#acf0cf}.note+.note{margin-top:10px}.muted{color:var(--muted)}.muted-sm{color:var(--muted);font-size:11px}.profit-pos{color:var(--good)!important}.profit-neg{color:var(--danger)!important}.divider{height:1px;background:var(--stroke);margin:17px 0}.kpi-list{display:grid;gap:10px}.kpi-row{display:flex;justify-content:space-between;gap:10px;font-size:13px}.kpi-row span{color:var(--muted)}.kpi-row strong{direction:ltr;unicode-bidi:isolate}.mini-heading{color:#c4e6e0;font-size:13px;font-weight:700;margin:0 0 9px}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.chat-wrap{display:flex;flex-direction:column;height:min(72vh,740px);min-height:470px;overflow:hidden}.chat-top{padding-bottom:14px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-head{display:flex;gap:12px;align-items:center}.agent-icon{width:43px;height:43px;background:#193e39;border-radius:13px;display:grid;place-items:center;color:var(--accent)}.chat-thread{flex:1;overflow:auto;padding:24px 2px;display:flex;flex-direction:column;gap:15px}.chat-msg{max-width:84%;padding:12px 15px;border-radius:15px;white-space:pre-wrap;font-size:13px;line-height:1.95;overflow-wrap:anywhere}.chat-msg.agent{background:#1a2c3b;border:1px solid #315063;align-self:flex-start;border-top-right-radius:4px}.chat-msg.user{background:#184d43;border:1px solid #2b7967;align-self:flex-end;border-top-left-radius:4px}.msg-time{font-size:10px;color:#79969d;display:block;margin-top:5px}.chat-compose{border-top:1px solid var(--stroke);padding-top:15px;display:flex;gap:9px}.chat-compose input{flex:1}.quick-asks{display:flex;flex-wrap:wrap;gap:7px;padding-top:12px}.quick-asks button{background:transparent;color:#a7cece;border:1px solid #365568;border-radius:30px;padding:6px 12px;font-size:11px}.quick-asks button:hover{background:#1d3443}.chat-mode{color:var(--gold);font-size:11px}.chat-mode.live{color:var(--accent)}.upgrade-card{border:1px solid #34535d;background:linear-gradient(135deg,#153d3a,#162a36);padding:21px;border-radius:16px}.progress{height:9px;background:#263c48;border-radius:40px;overflow:hidden;margin:12px 0}.progress>span{display:block;height:100%;background:var(--accent);border-radius:40px}.roadmap{display:grid;gap:12px}.road-item{display:flex;gap:14px;padding:15px;border:1px solid var(--stroke);border-radius:13px;background:#142235}.road-dot{width:32px;height:32px;display:grid;place-items:center;background:#234138;color:var(--accent);border-radius:50%;flex:none;font-size:13px;font-weight:800}.road-item h4{margin:0 0 4px;font-size:13px}.road-item p{margin:0;color:var(--muted);font-size:12px}.road-item small{color:#86bbaf}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:right;color:#99b1bd;font-weight:600;border-bottom:1px solid var(--stroke);padding:12px 8px;white-space:nowrap}td{padding:13px 8px;border-bottom:1px solid #25394a;vertical-align:top}td:last-child,th:last-child{text-align:left}.table-foot{font-size:11px;color:var(--muted);margin-top:10px}.page-footer{margin-top:30px;font-size:11px;text-align:center;color:#597585}.modal{width:min(95vw,610px);max-height:85vh;overflow:auto;background:#112034;color:var(--text);border:1px solid #3b5366;border-radius:19px;padding:0;box-shadow:0 24px 90px #0009}.modal::backdrop{background:#020913c9;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid var(--stroke)}.modal h2{margin:0;font-size:17px}.modal-body{padding:21px 23px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 23px;border-top:1px solid var(--stroke)}.toast{position:fixed;bottom:26px;left:26px;max-width:360px;background:#205246;color:#ddfff3;border:1px solid #469782;padding:11px 16px;border-radius:12px;box-shadow:0 6px 35px #0008;z-index:100;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.backdrop,.mobile-nav,.menu-button{display:none}.external{direction:ltr;unicode-bidi:isolate;display:inline-block;max-width:100%;overflow-wrap:anywhere}.layout-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fine{font-size:11px;color:var(--muted)}.toggle{accent-color:#4de0bd;width:17px;height:17px}.settings-stack{display:grid;gap:14px}.warn-inline{color:var(--gold)}
@media(max-width:1120px){.sidebar{width:215px}.main-content{padding:27px 23px 65px}.topbar{padding:0 23px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card .stat-num{font-size:21px}}
@media(max-width:850px){.sidebar{position:fixed;top:0;bottom:0;right:0;height:100dvh;transform:translateX(100%);transition:transform .22s;width:min(280px,84vw);box-shadow:0 0 50px #0009}.sidebar.open{transform:translateX(0)}.backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:25;opacity:0;pointer-events:none;transition:.2s}.backdrop.open{opacity:1;pointer-events:auto}.menu-button{display:inline-flex}.two-cols{grid-template-columns:1fr}.date-pill{display:none}.topbar{height:65px}}
@media(max-width:620px){.main-content{padding:21px 14px 110px}.topbar{padding:0 14px}.top-actions{gap:3px}.top-actions .btn-sm{padding:8px}.top-actions .btn-sm span{display:none}.page-heading{align-items:start;flex-direction:column;margin-bottom:18px;gap:12px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.heading-actions{width:100%}.hero{padding:21px}.hero h2{font-size:21px}.hero-graphic{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}.stat-card{padding:15px 13px}.stat-card .stat-num{font-size:21px}.stat-card .stat-note{font-size:10px}.panel{padding:15px}.item-card{align-items:flex-start}.item-card .value{font-size:13px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal-head,.modal-body,.modal-actions{padding:14px 16px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:18;background:#101d2cd9;backdrop-filter:blur(16px);border-top:1px solid #2b4556;justify-content:space-around;padding:9px 5px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{min-width:50px;border:0;background:transparent;color:#91a9b7;display:grid;justify-items:center;gap:2px;font-size:10px;padding:4px 3px}.mobile-nav button.active{color:var(--accent)}.mobile-nav .ico{width:21px;height:21px}.chat-wrap{height:calc(100dvh - 236px);min-height:395px}.chat-msg{max-width:93%}.chat-thread{padding:12px 1px}.chat-compose{padding-top:10px}.chat-compose .btn{padding:10px}.toolbar .btn{flex:1}.toast{left:12px;right:12px;bottom:90px;max-width:none}.hero .btn{white-space:normal}.crumb{font-size:11px}}