:root{--ink:#132525;--muted:#60706f;--line:#dfe9e7;--bg:#f3f7f6;--panel:#fff;--brand:#0b5f57;--brand2:#0d7d70;--mint:#dff5ef;--navy:#112d35;--warn:#b87515;--danger:#bb3b4a;--radius:18px;--shadow:0 12px 35px rgba(15,54,52,.09);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--navy)}.login-brand{padding:clamp(50px,8vw,120px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 18% 85%,rgba(50,190,165,.23),transparent 38%),linear-gradient(145deg,#12363b,#0e292f)}.brand-mark{width:58px;height:58px;border:1px solid rgba(255,255,255,.35);border-radius:18px;display:grid;place-items:center;font:300 38px/1 Arial;color:#80ead2;background:rgba(255,255,255,.06)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:26px;background:var(--brand);color:white}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--brand2);margin:0 0 10px}.login-brand .eyebrow{color:#79d8c3;margin-top:42px}.login-brand h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.045em;margin:12px 0 26px}.login-brand h1 span{color:#7be1ca}.login-brand>p:not(.eyebrow){font-size:1.12rem;line-height:1.7;max-width:590px;color:#bdd0d0}.pulse{margin-top:70px;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;gap:10px;align-items:center;color:#c7d8d8}.pulse i{width:8px;height:8px;background:#65dfb9;border-radius:50%;box-shadow:0 0 0 5px rgba(101,223,185,.12)}.pulse span{margin-left:auto;color:#8fa9aa;font-size:.83rem}.login-card{background:#fff;padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative}.login-card h2{font-size:2rem;margin:0 0 8px}.muted{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:18px;margin-top:32px}.login-card label{display:grid;gap:8px;font-weight:700;font-size:.88rem}input,select,textarea{border:1px solid #cbd9d7;border-radius:11px;background:#fff;padding:12px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(13,125,112,.12)}textarea{min-height:100px;resize:vertical}.primary{background:var(--brand);color:#fff;border:0;border-radius:11px;padding:13px 18px;font-weight:750;display:flex;justify-content:center;gap:10px}.primary:hover{background:#084c47}.text-btn{position:absolute;top:28px;right:28px;background:transparent;border:0;color:var(--brand);font-weight:800}.error{color:var(--danger);min-height:20px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;grid-template-rows:72px 1fr}.sidebar{grid-row:1/3;background:#102f34;color:#c7d9d8;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:5}.logo{display:flex;gap:11px;align-items:center;padding:0 8px 20px}.logo b{display:block;color:#fff;font-size:1.25rem}.logo small{font-size:.7rem;color:#8eabaa}.sidebar nav{overflow:auto;padding-right:4px}.nav-group{color:#718e8c;font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:18px 12px 7px}.nav-item{width:100%;border:0;background:transparent;color:#b9cdcc;padding:10px 12px;border-radius:10px;text-align:left;display:flex;gap:10px;align-items:center;margin:2px 0}.nav-item:hover,.nav-item.active{background:#1c4548;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #71ddc5}.nav-item span:first-child{width:20px;text-align:center}.side-foot{margin-top:auto;padding:12px 8px;display:grid;gap:12px}.synthetic{font-size:.72rem;color:#7dc9b9}.ghost{border:1px solid #3a5b5e;background:transparent;color:#b7cdcc;border-radius:9px;padding:9px}.topbar{grid-column:2;display:flex;align-items:center;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.search{display:flex;align-items:center;gap:9px;background:#f1f6f5;border:1px solid var(--line);padding:9px 12px;border-radius:12px;width:min(470px,45vw)}.search input{padding:0;border:0;background:transparent;box-shadow:none;width:100%}.search kbd{font-size:.7rem;background:#fff;border:1px solid var(--line);border-radius:5px;padding:2px 5px;color:#788}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.top-actions select{max-width:210px;padding:9px}.lang-btn,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;color:var(--ink)}.icon-btn{position:relative}.icon-btn em{position:absolute;top:-5px;right:-5px;background:var(--danger);color:white;width:17px;height:17px;border-radius:50%;font-style:normal;font-size:.65rem;display:grid;place-items:center}.avatar{border:0;background:#dcefeb;color:var(--brand);border-radius:12px;width:40px;height:40px;font-weight:800}.content{grid-column:2;padding:30px;max-width:1600px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-head h1{font-size:2rem;letter-spacing:-.035em;margin:0 0 6px}.page-head p{margin:0}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 2px 0 rgba(15,54,52,.02)}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--mint);right:-30px;top:-30px}.kpi small{color:var(--muted);font-weight:700}.kpi strong{display:block;font-size:1.8rem;margin:9px 0 5px;letter-spacing:-.03em}.trend{font-size:.75rem;color:var(--brand2)}.two{grid-template-columns:1.4fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-head h2{font-size:1.05rem;margin:0}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;background:#edf2f1;color:#526261}.chip.green{background:#dff5eb;color:#126e53}.chip.amber{background:#fff1d8;color:#915b0c}.chip.red{background:#fde5e8;color:#a52b3c}.chip.blue{background:#e2effc;color:#215f98}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#71817f;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #edf2f1;white-space:nowrap}tr:last-child td{border:0}.link{border:0;background:transparent;color:var(--brand2);font-weight:750;padding:3px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:10px;margin:15px 0}.bar{height:8px;background:#e8efee;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand2);border-radius:99px}.donut{width:154px;height:154px;border-radius:50%;background:conic-gradient(var(--brand2) 0 62%,#e7efed 62%);display:grid;place-items:center;margin:14px auto}.donut:before{content:"96%";display:grid;place-items:center;background:white;width:105px;height:105px;border-radius:50%;font-size:1.35rem;font-weight:800}.quick{display:flex;flex-wrap:wrap;gap:9px}.quick button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;color:var(--ink)}.quick button:hover{border-color:var(--brand2);color:var(--brand)}.metric-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.metric-line:last-child{border:0}.timeline{border-left:2px solid #d7e8e5;margin-left:8px;padding-left:22px}.timeline article{position:relative;margin:0 0 20px}.timeline article:before{content:"";position:absolute;left:-29px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--brand2);box-shadow:0 0 0 4px var(--mint)}.timeline p{margin:4px 0;color:var(--muted)}.module-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.module-tabs button{border:0;background:transparent;padding:10px 12px;color:var(--muted);border-bottom:2px solid transparent}.module-tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:800}.status-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-col{background:#eef4f3;border-radius:14px;padding:12px}.status-col h3{font-size:.82rem;color:var(--muted);margin:4px 4px 12px}.task{background:white;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px}.task strong{display:block;margin-bottom:6px}.task small{color:var(--muted)}.chat{display:grid;grid-template-columns:310px 1fr;height:590px;padding:0;overflow:hidden}.conversations{border-right:1px solid var(--line);padding:16px;overflow:auto}.conversation{padding:13px;border-radius:12px;margin:4px 0}.conversation.active,.conversation:hover{background:#e8f4f1}.conversation b{display:flex;justify-content:space-between}.conversation p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.82rem;margin:6px 0 0}.chat-pane{display:flex;flex-direction:column}.chat-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.messages{flex:1;padding:22px;background:#f3f8f6;overflow:auto}.message{max-width:68%;background:white;border:1px solid var(--line);padding:10px 13px;border-radius:4px 14px 14px 14px;margin:8px 0}.message.mine{margin-left:auto;background:#dff5ef;border-color:#c7e9e0;border-radius:14px 4px 14px 14px}.message b{font-size:.75rem;color:var(--brand2)}.message p{margin:5px 0}.message small{color:#7b8988}.chat-compose{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-compose input{flex:1}.overlay{position:fixed;inset:0;background:rgba(10,30,32,.45);z-index:20;display:flex;justify-content:flex-end}.sheet{width:min(510px,100%);height:100%;background:white;padding:34px;overflow:auto;box-shadow:-20px 0 50px rgba(0,0,0,.14);position:relative}.close{position:absolute;right:20px;top:18px;font-size:1.3rem}.sheet h2{font-size:1.6rem;margin:10px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-weight:700;font-size:.84rem}.form-grid .full{grid-column:1/-1}.form-actions{position:sticky;bottom:-34px;background:white;border-top:1px solid var(--line);padding:18px 0 4px;margin-top:25px;display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 15px}.notice{background:#eaf6f3;border-left:4px solid var(--brand2);padding:13px 15px;border-radius:10px;color:#315c57}.warning{background:#fff6e7;border-left-color:#d58b1e}.integration-grid{grid-template-columns:repeat(4,1fr)}.connector{min-height:145px;display:flex;flex-direction:column}.connector .chip{margin-top:auto;align-self:flex-start}.permission-matrix td{text-align:center}.permission-matrix td:first-child{text-align:left;font-weight:700}#toast{position:fixed;right:25px;bottom:25px;z-index:100;background:#15393a;color:white;border-radius:12px;padding:13px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}[dir="rtl"] body{text-align:right}[dir="rtl"] .sidebar .nav-item,[dir="rtl"] table{text-align:right}[dir="rtl"] .top-actions{margin-left:0;margin-right:auto}[dir="rtl"] .nav-item.active{box-shadow:inset -3px 0 #71ddc5}[dir="rtl"] .message.mine{margin-left:0;margin-right:auto}[dir="rtl"] .conversations{border-right:0;border-left:1px solid var(--line)}[dir="rtl"] .timeline{border-left:0;border-right:2px solid #d7e8e5;margin-left:0;margin-right:8px;padding-left:0;padding-right:22px}[dir="rtl"] .timeline article:before{left:auto;right:-29px}
@media(max-width:1050px){.kpis,.integration-grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.app-shell{grid-template-columns:76px 1fr}.logo>div:last-child,.nav-item span:last-child,.nav-group,.side-foot .synthetic{display:none}.sidebar{padding-inline:10px}.nav-item{justify-content:center}.topbar,.content{grid-column:2}.chat{grid-template-columns:250px 1fr}}
@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;transition:.2s}.sidebar.open{left:0}.logo>div:last-child,.nav-item span:last-child,.nav-group,.side-foot .synthetic{display:block}.nav-item{justify-content:flex-start}.topbar{padding:0 12px}.search{width:auto;flex:1}.search kbd,.top-actions select,.top-actions .icon-btn{display:none}.content{padding:20px 14px}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:1.55rem}.kpis,.three,.integration-grid,.status-board{grid-template-columns:1fr}.chat{grid-template-columns:1fr}.conversations{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}