@font-face{font-family:"Edu Favorit Arabic";src:url("assets/fonts/EduFavoritArabic-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Edu Favorit Arabic";src:url("assets/fonts/EduFavoritArabic-Bold.otf") format("opentype");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Edu Favorit Arabic";src:url("assets/fonts/EduFavoritArabic-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
:root{--navy:#120E3D;--navy2:#120E3D;--purple:#532456;--violet:#B99DF9;--orange:#EF994C;--plum:#DE65B4;--paper:#f7f6fa;--ink:#120E3D;--muted:#77748a;--line:#e9e7ef;--white:#fff;--good:#238767;--goodbg:#e5f5ef;--warn:#b76b22;--warnbg:#fff2df;--bad:#c84c59;--badbg:#fdebed;--shadow:0 18px 48px rgba(18,14,61,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;position:fixed;inset:0 0 0 auto;background:linear-gradient(170deg,var(--navy),#0d092e 62%,#211348);color:#fff;padding:24px 18px;display:flex;flex-direction:column;z-index:20;overflow:hidden}.sidebar:after{content:"";position:absolute;width:220px;height:220px;border-radius:45% 55% 60% 40%;background:linear-gradient(135deg,transparent 20%,rgba(168,141,245,.18));left:-100px;bottom:40px;transform:rotate(24deg);pointer-events:none}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand strong{font-size:19px;display:block}.brand span{font-size:8px;letter-spacing:1px;color:#b7add9;display:block}.brand-mark{width:38px;height:38px;position:relative;background:linear-gradient(145deg,#b99cff,#7c58c7);border-radius:9px 15px 9px 15px;overflow:hidden}.brand-mark i,.brand-mark b{position:absolute;background:var(--navy)}.brand-mark i{width:20px;height:45px;transform:rotate(36deg);right:13px;top:-8px}.brand-mark b{width:22px;height:18px;left:-4px;bottom:-4px;transform:rotate(-32deg)}.workspace{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:13px;padding:10px 12px;margin:0 3px 22px}.workspace span{display:block;color:#9e95be;font-size:10px}.workspace b{font-size:13px}nav{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}.nav-item{border:0;background:transparent;color:#a9a2c4;padding:11px 13px;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:right;font:inherit;cursor:pointer;width:100%;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.06);color:white}.nav-item.active{background:linear-gradient(90deg,rgba(168,141,245,.19),rgba(168,141,245,.08));color:white;box-shadow:inset -3px 0 var(--orange)}.nav-item .nav-icon{width:22px;text-align:center;font-size:16px}.nav-badge{margin-inline-start:auto;background:var(--orange);color:#291408;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-bottom{margin-top:auto;position:relative;z-index:2}.profile{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:white;padding:18px 4px 2px;text-align:right;cursor:pointer}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{color:#aaa2c6;font-size:10px}.avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--orange),#f7c68e);color:#4a2405;display:grid;place-items:center;font-weight:700}.profile-menu{position:absolute;bottom:58px;inset-inline:0;background:white;border-radius:12px;padding:6px;box-shadow:var(--shadow);display:none}.profile-menu.show{display:block}.profile-menu button{width:100%;border:0;background:white;color:var(--ink);font:inherit;text-align:right;padding:9px;border-radius:8px;cursor:pointer}.profile-menu button:hover{background:#f4f1fb}.main{margin-right:264px;width:calc(100% - 264px)}.topbar{height:74px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.crumb{display:flex;align-items:center;gap:8px}.crumb span{color:var(--muted)}.crumb span:after{content:"/";margin-right:8px;color:#c8c5d0}.top-actions{display:flex;align-items:center;gap:9px}.search{width:245px;height:39px;background:#f3f2f7;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px}.search:focus-within{border-color:#b39cea;background:white}.search input{border:0;outline:0;background:transparent;font:inherit;width:100%}.icon-btn,.menu-btn{border:1px solid var(--line);background:white;border-radius:10px;width:39px;height:39px;cursor:pointer;color:#514d67}.notification{position:relative}.notification i{position:absolute;top:-5px;right:-4px;background:var(--bad);color:white;font-style:normal;font-size:9px;border-radius:9px;padding:1px 5px}.primary-btn{height:40px;border:0;border-radius:11px;padding:0 16px;background:linear-gradient(135deg,#8153b5,#5d3b8e);color:white;font:600 13px inherit;cursor:pointer;box-shadow:0 8px 20px rgba(112,68,154,.22)}.primary-btn:hover{transform:translateY(-1px)}.menu-btn{display:none}.view{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{color:#8053a0;font-size:11px;font-weight:700;letter-spacing:.06em}.page-head h1{font-size:27px;margin:2px 0 3px;letter-spacing:-.02em}.page-head p{color:var(--muted);margin:0}.date-chip{background:white;border:1px solid var(--line);border-radius:12px;padding:9px 13px;color:#5f5b70}.hero-strip{background:linear-gradient(115deg,var(--navy2),#312051 72%,#52305d);border-radius:22px;padding:26px 28px;color:white;margin-bottom:20px;position:relative;overflow:hidden;min-height:146px;display:flex;align-items:center}.hero-strip:after{content:"";position:absolute;width:260px;height:260px;left:-45px;top:-80px;border:1px solid rgba(255,255,255,.1);border-radius:39% 61% 48% 52%;transform:rotate(35deg);box-shadow:0 0 0 35px rgba(168,141,245,.05),0 0 0 75px rgba(168,141,245,.035)}.hero-strip h2{font-size:25px;margin:0 0 8px}.hero-strip p{margin:0;color:#c8c0e4;max-width:560px}.hero-strip .hero-action{margin-top:17px;background:var(--orange);border:0;border-radius:10px;padding:9px 15px;font:600 12px inherit;color:#361c08;cursor:pointer}.hero-art{margin-inline-start:auto;margin-inline-end:80px;display:flex;gap:7px;align-items:flex-end}.bar{width:17px;background:linear-gradient(var(--orange),#b36a39);border-radius:8px 8px 2px 2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card,.card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px rgba(23,18,60,.035)}.stat-card{padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:11px;background:#f1edfb;color:#6e42a0;display:grid;place-items:center;font-size:17px}.stat-card strong{display:block;font-size:27px;margin:7px 0 0;font-variant-numeric:tabular-nums}.trend{font-size:10px;color:var(--good);background:var(--goodbg);border-radius:10px;padding:2px 7px}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-head h3{font-size:16px;margin:0}.link-btn{border:0;background:transparent;color:#764ba0;font:600 12px inherit;cursor:pointer}.attendance-ring{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--good) 0 83%,var(--orange) 83% 92%,#eae8ef 92%);display:grid;place-items:center;position:relative}.ring:before{content:"";width:94px;height:94px;border-radius:50%;background:white;position:absolute}.ring span{position:relative;text-align:center;font-weight:700;font-size:21px}.ring small{display:block;color:var(--muted);font-size:10px;font-weight:400}.legend{display:grid;gap:11px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.good{background:var(--good)}.dot.warn{background:var(--orange)}.dot.muted{background:#d6d3de}.legend-row span{color:var(--muted)}.request-list,.activity-list{display:grid;gap:4px}.request-row,.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:10px;border-radius:11px}.request-row:hover,.activity-row:hover{background:#f8f7fb}.request-ic{width:35px;height:35px;border-radius:11px;background:#f3effa;display:grid;place-items:center}.request-row b,.request-row small,.activity-row b,.activity-row small{display:block}.request-row small,.activity-row small{color:var(--muted);font-size:10px}.status{border-radius:12px;padding:3px 9px;font-size:10px;font-weight:600;white-space:nowrap}.status.pending{background:var(--warnbg);color:var(--warn)}.status.approved{background:var(--goodbg);color:var(--good)}.status.rejected{background:var(--badbg);color:var(--bad)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:10px;color:var(--muted);font-weight:500;background:#f8f7fb;text-align:right;padding:11px;white-space:nowrap}.data-table td{padding:12px 11px;border-bottom:1px solid #f0eef4;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.employee-cell{display:flex;align-items:center;gap:9px}.emp-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#dad0ee,#f2c995);display:grid;place-items:center;font-weight:700;color:#443257}.employee-cell small{display:block;color:var(--muted)}.filterbar{display:flex;gap:10px;margin-bottom:16px}.filterbar input,.filterbar select,.field input,.field select,.field textarea{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 12px;font:inherit;outline:0}.filterbar input{flex:1}.filterbar select{min-width:145px}.secondary-btn{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 14px;font:600 12px inherit;color:var(--ink);cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{border:1px solid var(--line);background:white;border-radius:16px;padding:20px;text-align:right;cursor:pointer;transition:.2s}.quick-card:hover{transform:translateY(-3px);border-color:#baa3d5;box-shadow:var(--shadow)}.quick-card .request-ic{margin-bottom:18px}.quick-card h3{margin:0 0 5px}.quick-card p{color:var(--muted);font-size:11px;margin:0}.modal-backdrop{position:fixed;inset:0;background:rgba(8,6,30,.55);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:white;border-radius:20px;padding:25px;width:min(620px,96vw);max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(6,4,25,.3);position:relative}.modal-close{position:absolute;left:17px;top:15px;border:0;background:#f1eff5;width:31px;height:31px;border-radius:9px;font-size:20px;cursor:pointer}.modal h2{margin:0 0 5px}.modal .sub{color:var(--muted);margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted)}.form-actions{display:flex;gap:9px;justify-content:flex-start;margin-top:20px}.toast{position:fixed;left:25px;bottom:25px;background:var(--navy2);color:white;border-radius:12px;padding:12px 17px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.3s;z-index:80}.toast.show{transform:translateY(0);opacity:1}.empty{padding:45px;text-align:center;color:var(--muted)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:17px}.tab{border:0;background:transparent;padding:10px 13px;font:inherit;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:#704295;border-color:#704295;font-weight:600}.progress{height:7px;background:#eceaf0;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8b5fb4,var(--orange));border-radius:inherit}.pay-figure{font-size:24px;font-weight:700}.menu-dots{border:0;background:transparent;font-size:18px;cursor:pointer}.role-pill{background:#ede8f7;color:#67468c;padding:4px 9px;border-radius:10px;font-size:10px}.mobile-only{display:none}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.search{display:none}.hero-art{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-right:0;width:100%}.menu-btn{display:block}.topbar{padding:0 14px}.crumb span{display:none}.view{padding:18px}.top-actions .icon-btn,.top-actions .primary-btn{display:none}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:21px}.page-head{align-items:flex-start}.date-chip{display:none}.hero-strip{padding:22px}.hero-strip h2{font-size:21px}.attendance-ring{grid-template-columns:1fr}.ring{margin:auto}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.mobile-only{display:block}}

/* مركز الإشعارات الداخلي */
.top-actions{position:relative}.notification-panel{position:absolute;top:52px;left:54px;width:345px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;z-index:30}.notification-panel.show{display:block}.notification-head{display:flex;justify-content:space-between;align-items:center;padding:9px 10px 12px;border-bottom:1px solid var(--line)}.notification-head button{border:0;background:transparent;color:#724a99;font:600 10px inherit;cursor:pointer}.notification-item{width:100%;border:0;background:white;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:right;padding:10px;border-radius:11px;font:inherit;cursor:pointer}.notification-item:hover{background:#f8f6fb}.notification-item b,.notification-item small{display:block}.notification-item small{font-size:10px;color:var(--muted)}.notification-item>i{width:7px;height:7px;background:#8355a8;border-radius:50%}.notification-item.unread{background:#faf8fd}
@media(max-width:760px){.notification-panel{position:fixed;top:68px;left:12px;right:12px;width:auto}.top-actions .notification{display:block}}

/* Brand Guidelines v1.0 - exact official palette and logo lockup */
body{font-family:"Edu Favorit Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;color:#120E3D}.sidebar{background:linear-gradient(170deg,#120E3D 0%,#120E3D 62%,#532456 100%)}.sidebar:after{background:linear-gradient(135deg,transparent 20%,rgba(185,157,249,.18))}.brand{height:68px;display:flex;align-items:center;padding:0 8px 18px}.brand img{display:block;width:174px;height:auto;max-height:56px;object-fit:contain;object-position:right center}.nav-item.active{background:linear-gradient(90deg,rgba(185,157,249,.20),rgba(185,157,249,.08));box-shadow:inset -3px 0 #EF994C}.primary-btn{background:linear-gradient(135deg,#532456,#120E3D)}.hero-strip{background:linear-gradient(115deg,#120E3D,#532456)}.hero-strip .hero-action{background:#EF994C}.eyebrow,.link-btn,.notification-head button{color:#532456}.stat-icon,.request-ic{background:rgba(185,157,249,.18);color:#532456}.notification-item>i{background:#DE65B4}.profile .avatar{background:linear-gradient(135deg,#EF994C,#B99DF9)}

/* Flat brand treatment: no gradients, quiet navigation selection */
.sidebar{background:#120E3D}.sidebar:after{display:none}.nav-item.active{position:relative;background:transparent;box-shadow:none;color:#EF994C;font-weight:600}.nav-item.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#EF994C;position:absolute;right:2px}.nav-item:hover{background:rgba(255,255,255,.04)}.primary-btn{background:#532456;box-shadow:none}.hero-strip{background:#532456}.hero-strip:after{display:none}.hero-art .bar{background:#EF994C}.profile .avatar,.emp-avatar{background:#B99DF9}.progress i{background:#532456}.quick-card:hover{box-shadow:0 10px 28px rgba(18,14,61,.08)}

/* Readable Arabic + refined ERP dashboard */
body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;font-size:14px;background:#F8F8FB}.sidebar{width:244px;padding:22px 16px}.main{margin-right:244px;width:calc(100% - 244px)}.brand{height:62px;padding:0 10px 14px}.brand img{width:166px}.workspace{margin:4px 6px 18px;border:0;border-right:2px solid #B99DF9;border-radius:0;background:transparent;padding:5px 12px}.workspace span{color:#8e86ad}.workspace b{font-size:12px}.nav-item{padding:10px 14px;color:#aaa4c2;border-radius:8px}.nav-item.active{color:#EF994C}.nav-item.active:before{right:0;width:4px;height:18px;border-radius:3px}.nav-item .nav-icon{font-size:14px}.topbar{height:68px;padding:0 28px;background:#fff}.view{padding:26px 28px 38px}.page-head{margin-bottom:19px}.page-head h1{font-size:24px;margin-top:0}.page-head p{font-size:12px}.date-chip{padding:7px 12px;border-radius:9px}.hero-strip{min-height:118px;border-radius:14px;padding:20px 24px;margin-bottom:16px;border-right:5px solid #EF994C}.hero-strip h2{font-size:21px;margin-bottom:5px}.hero-strip p{font-size:12px}.hero-strip .hero-action{margin-top:13px;padding:7px 13px;border-radius:7px}.hero-art{display:none}.stats{gap:12px;margin-bottom:16px}.stat-card,.card{border-color:#ECEAF1;border-radius:13px;box-shadow:none}.stat-card{padding:16px 17px}.stat-card strong{font-size:24px;margin-top:5px}.stat-icon,.request-ic{border-radius:9px}.grid-2{gap:14px}.card{padding:18px}.ring{width:118px;height:118px}.ring:before{width:84px;height:84px}.attendance-ring{grid-template-columns:135px 1fr}.primary-btn,.secondary-btn,.search,.icon-btn{border-radius:8px}.primary-btn{background:#532456}.top-actions{gap:7px}.profile{padding-top:14px}.profile .avatar{background:#B99DF9;color:#120E3D}.notification-panel{border-radius:12px}.quick-card{border-radius:12px}.emp-avatar{color:#120E3D}
@media(max-width:760px){.main{margin-right:0;width:100%}.view{padding:18px}.hero-strip{min-height:110px}.sidebar{width:264px}}

/* Product UI cleanup */
.nav-item .nav-icon{display:none}.nav-item{padding-right:18px}.stat-icon{display:none}.stat-top{min-height:20px}.quick-card .request-ic{display:none}.quick-card{padding-top:18px}.request-row{grid-template-columns:1fr auto}.request-row>.request-ic{display:none}.hero-strip{border-right:0}.page-head .eyebrow{display:none}.page-head h1{font-size:22px}.date-chip{font-size:11px}.trend,.status{border-radius:6px}.nav-badge{border-radius:5px}.card-head h3{font-size:15px}.stat-card strong{font-size:23px}.topbar .crumb span{font-size:11px}.search{background:#F7F7FA}.primary-btn{font-weight:500}.sidebar-bottom .profile small{font-size:9px}

/* Keep Arabic number + label order predictable: number on the right */
.number-first{display:inline-flex;direction:rtl;flex-direction:row;align-items:baseline;gap:.28em;white-space:nowrap}.number-first bdi{direction:ltr;unicode-bidi:isolate}

/* Excel import */
.upload-zone{border:1px dashed #B9B5C8;background:#FAFAFC;border-radius:10px;padding:28px;text-align:center;cursor:pointer}.upload-zone:hover{border-color:#532456;background:#F8F5F9}.upload-zone input{display:none}.upload-zone b,.upload-zone small{display:block}.upload-zone small{color:var(--muted);margin-top:4px}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.import-summary div{background:#F7F7FA;border-radius:8px;padding:10px;text-align:center}.import-summary b,.import-summary small{display:block}.import-summary b{font-size:20px}.import-summary small{color:var(--muted)}.import-error{color:var(--bad);background:var(--badbg);padding:10px;border-radius:8px;margin-top:12px}.import-history{margin-top:18px}.file-name{font-weight:600;color:#532456}.save-modal[disabled]{opacity:.45;cursor:not-allowed}
.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.import-steps>div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.import-steps>div>b{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#F0E9F2;color:#532456;font-size:13px}.import-steps span,.import-steps strong,.import-steps small{display:block}.import-steps small{color:var(--muted);margin-top:2px}.template-download{width:100%;margin-top:14px;border:1px solid #D9CFDF;background:#F9F6FA;border-radius:10px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;text-align:right;color:var(--ink);font:inherit;cursor:pointer}.template-download:hover{border-color:#532456}.template-download span b,.template-download span small{display:block}.template-download span small{color:var(--muted);margin-top:3px}.template-download>strong{color:#532456;font-size:12px}
@media(max-width:760px){.import-steps{grid-template-columns:1fr}}
.welcome-logo{display:flex;align-items:center;justify-content:center;background:#17113F;border-radius:11px;padding:16px 20px;margin:0 0 18px}.welcome-logo img{display:block;width:178px;max-width:62%;height:auto}.welcome-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.welcome-summary>div{border:1px solid var(--line);border-radius:10px;padding:13px}.welcome-summary b,.welcome-summary small{display:block}.welcome-summary b{font-size:22px;color:#532456}.welcome-summary small{color:var(--muted);margin-top:2px}
.import-preview-table{margin-top:12px;max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:9px}.import-preview-table .data-table th,.import-preview-table .data-table td{padding:8px 10px}

/* Executive dashboard */
.executive-strip{background:#17113F;color:#fff;border-radius:16px;padding:24px 26px 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:14px;border-right:5px solid #EF994C}.executive-strip span{font-size:11px;color:#BDB7D2}.executive-strip h2{font-size:23px;line-height:1.35;margin:8px 0 5px;letter-spacing:-.02em}.executive-strip p{margin:0;color:#C9C4D8;line-height:1.7}.executive-strip button{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:8px;padding:10px 14px;font:500 12px inherit;cursor:pointer;white-space:nowrap}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:14px}.metrics-row article{padding:17px 19px;border-left:1px solid var(--line)}.metrics-row article:last-child{border-left:0}.metrics-row span,.metrics-row small{display:block;color:var(--muted)}.metrics-row span{font-size:11px}.metrics-row strong{display:block;font-size:25px;margin:5px 0 1px;font-variant-numeric:tabular-nums}.metrics-row em,.attendance-overview em{font-size:13px;color:var(--muted);font-style:normal;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:14px;margin-bottom:14px}.branch-panel,.attention-panel,.departments-panel,.activity-section,.attendance-log{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.section-title span{font-size:10px;color:var(--muted)}.section-title h3{margin:2px 0 0;font-size:16px}.branch-list{display:grid;gap:4px}.branch-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(90px,1fr) 75px 48px;gap:14px;align-items:center;padding:14px 8px;border-top:1px solid #F0EEF3}.branch-name b,.branch-name small,.branch-count b,.branch-count small{display:block}.branch-name small,.branch-count small{color:var(--muted);font-size:10px;margin-top:2px}.branch-meter{height:6px;background:#ECEAF0;border-radius:6px;overflow:hidden}.branch-meter i{display:block;height:100%;background:#532456;border-radius:inherit}.attendance-key{display:flex;gap:18px;border-top:1px solid #F0EEF3;padding:13px 8px 0;margin-top:3px;color:var(--muted);font-size:10px}.attendance-key span{display:flex;align-items:center;gap:6px}.attention-panel{padding-bottom:12px}.attention-panel>button{width:100%;border:0;border-top:1px solid #F0EEF3;background:transparent;padding:13px 4px;display:flex;justify-content:space-between;align-items:center;text-align:right;font:inherit;cursor:pointer}.attention-panel>button:hover{background:#FAF9FB}.attention-panel>button span b,.attention-panel>button span small{display:block}.attention-panel>button span small{font-size:10px;color:var(--muted);margin-top:3px}.attention-panel>button>strong{font-size:10px;color:#532456}.departments-panel{margin-bottom:14px}.department-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.department-grid div{padding:15px 12px;border-left:1px solid var(--line)}.department-grid div:last-child{border-left:0}.department-grid span,.department-grid b{display:block}.department-grid span{font-size:10px;color:var(--muted);min-height:30px}.department-grid b{font-size:21px}.activity-section{margin-bottom:20px}

/* Attendance by branch */
.attendance-overview{display:grid;grid-template-columns:1fr 1fr .75fr;gap:12px;margin-bottom:14px}.attendance-overview article,.attendance-overview aside{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.attendance-overview span,.attendance-overview small,.attendance-overview strong{display:block}.attendance-overview span{color:var(--muted);font-size:11px}.attendance-overview strong{font-size:27px;margin:7px 0}.attendance-overview small{color:var(--muted);font-size:10px;margin-top:10px}.attendance-overview aside{background:#17113F;color:white;border-color:#17113F}.attendance-overview aside span,.attendance-overview aside small{color:#C5C0D4}.branch-filters{display:flex;gap:5px}.branch-filters button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:7px;padding:7px 10px;font:500 11px inherit;cursor:pointer}.branch-filters button.active{background:#532456;border-color:#532456;color:white}.attendance-log{padding-bottom:8px}
@media(max-width:1100px){.metrics-row{grid-template-columns:repeat(2,1fr)}.metrics-row article:nth-child(2){border-left:0}.metrics-row article:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-grid{grid-template-columns:1fr}.department-grid{grid-template-columns:repeat(3,1fr)}.attendance-overview{grid-template-columns:1fr 1fr}.attendance-overview aside{grid-column:1/-1}}
@media(max-width:760px){.executive-strip{align-items:flex-start;flex-direction:column}.metrics-row,.attendance-overview{grid-template-columns:1fr}.metrics-row article{border-left:0;border-bottom:1px solid var(--line)}.attendance-overview aside{grid-column:auto}.branch-row{grid-template-columns:1fr auto}.branch-meter{grid-column:1/-1;grid-row:2}.branch-count{display:none}.attendance-key{flex-wrap:wrap}.department-grid{grid-template-columns:repeat(2,1fr)}.branch-filters{margin-top:10px}.attendance-log .section-title{display:block}}
.welcome-line{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-right:4px solid #EF994C;border-radius:12px;padding:14px 18px;margin-bottom:10px}.welcome-line span{font-size:10px;color:var(--muted)}.welcome-line h2{font-size:19px;margin:2px 0}.welcome-line p{margin:0;color:var(--muted);font-size:11px}.welcome-line button{border:0;background:#532456;color:white;border-radius:7px;padding:9px 13px;font:500 11px inherit;cursor:pointer}.quick-actions-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.quick-actions-pro button{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 14px;text-align:right;font:inherit;cursor:pointer;transition:.18s}.quick-actions-pro button:hover{border-color:#BBA8C0;transform:translateY(-1px)}.quick-actions-pro b,.quick-actions-pro small{display:block}.quick-actions-pro b{font-size:12px}.quick-actions-pro small{color:var(--muted);font-size:9px;margin-top:2px}.metrics-row.compact{margin-bottom:10px}.metrics-row.compact article{padding:12px 16px}.metrics-row.compact strong{font-size:21px}.dashboard-grid.compact{margin-bottom:10px}.dashboard-grid.compact .branch-panel,.attention-panel.compact,.departments-panel.compact{padding:15px}.departments-panel.compact{margin-bottom:0}.departments-panel.compact .department-grid div{padding:10px}.departments-panel.compact .department-grid span{min-height:24px}.departments-panel.compact .department-grid b{font-size:18px}
@media(max-width:900px){.quick-actions-pro{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.welcome-line{align-items:flex-start;flex-direction:column}.quick-actions-pro{grid-template-columns:1fr}}

/* Header identity and compact responsive overview */
.header-identity{display:flex;align-items:center;gap:12px}.topbar-logo{display:none;width:112px;height:36px;object-fit:contain;background:#17113F;border-radius:7px;padding:6px 10px}.notification-head>span{display:flex;align-items:center;gap:5px}.notification-head .notification-close{width:27px;height:27px;background:#F2F0F5;color:#17113F;border-radius:7px;font-size:18px;line-height:1}
@media(max-width:760px){.header-identity{margin-inline:auto}.topbar-logo{display:block}.crumb{display:none}.view{padding:14px}.page-head{align-items:center;margin-bottom:12px}.page-head h1{font-size:19px}.page-head p{display:none}.top-actions .icon-btn.notification{display:block}.notification-panel{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 92px);overflow:auto;border-radius:12px}.notification-item{padding:12px 9px}.metrics-row{grid-template-columns:repeat(2,1fr)}.metrics-row article{border-bottom:1px solid var(--line)}.metrics-row article:nth-child(odd){border-left:1px solid var(--line)}.metrics-row article:nth-child(even){border-left:0}.quick-actions-pro{grid-template-columns:repeat(2,1fr)}.quick-actions-pro button{padding:10px}.welcome-line{padding:12px 14px}.welcome-line h2{font-size:17px}.welcome-line button{padding:8px 10px}.metrics-row.compact article{padding:10px 12px}.department-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.topbar-logo{width:96px}.department-grid{grid-template-columns:repeat(2,1fr)}}

/* Home navigation through the official logo */
.brand.logo-home,.topbar-logo-link{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.brand.logo-home{width:100%;text-align:inherit}.topbar-logo-link{display:flex;align-items:center;padding:0;border-radius:8px}.brand.logo-home:focus-visible,.topbar-logo-link:focus-visible{outline:2px solid #EF994C;outline-offset:3px}

/* Mobile drawer controls */
.mobile-menu-close,.sidebar-backdrop{display:none}
@media(max-width:760px){.mobile-menu-close{display:grid;place-items:center;position:absolute;top:16px;left:16px;z-index:5;width:38px;height:38px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font:300 27px/1 Arial,sans-serif;cursor:pointer}.sidebar{z-index:40;max-width:88vw}.sidebar-backdrop{position:fixed;inset:0;z-index:35;border:0;background:rgba(18,14,61,.38);backdrop-filter:blur(2px);cursor:pointer}.sidebar.open+.sidebar-backdrop{display:block}}

/* Balanced header and proportional mobile drawer */
.topbar{position:sticky;gap:24px}.header-identity{position:absolute;right:50%;transform:translateX(50%);gap:18px}.topbar-logo{display:block;width:104px;height:38px;padding:6px 9px}.topbar-logo-link{flex:0 0 auto}.crumb{gap:0;padding-right:18px;border-right:1px solid var(--line)}.crumb span{display:none}.crumb b{font-size:14px;white-space:nowrap}.top-actions{margin-right:auto}.brand{height:auto;min-height:66px;padding-bottom:20px;margin-bottom:8px}.workspace{margin-top:8px}
@media(max-width:760px){.topbar{height:66px;padding-inline:14px;gap:12px}.header-identity{gap:10px;max-width:60vw}.topbar-logo{width:84px;height:34px;padding:5px 7px}.crumb{display:flex;padding-right:10px}.crumb b{font-size:12px}.menu-btn{position:absolute;right:14px;margin:0}.top-actions{position:absolute;left:14px;margin:0}.sidebar,.sidebar-collapsed .sidebar{width:clamp(250px,74vw,284px);max-width:284px;padding:20px 15px}.brand{padding:4px 8px 18px;margin-bottom:7px}.brand img{width:145px}.workspace{margin:7px 5px 17px}.mobile-menu-close{top:14px;left:14px;width:36px;height:36px}}
@media(max-width:390px){.header-identity{gap:7px;max-width:58vw}.topbar-logo{width:74px}.crumb{padding-right:7px}.crumb b{font-size:11px}.sidebar,.sidebar-collapsed .sidebar{width:72vw;min-width:244px}}

/* Keep mobile metrics compact without clipping their supporting line */
@media(max-width:760px){.metrics-row.compact{height:auto}.metrics-row.compact article{height:82px;min-height:82px;padding:9px 12px;overflow:hidden}.metrics-row.compact strong{margin:3px 0 0}.metrics-row.compact small{font-size:9px;line-height:1.25;white-space:nowrap;overflow:visible;text-overflow:clip}}

/* Contain wide data views and preserve Arabic status lines */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.main,.view,.card,.attendance-log{min-width:0}.topbar{width:100%;max-width:100vw}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.attendance-overview .number-first{display:inline-flex}.attendance-overview small{white-space:nowrap}.attendance-overview aside small{line-height:1.6}
@media(max-width:760px){.view{width:100%;max-width:100%;overflow:hidden}.topbar{inset-inline:0}.filterbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.filterbar input{grid-column:1/-1;width:100%;min-width:0}.filterbar select{width:100%;min-width:0}.filterbar .secondary-btn{width:100%;white-space:nowrap}.card>.table-wrap{max-width:calc(100vw - 28px)}.data-table{min-width:720px}.attendance-overview article,.attendance-overview aside{padding:16px}.attendance-overview small{display:flex;align-items:center;gap:4px;white-space:nowrap}.attendance-overview .number-first{display:inline-flex!important}.attendance-overview aside small{display:flex;flex-wrap:nowrap;gap:4px}.attendance-overview{width:100%;min-width:0}}

/* A saved desktop collapse must not hide the mobile drawer content */
@media(max-width:760px){.sidebar-collapsed .sidebar{padding:20px 15px}.sidebar-collapsed .brand{height:auto;min-height:66px;padding:4px 8px 18px;margin-bottom:7px;overflow:visible}.sidebar-collapsed .brand img{width:145px;max-width:100%;object-position:right center}.sidebar-collapsed .workspace{display:block}.sidebar-collapsed .nav-item{font-size:14px;justify-content:flex-start;padding:10px 14px}.sidebar-collapsed .nav-item .nav-icon{display:none}.sidebar-collapsed .nav-badge{display:inline-block}.sidebar-collapsed .profile{display:grid;grid-template-columns:auto 1fr auto;justify-content:normal}.sidebar-collapsed .profile>span:not(.avatar){display:block}.sidebar-collapsed .profile-menu{right:0;width:auto}}

/* Purpose-built mobile layouts */
@media(max-width:760px){
  .modal-backdrop{padding:12px;align-items:center}.modal{width:100%;max-width:430px;max-height:calc(100dvh - 24px);padding:18px 16px 17px;border-radius:16px}.modal-close{top:10px;left:10px;width:34px;height:34px;z-index:2}.welcome-logo{padding:12px 16px;margin-bottom:14px;border-radius:10px}.welcome-logo img{width:148px;max-width:52%}.modal h2{font-size:21px}.modal .sub{font-size:12px;line-height:1.65;margin-bottom:15px}.welcome-summary{gap:8px;margin:13px 0}.welcome-summary>div{padding:10px}.welcome-summary b{font-size:20px}.welcome-summary small{font-size:10px}.modal .form-actions{margin-top:14px;gap:7px}.modal .form-actions button{flex:1;padding-inline:8px;white-space:nowrap}
  .metrics-row.compact{height:auto}.metrics-row.compact article{height:auto;min-height:94px;padding:11px 13px;overflow:hidden}.metrics-row.compact strong{direction:ltr;text-align:right;margin:4px 0 2px;white-space:nowrap}.metrics-row.compact small{display:block;font-size:9px;line-height:1.35;white-space:nowrap;overflow:visible}.metrics-row.compact article:nth-last-child(-n+2){border-bottom:0}
  .attendance-overview{grid-template-columns:1fr!important;gap:9px}.attendance-overview article,.attendance-overview aside{min-height:0;padding:14px 16px}.attendance-overview strong{direction:ltr;text-align:right;font-size:24px;margin:4px 0}.attendance-overview small,.attendance-overview aside small{display:block;white-space:nowrap;line-height:1.5;margin-top:7px}.attendance-overview .branch-meter{margin-top:7px}.attendance-overview aside{display:grid;grid-template-columns:1fr auto;align-items:center}.attendance-overview aside strong{grid-row:1/3;grid-column:2;margin:0}.attendance-overview aside small{margin:0}
  .view[data-page="settings"]>.card{padding:14px}.view[data-page="settings"]>.card:nth-of-type(2) .data-table{min-width:0}.view[data-page="settings"]>.card:nth-of-type(2) .data-table thead{display:none}.view[data-page="settings"]>.card:nth-of-type(2) .data-table,.view[data-page="settings"]>.card:nth-of-type(2) .data-table tbody,.view[data-page="settings"]>.card:nth-of-type(2) .data-table tr{display:block;width:100%}.view[data-page="settings"]>.card:nth-of-type(2) .data-table tr{padding:12px 0;border-top:1px solid var(--line)}.view[data-page="settings"]>.card:nth-of-type(2) .data-table tr:first-child{border-top:0}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:5px 0;border:0;white-space:normal;font-size:12px}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td:first-child{display:block;font-size:14px;padding-bottom:8px}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td:nth-child(2)::before{content:"الموظفون"}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td:nth-child(3)::before{content:"الحضور"}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td:nth-child(4)::before{content:"الرواتب"}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td:nth-child(5)::before{content:"الموافقات"}.view[data-page="settings"]>.card:nth-of-type(2) .data-table td::before{color:var(--muted);font-size:10px}.view[data-page="settings"]>.card:nth-of-type(3) .empty{padding:28px 10px}.view[data-page="settings"]>.card:nth-of-type(3){min-height:0}
}

/* Final desktop/mobile dashboard balance */
.view{max-width:1320px}.metrics-row.compact{height:auto}.metrics-row.compact article{height:auto;min-height:94px;overflow:visible;display:flex;flex-direction:column;justify-content:center}.metrics-row.compact strong{direction:ltr;text-align:right;line-height:1.1}.metrics-row.compact small{margin-top:3px;line-height:1.3}.topbar{padding-inline:max(28px,calc((100% - 1320px)/2))}
@media(min-width:761px){.sidebar-collapsed .sidebar{width:86px;background:#fff;color:#120E3D;border-left:1px solid var(--line);box-shadow:0 0 24px rgba(18,14,61,.05)}.sidebar-collapsed .main{margin-right:86px;width:calc(100% - 86px)}.sidebar-collapsed .sidebar-collapse{color:#120E3D;background:#f3f1f6;border-color:var(--line)}.sidebar-collapsed .brand{padding:38px 5px 18px}.sidebar-collapsed .brand img{width:58px}.sidebar-collapsed .nav-item{color:#77748a;border-radius:9px}.sidebar-collapsed .nav-item:hover{background:#f5f3f7;color:#532456}.sidebar-collapsed .nav-item.active{background:#f5eef4;color:#532456;box-shadow:inset -3px 0 #EF994C}.sidebar-collapsed .profile{border-color:var(--line)}.sidebar-collapsed .avatar{background:#B99DF9;color:#120E3D}.dashboard-grid.compact{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)}.topbar-logo{width:96px}.header-identity{gap:14px}.crumb{padding-right:14px}}
@media(max-width:760px){.topbar{padding-inline:14px}.metrics-row.compact article{height:108px;min-height:108px;padding:12px 14px;overflow:hidden;justify-content:center}.metrics-row.compact span{line-height:1.25}.metrics-row.compact strong{font-size:23px;line-height:1.05;margin:6px 0 2px}.metrics-row.compact small{font-size:9px;line-height:1.35;margin-top:2px;white-space:nowrap}.dashboard-grid.compact{grid-template-columns:1fr}.branch-panel,.attention-panel{min-width:0}}
@media(max-width:390px){.metrics-row.compact article{height:104px;min-height:104px;padding-inline:11px}.metrics-row.compact strong{font-size:22px}.metrics-row.compact small{font-size:8.5px}}

/* Readable metric labels and supporting details */
.metrics-row.compact>article>span{font-size:13px;color:#676377;font-weight:500}.metrics-row.compact>article>small{font-size:12px;color:#676377;font-weight:400;line-height:1.45}.metrics-row.compact>article>strong{font-size:25px}
@media(max-width:760px){.metrics-row.compact>article>span{font-size:12px}.metrics-row.compact>article>small{font-size:11px;line-height:1.4}.metrics-row.compact>article>strong{font-size:24px}}
@media(max-width:390px){.metrics-row.compact>article>small{font-size:10px}.metrics-row.compact>article>strong{font-size:23px}}

/* Header title, employee greeting and daily priorities */
.employee-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:3px 2px 14px;margin-bottom:10px;border-bottom:1px solid var(--line)}.welcome-person{display:flex;align-items:center;gap:12px}.welcome-avatar{width:43px;height:43px;display:grid;place-items:center;background:#EFE8F1;color:#532456;border-radius:10px;font-weight:700}.welcome-person small,.welcome-person p,.today-date small,.today-date span{color:var(--muted)}.welcome-person small,.today-date small{font-size:9px}.welcome-person h2{font-size:17px;margin:1px 0}.welcome-person p{font-size:10px;margin:0}.today-date{text-align:left;border-right:1px solid var(--line);padding-right:18px}.today-date b,.today-date small,.today-date span{display:block}.today-date b{font-size:12px;margin:2px 0}.today-date span{font-size:10px}.attention-panel.compact{background:#F8F6F9;border-color:#E6DFE8}.attention-panel.compact>button{position:relative;background:#fff;border:1px solid #E8E2EA;border-radius:8px;margin-top:7px;padding:11px 12px;padding-right:18px}.attention-panel.compact>button:before{content:"";position:absolute;right:0;top:9px;bottom:9px;width:3px;background:#EF994C;border-radius:2px}.attention-panel.compact>button:last-child:before{background:#532456}.attention-panel.compact>button:hover{border-color:#CDBFD0}.attention-panel.compact>button>strong{background:#EFE8F1;border-radius:5px;padding:4px 7px}
@media(max-width:760px){.header-identity{margin-inline:auto 0}.crumb{display:flex}.crumb span{display:none}.crumb b{font-size:12px;white-space:nowrap}.topbar-logo{width:98px}.page-head h1{display:none}.page-head{justify-content:flex-end}.employee-welcome{padding-top:0}.today-date{padding-right:10px}.welcome-person p{display:none}}
@media(max-width:480px){.employee-welcome{align-items:flex-start}.today-date b{font-size:10px}.welcome-avatar{width:38px;height:38px}.welcome-person h2{font-size:15px}}

/* Collapsible navigation and tightened overview */
.sidebar-collapse{position:absolute;left:10px;top:12px;z-index:4;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;font-size:20px;cursor:pointer}.sidebar,.main{transition:width .22s ease,margin-right .22s ease}.sidebar-collapsed .sidebar{width:74px;padding-inline:10px}.sidebar-collapsed .main{margin-right:74px;width:calc(100% - 74px)}.sidebar-collapsed .brand{padding:34px 3px 14px;overflow:hidden}.sidebar-collapsed .brand img{width:48px;max-width:none;object-position:right}.sidebar-collapsed .workspace{display:none}.sidebar-collapsed .nav-item{font-size:0;justify-content:center;padding:11px 4px}.sidebar-collapsed .nav-item .nav-icon{display:block;font-size:17px}.sidebar-collapsed .nav-badge{display:none}.sidebar-collapsed .profile{display:flex;justify-content:center}.sidebar-collapsed .profile>span:not(.avatar){display:none}.sidebar-collapsed .profile-menu{right:64px;width:190px}.view[data-page="dashboard"]>.page-head{display:none}.day-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:2px 2px 10px;margin-bottom:10px}.day-summary>div,.day-summary time{display:flex;align-items:baseline;gap:9px}.day-summary b{font-size:12px}.day-summary span{font-size:10px;color:var(--muted)}.day-summary time{white-space:nowrap;border-right:1px solid var(--line);padding-right:16px}.metrics-row.compact{height:82px}.metrics-row.compact article{height:80px;overflow:hidden}.metrics-row.compact span,.metrics-row.compact small,.quick-actions-pro b,.quick-actions-pro small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions-pro button{min-width:0}.department-grid div{min-width:0}.department-grid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-grid.compact .branch-row{padding-block:10px}
@media(max-width:760px){.sidebar-collapse{display:none}.sidebar-collapsed .sidebar{width:244px}.sidebar-collapsed .main{margin-right:0;width:100%}.day-summary{align-items:flex-start}.day-summary>div{display:grid;gap:2px}.day-summary time{display:grid;gap:1px}.metrics-row.compact{height:146px}.metrics-row.compact article{height:72px}}
@media(max-width:480px){.day-summary{display:grid;grid-template-columns:1fr auto}.day-summary>div span{max-width:180px}.day-summary time{padding-right:10px}.day-summary time span{font-size:9px}}

/* Definitive responsive rules — keep after all legacy dashboard rules */
.metrics-row.compact{height:auto}.metrics-row.compact article{height:auto;min-height:94px;overflow:visible;display:flex;flex-direction:column;justify-content:center}.metrics-row.compact strong{direction:ltr;text-align:right;line-height:1.1;margin:5px 0 2px}.metrics-row.compact small{margin-top:2px;line-height:1.3}.view{max-width:1320px}.topbar{padding-inline:max(28px,calc((100% - 1320px)/2))}
@media(min-width:761px){.sidebar-collapsed .sidebar{width:86px;padding-inline:10px;background:#fff;color:#120E3D;border-left:1px solid var(--line);box-shadow:0 0 24px rgba(18,14,61,.05)}.sidebar-collapsed .main{margin-right:86px;width:calc(100% - 86px)}.sidebar-collapsed .sidebar-collapse{color:#120E3D;background:#f3f1f6;border-color:var(--line)}.sidebar-collapsed .brand{padding:38px 5px 18px;overflow:visible}.sidebar-collapsed .brand img{width:58px;max-width:100%}.sidebar-collapsed .nav-item{color:#77748a;border-radius:9px}.sidebar-collapsed .nav-item:hover{background:#f5f3f7;color:#532456}.sidebar-collapsed .nav-item.active{background:#f5eef4;color:#532456;box-shadow:inset -3px 0 #EF994C}.sidebar-collapsed .profile{border-color:var(--line)}.sidebar-collapsed .avatar{background:#B99DF9;color:#120E3D}.dashboard-grid.compact{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)}}
@media(max-width:760px){.topbar{padding-inline:14px}.metrics-row.compact{height:auto}.metrics-row.compact article{height:108px;min-height:108px;padding:12px 14px;overflow:hidden;justify-content:center}.metrics-row.compact strong{font-size:23px;line-height:1.05;margin:6px 0 2px}.metrics-row.compact small{font-size:9px;line-height:1.35;margin-top:2px;white-space:nowrap;overflow:visible}.sidebar-collapsed .sidebar{width:clamp(250px,74vw,284px);max-width:284px;padding:20px 15px;background:#120E3D;color:#fff}.sidebar-collapsed .brand{height:auto;min-height:66px;padding:4px 8px 18px;margin-bottom:7px;overflow:visible}.sidebar-collapsed .brand img{width:145px;max-width:100%}.sidebar-collapsed .workspace{display:block}.sidebar-collapsed .nav-item{font-size:14px;justify-content:flex-start;padding:10px 14px}.sidebar-collapsed .nav-item .nav-icon{display:none}.sidebar-collapsed .nav-badge{display:inline-block}.sidebar-collapsed .profile{display:grid;grid-template-columns:auto 1fr auto;justify-content:normal}.sidebar-collapsed .profile>span:not(.avatar){display:block}.sidebar-collapsed .profile-menu{right:0;width:auto}}
@media(max-width:390px){.metrics-row.compact article{height:104px;min-height:104px;padding-inline:11px}.metrics-row.compact strong{font-size:22px}.metrics-row.compact small{font-size:8.5px}}