:root{--ink:#1d2c3c;--navy:#55687f;--green:#94cb49;--green-dark:#74a83c;--bg:#f5f7f8;--line:#e6ebf0;--text:#243346;--muted:#8392a3;--white:#fff;--radius:18px;--shadow:0 10px 35px rgba(17,36,62,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.4px}h3{font-size:14px}small{font-size:11px}.ltr{direction:ltr;text-align:left}.hidden{display:none!important}.muted{color:var(--muted)}.xs{font-size:11px}.stack{display:grid;gap:16px}.stack label,.template-form label,.fields-grid label,.inbox-toolbar label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#54657b}.stack label small{font-weight:400}input,select,textarea{color:#203044;background:#fcfdfd;border:1px solid #e0e7ec;border-radius:11px;padding:12px 14px;outline:none;transition:border .18s,box-shadow .18s;width:100%;min-height:44px}textarea{min-height:112px;resize:vertical;line-height:1.9}input:focus,select:focus,textarea:focus{border-color:#96be74;box-shadow:0 0 0 3px rgba(148,203,73,.13)}input::placeholder,textarea::placeholder{color:#abb5c0}select{appearance:auto}.check{display:flex!important;gap:9px!important;align-items:center;cursor:pointer}.check input{width:17px;height:17px;min-height:0;accent-color:var(--green-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;padding:10px 19px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.green{background:var(--green);color:#16312a;box-shadow:0 4px 11px rgba(148,203,73,.15)}.btn.green:hover{background:#a2d761}.btn.dark{background:#192b40;color:#fff}.btn.dark:hover{background:#344b61}.btn.line{background:#fff;color:#38506a;border-color:#e4eaf0}.btn.line:hover{background:#f1f5f8}.btn.sm{min-height:34px;padding:8px 13px;font-size:11px}.btn.full{width:100%;margin-top:5px}.btn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.linkbtn{padding:7px 12px;border:0;background:#eef4e6;border-radius:8px;color:#598128;font-size:11px;font-weight:700}.linkbtn:hover{background:#ddecce}.toast{position:fixed;left:28px;bottom:28px;z-index:500;padding:16px 22px;border-radius:12px;background:#1a2a38;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.2);opacity:0;transform:translateY(18px);pointer-events:none;transition:all .25s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#aa3d45}.brand{display:flex;align-items:center;gap:10px;text-align:left;direction:ltr}.brandmark{width:40px;height:40px;flex:none;background:var(--green);color:#192d26;border-radius:11px;font-size:32px;font-weight:900;line-height:41px;text-align:center;font-family:Arial,sans-serif;letter-spacing:-5px;padding-right:8px}.brandmark span{color:#fff;margin-left:-3px}.brand b{display:block;font-family:Arial,sans-serif;font-size:14px;letter-spacing:.5px;color:inherit}.brand b em{font-style:normal;font-weight:400}.brand small{display:block;margin-top:4px;letter-spacing:2.3px;font-size:8px;opacity:.54;font-family:Arial,sans-serif}.layout{display:flex;min-height:100vh;direction:rtl}.sidebar{width:255px;background:#152437;color:#b7c6d3;min-height:100vh;flex:none;position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:20}.sidebar-brand{padding:31px 25px 25px;color:#fff}.workspace-chip{margin:9px 16px 28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);padding:12px;border-radius:13px;display:flex;align-items:center;gap:10px;direction:ltr}.workspace-chip b{font-size:10px;letter-spacing:.5px;color:white;white-space:nowrap}.workspace-chip small{color:#7f95a9;font-size:9px;display:block;margin-top:4px}.avatar-letter{width:35px;height:35px;flex:none;display:grid;place-items:center;color:#dff2d0;background:#344e4b;border-radius:10px;font-size:12px}.chevron{margin-left:auto;color:#8497a9}.section-label{padding:0 28px 12px;color:#71859a;letter-spacing:2px;font-family:Arial;font-size:9px;direction:ltr;text-align:left}.sidebar nav{padding:0 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav-item{width:100%;height:43px;display:flex;align-items:center;gap:13px;text-align:right;background:none;border:0;color:#a4b6c7;border-radius:9px;padding:0 14px;font-weight:500;font-size:12px}.nav-item:hover{background:#22364b;color:#fff}.nav-item.on{background:#2b4054;color:#fff;font-weight:700}.nav-item.on .nav-icon{color:var(--green)}.nav-icon{font-family:Arial;display:grid;place-items:center;width:20px;font-size:17px;color:#8199b0}.nav-item small{margin-right:auto;font-family:Arial;letter-spacing:1px;font-size:8px;color:#96c958}.sidebar-bottom{margin-top:auto;padding:20px 17px}.mode-box{padding:13px;background:#203449;border-radius:11px;display:flex;align-items:center;gap:10px}.mode-box b{color:#e7eef3;font-size:11px}.mode-box small{display:block;margin-top:4px;color:#8298ab;font-family:Arial;font-size:9px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#95a4b3;flex:none}.green-dot{background:var(--green);box-shadow:0 0 0 4px rgba(148,203,73,.1)}.amber-dot{background:#ffc76e}.logout{margin-top:13px;border:0;background:none;color:#9fb0c0;font-size:11px;text-align:right;padding:9px 12px}.main{margin-right:255px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10}.top-left,.top-right{display:flex;align-items:center;gap:15px}.top-left{color:#8a99a9;font-size:12px}.top-left b{color:#26374c}.slash{color:#bac4ce}.top-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#e4eddb;color:#598139;font-weight:800;font-size:11px;font-family:Arial}.date-top{color:#8b9bab;font-size:11px}.env-tag{font:700 9px Arial,sans-serif;letter-spacing:1.1px;color:#587a31;background:#edf5e1;border:1px solid #dceaca;padding:8px 10px;border-radius:7px}.content{max-width:1550px;padding:35px 38px 70px;width:100%;margin:0 auto;flex:1}.heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:26px}.heading .eyebrow{color:#75a742;letter-spacing:2px;direction:ltr;text-align:right;font-size:10px;font-family:Arial;font-weight:800;margin-bottom:10px}.heading h1{font-size:25px;font-weight:800;margin-bottom:8px;color:#24374d}.heading p{color:#91a0ad;font-size:12px;margin:0;line-height:1.9}.intro{display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;background:#e6f0df;min-height:243px;border-radius:20px;margin-bottom:24px;position:relative}.intro>div:first-child{padding:29px 36px;z-index:2}.intro .mini-eyebrow{font:700 10px Arial;color:#609733;letter-spacing:1px}.intro h2{font-family:Arial,Tahoma,sans-serif;direction:ltr;text-align:right;font-size:34px;line-height:1.1;color:#1a3542;letter-spacing:-1px;margin:15px 0}.intro h2 em{font-style:normal;color:#8cbf49}.intro p{color:#5e756a;font-size:12px}.intro-art{position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;background:linear-gradient(125deg,#96ce59,#d9f3bf,#688c76);box-shadow:inset -20px -20px 60px rgba(43,91,40,.12),0 27px 45px rgba(71,102,63,.13)}.orb-one{width:230px;height:230px;right:25%;top:16%}.orb-two{width:84px;height:84px;right:17%;top:-26px;background:linear-gradient(120deg,#d5eed1,#a0c6a5)}.orbit-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:#223c40;right:70%;top:34px}.orbit-tag{position:absolute;right:40%;bottom:18px;font:700 11px Arial;letter-spacing:2px;color:#426e4b}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{padding:19px 20px;background:white;border:1px solid #edf0f2;border-radius:16px;min-height:156px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8b9aa8;font-size:11px}.metric-icon{width:31px;height:31px;border-radius:9px;background:#f1f5e9;color:#71a63c;font-size:20px;display:grid;place-items:center}.metric strong{display:block;font:700 33px Tahoma;margin:14px 0 5px;color:#22364c}.metric small{display:block;color:#9caab5;font-size:10px}.metric-line{position:absolute;height:3px;background:var(--green);bottom:0;right:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-columns.wide-left{grid-template-columns:1.18fr .82fr}.panel{background:#fff;border:1px solid #e9eef1;border-radius:17px;padding:23px;box-shadow:var(--shadow);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.panel-title h3{margin:0;font-weight:800;color:#304052;font-size:13px}.small-label{font:700 9px Arial;letter-spacing:1.5px;color:#a4b1be}.activity-row{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f3f5f7}.activity-row:last-child{border:0}.activity-mark{height:27px;width:27px;background:#eff6e7;border:6px solid #f5f9ef;border-radius:50%;box-shadow:inset 0 0 0 3px #9acd64}.activity-row b{display:block;font-size:11px;color:#415468}.activity-row small{font-size:10px;color:#adb8c1;direction:ltr;display:block;text-align:right;margin-top:4px}.checklist{display:grid;gap:16px;padding:6px 0}.checklist>div{display:flex;gap:12px;align-items:center;color:#526577;font-size:12px}.checklist span{color:#80b241;font-weight:bold;font-size:15px}.notice{font-size:11px;line-height:2;background:#f6f9f3;border-right:3px solid #9ccf63;color:#718565;padding:12px 16px;border-radius:8px;margin-top:18px}.count{display:inline-flex;padding:3px 7px;border-radius:6px;background:#ecf4e2;color:#678c40;font-size:11px}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:30px;font-size:10px;white-space:nowrap}.pill.success{background:#eef7e4;color:#65963e}.pill.warn{background:#fff1e1;color:#a86e2d}.pill.neutral{background:#f0f3f6;color:#738394}.tablewrap{overflow:auto}.tablewrap table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.tablewrap th{background:#f8fafb;font-size:10px;color:#91a0af;padding:14px}.tablewrap td{padding:14px;border-bottom:1px solid #f0f3f6;font-size:11px;color:#546579}.tablewrap td b{display:block;color:#2c4055;font-size:12px;margin-bottom:4px}.tablewrap td small{display:block;font-size:10px;color:#99a6b4}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:18px}.pagination span{color:#8698a7}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:43px 15px;color:#7c8f9c}.empty-icon{font-size:32px;color:#a5c67d;border:1px dashed #e0eacb;border-radius:50%;display:grid;place-items:center;width:62px;height:62px;margin-bottom:14px}.empty b{color:#485e70;font-size:13px}.empty p{line-height:2;font-size:11px;margin-top:8px;max-width:300px}.account-item,.course-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf1f4}.account-item:last-child,.course-item:last-child{border:0}.account-item>div:nth-child(2),.course-item>div:nth-child(2){flex:1;min-width:0}.account-item b,.course-item b{display:block;font-size:12px;color:#32485c;margin-bottom:5px}.account-item small,.course-item small{color:#94a2af;font-size:10px;direction:ltr;display:block;text-align:right;overflow:hidden;text-overflow:ellipsis}.ig-icon,.course-monogram{height:39px;width:39px;flex:none;display:grid;place-items:center;border-radius:11px;background:#ecf5e1;color:#7dae4c;font-size:22px}.course-monogram{font-size:18px;font-weight:700;background:#edf1f6;color:#607c96}.fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.template-form{display:grid;gap:18px}.template-intro{display:flex;justify-content:space-between;align-items:center;background:#213a4d;color:#fff;border-radius:17px;padding:24px 32px;margin-bottom:20px}.template-intro small{font:700 9px Arial;letter-spacing:2px;color:#b4db86}.template-intro h2{margin:12px 0;font-size:22px}.template-intro p{margin:0;color:#acc0c8;font-size:11px}.template-intro>span{font-size:40px;color:#b8d88d}.preview-card{margin-top:20px;background:#f6f8fa;border:1px dashed #e2e9ee;border-radius:13px;min-height:80px;padding:18px;line-height:2.2;color:#718294;white-space:pre-wrap}.workflow{display:flex;align-items:center;justify-content:space-between;gap:6px;overflow:auto;padding:8px 0 15px}.flow-node{flex:1;min-width:105px;border:1px solid #e7eee6;border-radius:13px;padding:14px 10px;text-align:center;background:#fcfdfa}.flow-node span{display:block;color:#90c856;font:700 19px Arial;margin-bottom:8px}.flow-node b{display:block;color:#365067;font:700 11px Arial;margin-bottom:6px}.flow-node small{color:#8798a8;line-height:1.7}.flow-arrow{color:#92c954;font-size:19px}.integration-banner{padding:20px 24px;border:1px solid #dfedcf;background:#f1f7e9;border-radius:14px;display:flex;gap:16px;align-items:center;margin-bottom:23px}.integration-banner>span:first-child{font-size:30px;color:#8cba5d}.integration-banner>div{flex:1}.integration-banner b{display:block;font-family:Arial;font-size:14px;direction:ltr;text-align:right;color:#456240}.integration-banner small{display:block;margin-top:6px;color:#7c9375}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.integration-card{display:flex;flex-direction:column;min-height:225px}.integration-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.integration-logo{width:38px;height:38px;display:grid;place-items:center;background:#ebf2e6;border-radius:12px;color:#75a347;font:800 21px Arial}.integration-card h3{font-family:Arial,Tahoma;font-size:15px}.integration-card p{color:#92a1af;font-size:11px;line-height:1.8;flex:1}.secretForm{display:flex;gap:8px}.secretForm input{min-width:0;flex:1}.secretForm button{flex:none}.result-well{padding:16px;border:1px dashed #e2eaf1;border-radius:12px;background:#f8fafb;color:#7d8fa0;font-size:11px;margin-top:14px;white-space:pre-wrap;line-height:1.8}.inbox-toolbar{display:flex;gap:14px;align-items:end;margin-bottom:16px}.inbox-toolbar label{width:260px}.inbox-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;min-height:525px}.thread-list{padding:12px;max-height:600px;overflow-y:auto}.thread-list .panel-title{padding:12px}.conv-row{width:100%;background:white;border:0;display:flex;align-items:center;gap:11px;padding:13px 11px;text-align:right;border-bottom:1px solid #eef1f5}.conv-row:hover{background:#f7faf4}.conv-row>span:last-child{min-width:0}.conv-row b{display:block;color:#40566a}.conv-row small{display:block;font-size:10px;color:#9bacb9;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:230px}.conv-avatar{width:36px;height:36px;background:#ebf3e4;color:#7da14e;display:grid;place-items:center;border-radius:50%;flex:none}.thread-view{display:flex;flex-direction:column}.thread-view .panel-title{border-bottom:1px solid #eff2f4;padding-bottom:13px}.thread-view .panel-title small{font-size:9px;color:#a1adba;max-width:250px;overflow:hidden;text-overflow:ellipsis}.bubbles{flex:1;display:flex;flex-direction:column;gap:11px;overflow-y:auto;min-height:310px;max-height:480px;padding:10px 6px}.bubble{max-width:78%;white-space:pre-wrap;padding:13px 17px;line-height:2;border-radius:15px;font-size:12px}.bubble.received{background:#f0f3f6;color:#435468;align-self:flex-start}.bubble.sent{background:#e8f3de;color:#365b32;align-self:flex-end}.bubble small{display:block;opacity:.6;font-size:9px;text-align:left;line-height:1.4;margin-top:7px}.sendbar{display:flex;gap:9px;border-top:1px solid #ebf0f3;padding-top:14px}.sendbar input{flex:1}.inbox-note{color:#a5b0bd;line-height:1.8;margin-top:10px}.sim-placeholder{font-size:35px;color:#8dbb59;text-align:center;padding:40px 20px;min-height:210px}.sim-placeholder p{font-size:12px;color:#8799a8;line-height:2}.decision-label{margin-bottom:15px}.decision-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf2f4}.decision-row small{color:#8c9ca8}.decision-row b{color:#365168}.loader{width:35px;height:35px;border:3px solid #e2efd5;border-top-color:#89bd4c;border-radius:50%;animation:spin .8s linear infinite;margin:75px auto}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding:14px 38px;border-top:1px solid var(--line);color:#a8b4c1;direction:ltr;text-align:center;font:10px Arial;letter-spacing:1px}.footer span{margin:0 9px;color:#a7cc77}.mobile-menu{display:none}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;direction:ltr}.auth-side{background:#162a3c;min-height:100vh;position:relative;overflow:hidden;color:#fff;padding:50px 60px}.auth-side:before{content:'';position:absolute;width:580px;height:580px;top:-140px;left:-250px;border-radius:50%;border:130px solid rgba(148,203,73,.035)}.auth-side:after{content:'';position:absolute;width:340px;height:340px;bottom:-100px;right:-120px;border-radius:50%;background:radial-gradient(circle,#9bcf66,#577e69);box-shadow:inset -44px -20px 90px #38625680}.floating-stamp{font:700 13px Arial;letter-spacing:3px;color:#a5c4bc}.floating-stamp span{color:var(--green)}.auth-side-content{position:absolute;top:37%;left:10%;right:10%;z-index:2}.auth-side-content .eyebrow{color:#b5dd87;font:700 10px Arial;letter-spacing:3px}.auth-side-content h1{font:700 clamp(34px,3.7vw,56px)/1.12 Arial;margin:25px 0;letter-spacing:-2px}.auth-side-content h1 i{color:#9bcf65;font-style:normal}.auth-side-content p{direction:rtl;text-align:left;max-width:400px;color:#aabcca;line-height:2}.dark-pill{display:inline-flex;margin-top:25px;color:#b3d58c;background:#284839;border:1px solid #47724a;padding:10px 18px;border-radius:25px;font:700 9px Arial;letter-spacing:1.4px}.auth-card{direction:rtl;align-self:center;width:min(460px,80%);margin:40px auto;padding:20px}.auth-card .brand{margin-bottom:75px}.auth-card .brandmark{width:45px;height:45px;font-size:37px;line-height:45px}.auth-tag{color:#82b852;font-weight:700;font-size:11px}.auth-card h2{font-size:25px;margin:10px 0 35px}.auth-card .stack{gap:20px}.auth-card .stack>label{gap:10px}.auth-foot{border-top:1px solid #ebeff3;margin-top:55px;padding-top:22px;display:flex;align-items:center;gap:10px;color:#99a9b8;font:10px Arial;direction:ltr;white-space:nowrap}
@media(max-width:1150px){.sidebar{width:220px}.main{margin-right:220px}.content{padding:26px}.topbar{padding:0 26px}.metrics{grid-template-columns:repeat(2,1fr)}.inbox-layout{grid-template-columns:275px 1fr}.intro-art .orb-one{right:8%}}
@media(max-width:790px){.sidebar{transform:translateX(110%);transition:transform .25s;width:260px}.sidebar.open{transform:translateX(0);box-shadow:-20px 0 50px #11283c44}.main{margin-right:0}.mobile-menu{display:inline-flex;border:0;background:#f2f6f8;color:#31485a;border-radius:9px;padding:10px}.topbar{height:66px;padding:0 17px}.content{padding:24px 15px 50px}.heading{align-items:flex-start;flex-direction:column;gap:14px}.heading h1{font-size:22px}.intro{grid-template-columns:1fr}.intro-art{display:none}.intro>div:first-child{padding:28px}.intro h2{font-size:29px}.two-columns,.two-columns.wide-left{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.thread-list{max-height:260px}.workflow{overflow-x:auto;justify-content:start}.metrics{gap:10px}.metric{padding:16px;min-height:140px}.metric strong{font-size:26px}.auth-wrap{display:block}.auth-side{display:none}.auth-card{width:min(440px,90%);padding:20px 0;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.auth-card .brand{margin-bottom:45px}.auth-foot{white-space:normal}.date-top{display:none}.fields-grid{grid-template-columns:1fr}.secretForm{flex-wrap:wrap}.secretForm button{width:100%}.template-intro{padding:20px}}