@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&family=Cairo:wght@400;600;700&family=Tajawal:wght@400;500;700&display=swap');
:root{--brand:#2f5b9a;--primary:hsl(213 53% 39%);--ink:#18263a;--muted:#728096;--line:#e8edf3;--bg:#f5f7fb;--success:#17835a;--warning:#a16b0c;--danger:#bf4051;--purple:#7650b1;--soft:#edf3fb;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69a3e2;outline-offset:3px}a{color:var(--brand);text-decoration:none}button{border:0;background:none;color:inherit}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{width:239px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.brand{height:102px;display:flex;align-items:center;gap:10px;padding:21px 24px;border-bottom:1px solid var(--line)}.brand img{width:56px;height:56px;object-fit:contain}.wordmark{font-family:Montserrat,sans-serif;font-size:12px;font-weight:800;line-height:1.65;color:var(--brand);letter-spacing:.7px}.wordmark small{display:block;font:10px Inter,sans-serif;color:var(--muted);letter-spacing:1.3px;margin-top:3px}.navscroll{overflow:auto;flex:1;padding:17px 13px}.navgroup{font-size:9px;letter-spacing:1.5px;color:#919bac;font-weight:700;padding:15px 13px 8px}.navitem{display:flex;align-items:center;gap:12px;width:100%;padding:10px 13px;margin:3px 0;border-radius:9px;font-weight:500;color:#647086;font-size:12px;text-align:left}.navitem:hover{background:#f4f7fb}.navitem.active{background:var(--soft);color:var(--brand);font-weight:700}.navitem .count{margin-left:auto;background:#dce8f7;color:var(--brand);border-radius:5px;padding:2px 5px;font-size:10px}.sidebottom{padding:14px;border-top:1px solid var(--line)}.demo-tag{font-size:10px;padding:10px;background:#f7f8fb;border:1px dashed #dce3ec;border-radius:8px;color:var(--muted);line-height:1.6}.shell{margin-left:239px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:20}.breadcrumb{font-size:12px;color:#8994a5;white-space:nowrap}.breadcrumb strong{color:#42546b;font-weight:500}.topsearch{margin-left:auto;display:flex;align-items:center;gap:10px;color:#8994a5}.topsearch input{border:0;background:none;width:176px;outline:0}.key{border:1px solid var(--line);border-radius:4px;padding:3px 5px;font-size:10px}.divider{height:27px;width:1px;background:var(--line)}.user{display:flex;align-items:center;gap:10px}.avatar{height:34px;width:34px;border-radius:50%;background:#e8eef8;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:11px}.avatar.peach{background:#fff0e4;color:#b37648}.avatar.purple{background:#f0eafa;color:#775ca5}.avatar.green{background:#e5f5ee;color:#318265}.user strong{display:block;font-size:11px}.user small{font-size:10px;color:var(--muted)}.iconbtn{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;position:relative}.iconbtn .dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#d69928;border:1px solid white}.main{padding:30px 32px 24px;max-width:1680px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--brand);margin-bottom:8px;text-transform:uppercase}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:0 0 8px}p{line-height:1.65;margin:0}.sub{font-size:12px;color:var(--muted)}h2{font-size:14px;letter-spacing:-.2px;font-weight:650;margin:0}h3{font-size:13px;margin:0 0 7px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #dfe6ef;border-radius:8px;background:white;font-weight:550;font-size:11px;white-space:nowrap}.btn:hover{background:#f3f6fa}.btn.primary{background:var(--brand);color:white;border-color:var(--brand)}.btn.primary:hover{background:#254c84}.btn.soft{background:#edf3fb;color:var(--brand);border-color:#edf3fb}.btn.danger{color:var(--danger);border-color:#f0d4d9}.btn svg{width:15px;height:15px}.select{padding:9px 29px 9px 12px;background:#fff;border:1px solid #dfe6ef;border-radius:8px;color:#45556c;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{padding:19px 21px;position:relative}.stat .label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat .label .icon{color:#869bb8;width:18px}.stat .value{font-size:30px;letter-spacing:-1px;font-weight:650;margin:10px 0}.stat .foot{font-size:10px;color:#8b96a6}.stat .trend{color:var(--success);font-weight:650;margin-right:5px}.stat.warn .trend{color:var(--warning)}.stat .spark{position:absolute;right:16px;bottom:17px;width:80px;height:30px}.grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:21px;margin-bottom:22px}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 16px;gap:12px}.cardhead .sub{font-size:10px;margin-top:5px}.cardbody{padding:0 23px 21px}.cardlink{color:var(--brand);font-size:10px;font-weight:600;display:flex;align-items:center;gap:6px}.chart{width:100%;height:190px;display:block}.chart text{font:9px Inter,sans-serif;fill:#8d98a8}.legend{display:flex;gap:17px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:7px;width:7px;border-radius:50%;background:var(--brand)}.donutwrap{display:flex;align-items:center;justify-content:center;gap:26px;padding:10px 0}.donut{position:relative;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--brand) 0 43%,#79a4d8 43% 68%,#acc5e5 68% 88%,#e6eef9 88%);flex-shrink:0}.donut:before{content:'';position:absolute;inset:19px;border-radius:50%;background:white}.donutlabel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.donutlabel strong{font-size:28px;font-weight:650;color:var(--ink);letter-spacing:-1px}.donutlegend{display:grid;gap:12px;min-width:120px}.donutlegend div{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.donutlegend i{width:7px;height:7px;border-radius:50%;background:var(--brand)}.donutlegend strong{margin-left:auto;color:var(--ink);font-weight:600}.alert{border:1px solid #f2e4c5;background:#fffbf2;border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:12px;font-size:11px;color:#876322;margin-bottom:22px}.alert .icon{width:17px}.alert button{margin-left:auto;font-size:10px;font-weight:700}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#8c97a7;background:#fafbfd;font-weight:550;padding:12px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 21px;border-bottom:1px solid #eef1f6;color:#59697e}tbody tr:hover{background:#fafcff}td strong{color:#35465d;font-weight:600}td .person{display:flex;align-items:center;gap:10px}.person .avatar{width:30px;height:30px;font-size:10px}.person small{display:block;color:#96a0ae;font-size:9px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap;background:#edf2fa;color:var(--brand)}.badge:before{content:'•';font-size:12px;line-height:.6}.badge.green{background:#eaf6ef;color:#228459}.badge.amber{background:#fff4db;color:#a37516}.badge.red{background:#fdeef0;color:#bc4657}.badge.gray{background:#eff1f4;color:#7b8492}.badge.purple{background:#f1ecf9;color:#7b5aa8}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 21px;color:#929cab;font-size:10px}.pagenums{display:flex;gap:5px}.pagenums button{border:1px solid var(--line);border-radius:5px;min-width:27px;height:27px;font-size:10px}.pagenums button.active{background:var(--soft);color:var(--brand);border-color:#d8e5f6}.pagenums button:disabled{opacity:.4;cursor:default}.taskline{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}.taskline:last-child{border:0}.check{width:16px;height:16px;border:1px solid #ced8e5;border-radius:5px;flex-shrink:0;margin-top:2px;cursor:pointer}.check.done{background:var(--success);border-color:var(--success)}.check.done:after{content:'✓';color:white;font-size:11px;display:block;text-align:center}.taskline p{font-size:11px;color:#42546c}.taskline small{font-size:9px;color:#98a2b1;display:block;margin-top:5px}.taskline .badge{margin-left:auto}.footer{display:flex;justify-content:space-between;color:#99a2b1;font-size:9px;padding:25px 0 0}.live{color:var(--success);display:flex;align-items:center;gap:5px}.live:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--success)}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{padding:13px 1px;color:var(--muted);border-bottom:2px solid transparent;font-size:11px;white-space:nowrap}.tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:650}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:17px 21px;border-bottom:1px solid var(--line)}.searchfield{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;min-width:230px}.searchfield .icon{width:15px;color:#98a3b2}.searchfield input{border:0;outline:none;width:100%;font-size:11px}.toolbar .end{margin-left:auto}.pill{background:#f1f4f8;border-radius:6px;padding:7px 10px;font-size:10px;color:#748297}.profilehead{display:flex;gap:17px;align-items:center;padding:23px}.profilehead .avatar{height:58px;width:58px;font-size:18px}.profilehead h2{font-size:19px}.profilehead .sub{margin:5px 0}.detailrows{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:21px 23px}.detailrows dt{color:#95a0b0;font-size:10px;margin-bottom:6px}.detailrows dd{margin:0;font-size:12px;color:#42546b}.progress{height:6px;border-radius:5px;background:#edf1f6;overflow:hidden}.progress i{height:100%;display:block;background:var(--brand);border-radius:5px}.steps{display:flex;justify-content:space-between;gap:10px;margin:20px 0 28px}.step{flex:1;border-top:3px solid #e1e7ef;padding-top:10px;font-size:10px;color:#9aa4b3}.step.done{border-color:#75b49b;color:#45826a}.step.current{border-color:var(--brand);color:var(--brand);font-weight:700}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5d6b80}.field input,.field select,.field textarea{border:1px solid #dde5ee;border-radius:8px;background:white;padding:11px 12px;outline:none;min-width:0;color:#42546b}.field textarea{min-height:90px;resize:vertical}.field.full{grid-column:1/-1}.formsection{padding:22px 24px;border-bottom:1px solid var(--line)}.formsection h2{margin-bottom:20px}.formfooter{padding:18px 23px;display:flex;justify-content:flex-end;gap:10px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:17px;overflow:auto}.column{background:#edf1f7;border-radius:13px;padding:13px;min-height:380px}.columnhead{display:flex;justify-content:space-between;font-size:11px;font-weight:600;padding:4px 3px 15px}.leadcard{background:white;padding:16px;border:1px solid #e3e8f0;border-radius:10px;margin-bottom:12px;cursor:pointer}.leadcard:hover{border-color:#a9bfdc}.leadcard p{font-size:10px;color:var(--muted);margin:7px 0 12px}.leadfoot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#93a0b1;margin-top:15px}.leadcard .avatar{height:24px;width:24px;font-size:8px}.inbox{display:grid;grid-template-columns:300px minmax(300px,1fr) 245px;min-height:600px}.threads{border-right:1px solid var(--line)}.thread{padding:17px;border-bottom:1px solid var(--line);display:flex;gap:10px;cursor:pointer}.thread.active{background:#edf3fb;border-left:3px solid var(--brand);padding-left:14px}.thread p{font-size:10px;color:#8c98a9;margin-top:6px}.thread small{font-size:9px;color:#9aa5b5;margin-left:auto}.chathead{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chatbody{padding:25px;min-height:380px;background:#fcfdff}.date{text-align:center;color:#a3adbb;font-size:9px;margin-bottom:22px}.bubble{max-width:83%;padding:13px 15px;border:1px solid var(--line);border-radius:0 12px 12px;background:white;font-size:11px;line-height:1.7;margin-bottom:18px;color:#55657b}.bubble.mine{margin-left:auto;background:#eaf1fb;border-color:#eaf1fb;border-radius:12px 0 12px 12px}.bubble small{display:block;text-align:right;font-size:8px;color:#98a4b6;margin-top:7px}.chatinput{padding:15px;border-top:1px solid var(--line);display:flex;gap:10px}.chatinput input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px}.context{padding:23px 18px;border-left:1px solid var(--line)}.context dl{display:grid;gap:17px}.context dt{font-size:9px;color:#9aa4b4;margin-bottom:5px}.context dd{margin:0;font-size:11px}.context .avatar{height:47px;width:47px;font-size:15px;margin-bottom:12px}.context h3{font-size:14px}.calendar{display:grid;grid-template-columns:55px repeat(5,1fr)}.calhead{padding:15px 8px;text-align:center;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.calhead strong{display:block;font-size:19px;color:#52647d;margin-top:7px}.calcell{min-height:88px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:6px;font-size:9px;color:#9aa4b3}.calcell.time{border-right:0;text-align:center;padding-top:15px}.event{background:#edf3fb;border-left:3px solid var(--brand);padding:9px;border-radius:5px;color:var(--brand);font-size:10px;line-height:1.6}.event.green{background:#edf7f1;border-color:#4f9e7c;color:#3b7c60}.event.amber{background:#fff7e7;border-color:#d6ae51;color:#9c7b37}.filegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.filecard{padding:20px}.fileicon{width:39px;height:45px;background:#edf3fb;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--brand);margin-bottom:17px}.filecard p{font-size:10px;color:var(--muted);margin:7px 0 15px}.invoice{padding:40px;max-width:800px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px}.invoicebrand{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.invoicebrand img{width:90px}.invoice h1{font-size:29px;color:var(--brand)}.invoice p{font-size:11px;color:var(--muted)}.invoice table{margin:28px 0}.invoice .total{margin-left:auto;width:280px;display:grid;gap:14px;font-size:12px}.invoice .total div{display:flex;justify-content:space-between}.branchcard{padding:23px}.branchcover{height:90px;background:linear-gradient(125deg,#edf3fb,#dce7f5);margin:-23px -23px 20px;display:flex;align-items:center;justify-content:center;color:#6e91bc;position:relative;overflow:hidden}.branchcover:after{content:'';width:180px;height:180px;border:1px solid #b9cee6;border-radius:50%;position:absolute;right:-20px;top:-70px}.branchcover .icon{width:38px;height:38px}.branchmeta{display:flex;justify-content:space-between;margin:22px 0;font-size:10px;color:var(--muted)}.branchmeta strong{display:block;font-size:21px;color:var(--ink);margin-top:6px}.integration{padding:23px}.appicon{width:43px;height:43px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#e9f6ef;color:#2c9a67;margin-bottom:18px;font-size:23px;font-weight:600}.appicon.ig{background:linear-gradient(135deg,#f8e9f3,#fff1e6);color:#b56299}.integration p{font-size:11px;color:var(--muted);margin:10px 0 20px}.rule{padding:20px 23px;display:flex;gap:17px;align-items:center;border-bottom:1px solid var(--line)}.rule .ruleicon{width:40px;height:40px;background:var(--soft);color:var(--brand);border-radius:10px;display:flex;align-items:center;justify-content:center}.rule p{font-size:10px;color:var(--muted);margin-top:5px}.toggle{width:32px;height:18px;background:#cbd4e0;border-radius:20px;position:relative;margin-left:auto;flex-shrink:0}.toggle:after{content:'';height:12px;width:12px;border-radius:50%;background:white;position:absolute;top:3px;left:3px}.toggle.on{background:var(--brand)}.toggle.on:after{left:17px}.activity{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:flex-start}.activity .activityicon{background:#edf3fb;color:var(--brand);width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity .activityicon svg{width:15px}.activity p{font-size:11px}.activity small{display:block;color:#96a1b2;font-size:9px;margin-top:5px}.activity .badge{margin-left:auto}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.swatch{border:1px solid var(--line);border-radius:10px;overflow:hidden}.swatch .color{height:70px}.swatch p{padding:13px;font-size:11px}.swatch small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.studenthero{padding:28px;background:linear-gradient(115deg,#2f5b9a,#477ab7);color:white;border-radius:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.studenthero .eyebrow{color:#c4d9f2}.studenthero h1{font-size:27px}.studenthero p{color:#d4e2f3;font-size:12px}.heroart{width:95px;height:95px;border:1px solid #ffffff30;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px}.heroart .icon{width:46px;height:46px;stroke-width:1}.upload{border:1px dashed #b8cbe1;border-radius:10px;background:#f8faff;padding:30px;text-align:center;color:var(--brand);display:block;cursor:pointer}.upload .icon{width:28px;height:28px;margin-bottom:12px}.upload p{font-size:11px}.upload small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.empty{padding:45px;text-align:center;color:var(--muted)}.empty .icon{width:36px;height:36px;margin-bottom:12px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authleft{background:var(--brand);padding:70px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.authleft:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #ffffff18;border-radius:50%;right:-300px;bottom:-200px}.authleft img{width:100px;background:white;border-radius:15px;padding:10px}.authleft h1{font-size:42px;line-height:1.25;max-width:420px;margin-bottom:20px}.authleft p{color:#cfdded;max-width:360px}.authright{padding:70px;display:flex;align-items:center;justify-content:center;background:white}.authform{max-width:350px;width:100%}.authform h1{font-size:28px}.authform .field{margin:22px 0}.authform .btn{width:100%}.modalback{position:fixed;inset:0;background:#10213e55;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:16px;max-width:590px;width:100%;box-shadow:0 25px 100px #10213e33;max-height:90vh;overflow:auto}.modal .cardhead{border-bottom:1px solid var(--line)}.modal .cardbody{padding-top:23px}.modal .sub{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#213752;color:#fff;padding:13px 20px;border-radius:10px;font-size:12px;box-shadow:0 8px 25px #18324b22;opacity:0;transition:.2s;pointer-events:none;z-index:200}#toast.show{transform:translate(-50%,0);opacity:1}.skeleton{height:2px;position:fixed;top:0;left:0;width:100%;background:linear-gradient(90deg,transparent,#6c9ed3,transparent);animation:loading .6s infinite;z-index:150}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.mobilemenu{display:none}.statuslegend{display:flex;flex-wrap:wrap;gap:8px}.note{font-size:10px;color:#8d98a8;line-height:1.7}.screenindex{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screenlink{padding:17px;border:1px solid var(--line);border-radius:10px;text-align:left;display:flex;align-items:center;gap:11px;background:#fff}.screenlink:hover{background:var(--soft)}.screenlink .icon{color:var(--brand)}.screenlink small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.metricrow{display:flex;justify-content:space-between;font-size:11px;margin:17px 0 8px}.capacity{padding:18px 0;border-bottom:1px solid var(--line)}.capacity .person{display:flex;align-items:center;gap:10px;margin-bottom:12px}.capacity .person span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.funnelrow{margin:15px 0}.funnelrow div{font-size:10px;display:flex;justify-content:space-between;margin-bottom:7px}.funnelbar{background:#eaf0f8;border-radius:5px;height:26px}.funnelbar i{display:block;background:#5d86ba;border-radius:5px;height:100%}.topnote{font-size:10px;background:#edf3fb;color:var(--brand);padding:8px 12px;border-radius:7px;margin-bottom:17px}.mobile-status{display:none}body.student .sidebar .brand{height:102px}@media(min-width:1450px){.main{padding:36px 42px}.stat .value{font-size:34px}.chart{height:215px}.inbox{min-height:660px}}@media(max-width:1150px){.sidebar{width:205px}.shell{margin-left:205px}.brand{padding:20px 15px}.main{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:10px}.stat{padding:16px}.inbox{grid-template-columns:250px 1fr}.context{display:none}.grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.donutwrap{gap:13px}.donut{width:120px;height:120px}.topsearch{display:none}.grid.three{grid-template-columns:repeat(2,1fr)}.filegrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{transform:translateX(-100%);width:239px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 100px #10213e33}.shell{margin-left:0}.mobilemenu{display:inline-flex}.main{padding:22px 18px}.topbar{height:65px;padding:0 18px;gap:13px}.topbar .breadcrumb{margin-right:auto}.topbar .divider,.topbar .user small{display:none}.topbar .user strong{font-size:10px}.grid,.grid.equal{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat .spark{width:65px}.pagehead{flex-wrap:wrap}h1{font-size:25px}.screenindex{grid-template-columns:repeat(2,1fr)}.authleft{padding:35px}.authleft h1{font-size:30px}.authright{padding:35px}.steps{overflow:auto}.step{min-width:85px}.inbox{grid-template-columns:220px 1fr}.calendar{min-width:680px}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.user .avatar{width:30px;height:30px}.user div{display:none}.main{padding:20px 13px}.pagehead{margin-bottom:20px;gap:13px}.pagehead .actions{width:100%}.pagehead .select{flex:1}.stats{gap:10px}.stat .value{font-size:27px}.stat .spark{display:none}.grid.three,.filegrid,.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.detailrows{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(2,1fr)}.inbox{grid-template-columns:1fr}.threads{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.thread{min-width:230px}.chatbody{min-height:300px}.invoice{padding:23px}.invoicebrand{gap:20px}.invoicebrand img{width:60px}.studenthero{padding:23px}.heroart{display:none}.auth{grid-template-columns:1fr}.authleft{display:none}.authright{padding:30px}.screenindex{grid-template-columns:1fr}.footer span:first-child{max-width:65%;line-height:1.6}.legend{gap:9px}.cardhead{padding:19px}.cardbody{padding:0 19px 19px}.breadcrumb{font-size:10px}.topbar .iconbtn{width:30px;height:30px}.invoice .total{width:100%}.toolbar .searchfield{min-width:0;width:100%}}
@media print{.sidebar,.topbar,.pagehead .actions,.footer,.btn,#toast{display:none!important}.shell{margin:0}.main{padding:0}.invoice{border:0;max-width:none}.card{break-inside:avoid}}
/* Website identity: original typefaces, scale, menu order and primary token. */

body{font-family:Inter,system-ui,sans-serif;font-size:16px}.sub{font-size:14px}.btn{font-size:14px;padding:10px 15px;border-radius:999px}.navitem{font-size:14px}.select{font-size:14px}.brand{height:112px}.brand img{width:60px;height:60px}.wordmark{font-size:12px}h1{font-size:30px;line-height:1.2}h2{font-size:18px;line-height:1.4}h3{font-size:16px}.eyebrow{font-size:11px}.stat .label{font-size:14px}.stat .foot{font-size:12px}.stat .value{font-size:36px}.stat .spark{width:60px;opacity:.6}.badge{font-size:12px}.breadcrumb{font-size:14px}.user strong{font-size:12px}.user small{font-size:11px}.topsearch input{font-size:12px;width:156px}table{font-size:14px}th{font-size:11px;padding:13px 18px}td{padding:16px 18px}.person small{font-size:11px}.pagination{font-size:12px}.pagenums button{font-size:12px;height:30px;min-width:30px}.taskline p{font-size:14px}.taskline small{font-size:11px}.taskline .badge{font-size:10px}.cardhead .sub{font-size:12px}.cardlink{font-size:12px}.legend{font-size:12px}.donutlegend div{font-size:12px}.donutlegend{min-width:135px}.cardhead{padding:21px}.donutwrap{gap:19px}.donut{width:133px;height:133px}.detailrows dt{font-size:12px}.detailrows dd{font-size:14px}.tabs button{font-size:14px}.searchfield input{font-size:14px}.field{font-size:14px}.field input,.field select,.field textarea{font-size:14px}.formsection h2{font-size:18px}.topnote{font-size:13px}.note{font-size:12px}.leadcard p{font-size:13px}.columnhead{font-size:14px}.leadfoot{font-size:11px}.thread strong{font-size:14px!important}.thread p{font-size:12px}.bubble{font-size:14px}.bubble small{font-size:10px}.context dd{font-size:14px}.context dt{font-size:11px}.event{font-size:12px}.filecard p{font-size:13px}.integration p{font-size:14px}.rule p{font-size:13px}.activity p{font-size:14px}.activity small{font-size:11px}.activity .badge{font-size:11px}.metricrow{font-size:14px}.screenlink{font-size:14px}.screenlink small{font-size:11px}.swatch p{font-size:14px}.swatch small{font-size:11px}.footer{font-size:11px}.siteheader{height:64px;display:flex;align-items:center;gap:24px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.sitewordmark{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(90deg,#1e40af,#0ea5e9);color:transparent;background-clip:text}.siteheader nav{display:flex;gap:3px;margin-left:auto}.siteheader nav button{padding:8px 12px;border-radius:999px;font-size:14px;font-weight:500;color:#6b7280}.siteheader nav button:hover{background:#edf3fb;color:var(--brand)}.sitecontact{background:var(--primary);color:white;padding:9px 14px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:6px}.sitecontact .icon{width:14px}.topbar{height:70px;top:0}.main{padding-top:28px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:18px}.grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}.alert{font-size:14px}.alert button{font-size:12px}.ruleicon{flex-shrink:0}.btn .icon{width:16px;height:16px}.navscroll{padding-top:8px}.navgroup{font-size:10px}.demo-tag{font-size:11px}.demo-tag .icon{width:12px;height:12px;vertical-align:middle}.taskline{gap:9px}.stat .foot{max-width:80%}.studenthero h1{font-size:30px}.studenthero p{font-size:14px}.invoice p{font-size:13px}.invoice .note{font-size:11px}.chart text{font-family:Inter,system-ui,sans-serif}.btn.danger{border-radius:8px}.screenindex{grid-template-columns:repeat(3,minmax(0,1fr))}.stat .value{white-space:nowrap}.modal .formfooter{flex-wrap:wrap}.chatinput .btn{font-size:12px}.siteheader .sitewordmark{font-size:13px}.topsearch{gap:7px}.topbar{gap:15px}.brand{padding-left:18px;padding-right:12px}.wordmark small{font-size:9px}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.integration .btn{font-size:12px}.sidebar .navitem{padding:9px 12px}.sidebar .navitem .icon{width:18px}.inbox{grid-template-columns:270px minmax(280px,1fr) 215px}.inbox .context .btn{font-size:11px}.inbox .thread{padding:15px 12px}.thread p{max-width:170px}.inbox .context{padding:21px 15px}.alert .icon{flex-shrink:0}.alert span{line-height:1.6}.screenlink strong{font-size:13px}.swatches{grid-template-columns:repeat(4,1fr)}
@media(min-width:1450px){.stat{padding:22px}.main{padding:32px 40px}.chart{height:220px}.siteheader{padding:0 40px}.topbar{padding:0 40px}}
@media(max-width:1250px){.stat .value{font-size:30px}.sitecontact{display:none}.topsearch{display:none}.grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.inbox{grid-template-columns:260px 1fr}.context{display:none}.donutwrap{gap:15px}.donut{width:120px;height:120px}.donutlegend{min-width:120px}.cardhead .btn{font-size:12px}.taskline .badge{display:none}.grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.grid,.grid.equal{grid-template-columns:1fr}.siteheader{padding:0 22px;gap:10px}.siteheader nav button{font-size:12px;padding:8px}.stat .label{font-size:12px}.stat .value{font-size:27px}.stat .spark{display:none}.main{padding:25px 20px}.inbox{grid-template-columns:240px 1fr}.screenindex{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.siteheader{height:62px}.sitewordmark{font-size:12px!important}.topbar{height:60px}.siteheader nav{gap:0}.siteheader nav button{font-size:12px}.stat .value{font-size:32px}.main{padding:24px 18px}.pagehead .actions{gap:7px}.actions .btn{font-size:12px}.navitem{font-size:14px}.grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.siteheader{padding:0 13px;display:block;height:auto;min-height:85px}.sitewordmark{display:block;padding-top:13px;text-align:center}.siteheader nav{justify-content:center;margin:8px 0 7px}.siteheader nav button{padding:6px 11px}.topbar{padding:0 13px}.breadcrumb{font-size:12px}.main{padding:22px 13px}h1{font-size:28px}.sub{font-size:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px 13px}.stat .label{font-size:12px}.stat .value{font-size:27px}.stat .foot{font-size:10px;max-width:none}.cardhead{padding:18px}.cardbody{padding:0 18px 20px}.grid.three{grid-template-columns:1fr}.screenindex{grid-template-columns:1fr}.inbox{grid-template-columns:1fr}.thread p{max-width:180px}.context{display:none}.cardhead h2{font-size:17px}.pagehead .select{max-width:100%}.select{font-size:12px}.swatches{grid-template-columns:repeat(2,1fr)}.topbar .user{display:none}.footer{font-size:9px}.statuslegend .badge{font-size:11px}.formgrid{grid-template-columns:1fr}.detailrows{padding:15px 0;gap:18px}.detailrows dd{font-size:13px}.heroart{display:none}.authform h1{font-size:28px}.formfooter{flex-wrap:wrap}.stat .value{letter-spacing:-1.1px}.btn{white-space:normal}.pagehead .actions{width:100%}.pagehead .actions .btn{font-size:12px}}
.sitewordmark{display:flex;align-items:center;gap:9px}.sitewordmark img{height:40px;width:43px;object-fit:contain;flex-shrink:0}@media(max-width:560px){.siteheader .sitewordmark{display:flex;justify-content:center;padding-top:9px}.sitewordmark img{height:34px;width:37px}.siteheader{min-height:96px}}
.formerror{color:var(--danger);font-size:13px;line-height:1.6;margin:16px 0;white-space:pre-wrap}.securitynote{display:flex;gap:10px;align-items:center;padding:12px 16px;margin-bottom:20px;border:1px solid #dce7f5;border-radius:9px;background:#edf3fb;color:var(--brand);font-size:12px;line-height:1.6}.securitynote button{margin-left:auto;font-weight:600;white-space:nowrap}.live.offline{color:#a16b0c}.live.offline:before{background:#cba049}.secret{padding:18px;background:#edf3fb;border-radius:8px;word-break:break-all;user-select:all;font-size:15px}.articlepreview{white-space:pre-wrap;max-height:120px;overflow:hidden}.modal .field.full,.modal .full{grid-column:1/-1}.btn:disabled{opacity:.55;cursor:wait}input[type=number]{min-width:0}.invoice .total{width:100%;max-width:300px}.invoiceline input[name=unit],.invoiceline input[name=tax]{min-width:0}input[type=number]{-moz-appearance:textfield}#invoiceLines input[type=number]{appearance:auto}.stat .foot{max-width:100%}.stat .spark{display:none}.sidebar .demo-tag{border-style:solid}.authform .field input{width:100%}.authform input[name=code]{letter-spacing:3px}.sidebar .sidebottom .btn{font-size:12px}.topbar .btn{font-size:12px}.filecard h3{overflow-wrap:anywhere}.sidebar .navitem{font-size:13px}.modal .cardbody{padding-top:23px}.modal .formfooter{padding:18px 0 0}.modal>.formfooter{padding:0 23px 20px}.authform .formerror{min-height:0}.authform input[type=password]{letter-spacing:1px}.authform .field{margin:18px 0}.authform .field input{font-size:15px}.stat .value{font-size:30px}.empty h3{margin-bottom:10px}.empty .sub{max-width:450px;margin:auto}.btn .icon{flex-shrink:0}.alert span{white-space:normal}.tablewrap td .btn{font-size:12px}.rule .note{font-size:11px}@media(max-width:560px){.securitynote{align-items:flex-start}.securitynote button{white-space:normal}.stat .value{font-size:23px}.main .cardbody .detailrows{padding:12px 0}.topbar .actions .btn{font-size:11px;padding:8px}.formgrid .full{grid-column:1/-1}.modal .formgrid{grid-template-columns:1fr}.authright{padding:26px}.authform{max-width:390px}}
.language-picker{max-width:125px;font-size:12px;padding:8px 18px 8px 10px}.authform>.language-picker{float:right;margin-bottom:18px}.rtl{font-family:Cairo,Tajawal,system-ui,sans-serif}.rtl .sidebar{right:0;left:auto;border-right:0;border-left:1px solid var(--line)}.rtl .shell{margin-left:0;margin-right:239px}.rtl .navitem{text-align:right}.rtl .navitem .count{margin-left:0;margin-right:auto}.rtl .siteheader nav{margin-left:0;margin-right:auto}.rtl .topbar .actions{margin-left:0!important;margin-right:auto}.rtl .metricrow,.rtl .cardhead{direction:rtl}.rtl table{text-align:right}.rtl .pagination{direction:rtl}.rtl .formfooter{justify-content:flex-start}.rtl .securitynote button{margin-left:0;margin-right:auto}.rtl .bubble.mine{margin-left:0;margin-right:auto}.rtl .avatar{font-family:Inter,system-ui,sans-serif}.rtl .wordmark,.rtl .sitewordmark{font-family:Montserrat,system-ui,sans-serif}.rtl input[type=email],.rtl input[type=password],.rtl input[type=url],.rtl code{direction:ltr;text-align:left}.rtl .authform>.language-picker{float:left}.rtl .authleft h1{font-family:Cairo,system-ui,sans-serif}.rtl .actions .icon{transform:none}@media(max-width:1150px){.rtl .shell{margin-right:205px}}@media(max-width:850px){.rtl .shell{margin-right:0}.rtl .sidebar{transform:translateX(100%);width:239px}.rtl .sidebar.open{transform:translateX(0)}}@media(max-width:560px){.language-picker{font-size:11px;max-width:100px}.topbar .actions{gap:6px}.rtl .siteheader .sitewordmark{direction:ltr}.rtl .topbar .breadcrumb{font-size:11px}}
.livecalendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:840px}.livecalday{border-right:1px solid var(--line)}.livecalday:last-child{border:0}.livecalevents{padding:12px;min-height:200px}.livecalevents .event{width:100%;margin-bottom:10px;text-align:start}.livecalday .calhead strong{font-size:22px}.toolbar .end{margin-left:auto}.rtl .toolbar .end{margin-left:0;margin-right:auto}
.channel-banner{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #d9e5f4;background:#edf3fb;border-radius:12px;margin-bottom:20px;color:var(--brand)}.channel-banner p{font-size:13px;margin-top:4px;color:#6d8099}.channel-banner>.badge{margin-inline-start:auto}.channel-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.channel-metric{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.channel-metric>span:first-child{font-size:12px;color:var(--muted)}.channel-metric>strong{font-size:25px}.channel-metric .badge{align-self:flex-start}.channel-inbox{display:grid;grid-template-columns:270px minmax(270px,1fr) 245px;min-height:510px}.channel-threads{border-inline-end:1px solid var(--line);background:#fcfdff}.channel-panel-title{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-panel-title h2{font-size:14px}.channel-threads .empty{padding:40px 20px}.channel-threads .empty h3{font-size:14px}.channel-threads .empty .sub{font-size:12px}.channel-threads .thread{padding:16px 13px}.channel-threads .thread strong{font-size:13px}.channel-threads .thread p{overflow-wrap:anywhere;max-width:180px}.channel-conversation{display:flex;flex-direction:column}.channel-chatbody{padding:25px 20px;background:#fcfdff;flex:1;min-height:320px}.channel-chatbody .empty{padding:50px 20px}.channel-chatbody .bubble{max-width:95%}.channel-compose{border-top:1px solid var(--line);padding:17px 20px}.channel-compose>.actions{margin-top:12px}.channel-context{border-inline-start:1px solid var(--line);padding:23px 18px}.channel-context dl{margin:22px 0}.channel-context dt{font-size:11px;color:var(--muted);margin-top:18px}.channel-context dd{margin:7px 0 0;font-size:13px;overflow-wrap:anywhere}.channel-profile{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.channel-profile p{margin:7px 0}.channel-compose .btn:disabled{cursor:not-allowed}@media(max-width:1250px){.channel-inbox{grid-template-columns:240px minmax(0,1fr)}.channel-context{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--line);display:block}.channel-context dl{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 20px}.channel-context dt{margin-top:5px}}@media(max-width:700px){.channel-inbox{grid-template-columns:1fr}.channel-threads{border-inline-end:0;border-bottom:1px solid var(--line)}.channel-threads .thread{min-width:100%}.channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-banner{align-items:flex-start;flex-wrap:wrap}.channel-banner>.badge{margin-inline-start:30px}.channel-context dl{display:block}.channel-panel-title h2{font-size:16px}}