:root{color:#203331;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f3ea;font-family:Tajawal,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.eyebrow{color:#e7b66b;letter-spacing:.04em;margin:0 0 1rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,7vw,5rem);line-height:1.05}.lead{color:#e2f0ec;max-width:52ch;margin:1.5rem 0 0;font-size:1.15rem;line-height:1.8}.stack{flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.chip{color:#4057ad;background:#eef2ff;border-radius:999px;padding:.55rem .85rem;font-size:.9rem;font-weight:650}.button{font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;padding:.85rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.primary{color:#203331;background:#e7b66b}.secondary{color:#135d59;background:#f7f3ea}.form{gap:1rem;display:grid}.form-grid{gap:1rem;margin-top:1.4rem;display:grid}.form-grid .full{grid-column:1/-1}.form-grid textarea,textarea{width:100%;font:inherit;resize:vertical;border:1px solid #dce4e7;border-radius:10px;padding:.85rem}select{width:100%;font:inherit;background:#fff;border:1px solid #dce4e7;border-radius:10px;padding:.85rem}.check{align-items:center;gap:.55rem;display:flex}.check input{width:auto}.two-columns{gap:1rem;margin-top:1rem;display:grid}.table-list{gap:.65rem;margin-top:1.5rem;display:grid}.list-row{border-top:1px solid #e8e3d9;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.list-row div{gap:.25rem;display:grid}.button.small{color:#135d59;background:#b9dcd0;padding:.55rem .8rem;font-size:.85rem}.status{border-radius:999px;padding:.45rem .7rem;font-size:.85rem;font-weight:700}.status.published{color:#3f8f72;background:#dff0e8}.success-message{color:#25654e;direction:rtl;background:#dff0e8;border-radius:12px;margin:0 0 1rem;padding:.8rem 1rem;font-weight:700}.inline-form{align-items:end;gap:.75rem;margin-top:1rem;display:flex}.inline-form input{flex:1}.form h1{font-size:clamp(2rem,6vw,3.5rem)}label{color:#123b4a;gap:.4rem;font-weight:600;display:grid}input{width:100%;font:inherit;background:#fff;border:1px solid #dce4e7;border-radius:10px;padding:.85rem}.error{color:#a33b3b;margin:0}.dashboard{direction:rtl;max-width:980px;min-height:100svh;margin:auto;padding:1.25rem}.dashboard header{justify-content:space-between;align-items:start;gap:1rem;padding:1rem 0 2rem;display:flex}.dashboard h1{font-size:clamp(2rem,7vw,4rem)}.badge{color:#123b4a;background:#f2eee7;border-radius:999px;padding:.45rem .75rem;font-weight:600}.panel{background:#fff;border:1px solid #dce4e7;border-radius:20px;padding:clamp(1.1rem,4vw,2rem);box-shadow:0 20px 60px #123b4a14}.panel h2{color:#123b4a;margin:0}.muted{color:#66737a}.role-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.role{border:1px solid #dce4e7;border-radius:14px;padding:1rem}.role h3{color:#0e7c7b;margin-top:0}@media (width>=720px){.form-grid,.two-columns{grid-template-columns:repeat(2,1fr)}}.dashboard-layout{direction:rtl;background:#f7f3ea;min-height:100svh;display:flex}.sidebar{color:#f7f3ea;background:#135d59;flex-direction:column;flex:0 0 252px;width:252px;padding:1.25rem 1rem;display:flex}.sidebar-brand{background:#f7f3ea;border-radius:15px;place-items:center;height:72px;margin-bottom:1.4rem;display:grid;overflow:hidden}.sidebar-brand img{object-fit:contain;width:185px;height:76px}.sidebar-profile{border-bottom:1px solid #b9dcd03d;align-items:center;gap:.7rem;margin-bottom:1.6rem;padding:.7rem;display:flex}.sidebar-profile div{gap:.15rem;display:grid}.sidebar-profile small{color:#9cb8af;font-size:.72rem}.avatar{color:#203331;background:#e7b66b;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar-nav{gap:.35rem;display:grid}.sidebar-nav a{color:#b9dcd0;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem .8rem;font-weight:600;text-decoration:none;display:flex}.sidebar-nav a span{color:#8bbcaf;text-align:center;width:22px;font-size:1.2rem}.sidebar-nav a b{color:#b9dcd0;text-align:center;background:#b9dcd021;border-radius:999px;min-width:24px;margin-right:auto;padding:.13rem .35rem;font-size:.72rem}.sidebar-nav a:hover,.sidebar-nav a.active{color:#135d59;background:#b9dcd0}.sidebar-nav a.active span{color:#e7b66b}.sidebar-exit{color:#9cb8af;align-items:center;gap:.7rem;margin-top:auto;padding:.8rem;font-size:.9rem;text-decoration:none;display:flex}.dashboard-main{width:min(1240px,100%);min-width:0;margin:0 auto;padding:clamp(1rem,3vw,2.6rem) clamp(1rem,4vw,3.5rem)}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.8rem;display:flex}.dashboard-topbar h1{letter-spacing:-.04em;margin:.25rem 0 0;font-size:clamp(1.8rem,4vw,2.7rem)}.topbar-actions{align-items:center;gap:1rem;display:flex}.today{color:#77827f;font-size:.85rem}.avatar-small{flex-basis:34px;width:34px;height:34px}.welcome-card{color:#fff;background:linear-gradient(115deg,#135d59 0% 72%,#b9dcd0 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;min-height:188px;margin-bottom:1.1rem;padding:clamp(1.3rem,4vw,2.4rem);display:flex;overflow:hidden}.welcome-card h2{margin:.35rem 0;font-size:clamp(1.65rem,4vw,2.3rem)}.welcome-card p{color:#c9e3db;margin:0}.welcome-kicker{color:#e7b66b;font-weight:700}.welcome-card .button{white-space:nowrap}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.1rem;display:grid}.stat-card{background:#fffdf8;border:1px solid #e8e1d5;border-radius:17px;align-items:center;gap:.75rem;min-height:112px;padding:1rem;display:flex}.stat-card>div{gap:.15rem;display:grid}.stat-card strong{color:#203331;font-size:1.75rem;line-height:1}.stat-card span:not(.stat-icon){color:#65716d;font-size:.8rem}.stat-card small{color:#9ca8a3;align-self:flex-start;margin-right:auto;font-size:.68rem}.stat-icon{border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:800;display:grid}.stat-icon.teal,.quick-icon.teal{color:#135d59;background:#d9eee8}.stat-icon.green,.quick-icon.green{color:#3f8f72;background:#dff0e8}.stat-icon.amber,.quick-icon.amber{color:#b87924;background:#f8e9d2}.stat-icon.rose{color:#a85446;background:#f4dfd9}.overview-grid{grid-template-columns:1.4fr 1fr;gap:1.1rem;display:grid}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2{margin:0}.panel-heading p{margin:.3rem 0 0}.text-button{color:#135d59;font:inherit;cursor:pointer;background:0 0;border:0;font-size:.85rem;font-weight:700}.quick-panel>p{margin:.3rem 0 1rem}.quick-action{color:#203331;width:100%;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-top:1px solid #eee8de;align-items:center;gap:.7rem;padding:.85rem 0;display:flex}.quick-action>span:nth-child(2){gap:.15rem;display:grid}.quick-action small{color:#78837f}.quick-action>b{color:#9aaba4;margin-right:auto}.quick-icon{border-radius:11px;place-items:center;width:36px;height:36px;font-size:1.2rem;display:grid}.section-count{color:#527067;background:#eef3ef;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.row-actions{align-items:center;gap:.5rem;display:flex}.status.initial{color:#956d36;background:#f3eadc}.status.verified{color:#457287;background:#e0edf3}.status.approved{color:#3b7c5d;background:#e1f0e7}.spaced-list{margin-top:1.8rem}.settings-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.rate-panel{grid-column:1/-1}.settings-list{gap:.45rem;margin-top:1.2rem;display:grid}.settings-list span{color:#4f605b;background:#f7f3ea;border-radius:8px;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.settings-list span b{color:#135d59}.settings-list .dot{background:#3f8f72;border-radius:50%;width:8px;height:8px}.current-rate{color:#61706b;align-items:center;gap:.9rem;margin:1.2rem 0;display:flex}.current-rate strong{color:#135d59;font-size:2.2rem}.empty-section{align-content:center;justify-items:start;gap:.7rem;min-height:300px;display:grid}.empty-section h2,.empty-section p{margin:0}.empty-symbol{color:#135d59;background:#d9eee8;border-radius:16px;place-items:center;width:54px;height:54px;font-size:1.5rem;display:grid}.role-heading{align-items:center;gap:.6rem;display:flex}.role-heading h3{margin:0}.role-symbol{color:#e7b66b}.permissions-line{margin-bottom:0}.dashboard-skeleton{gap:1.1rem;display:grid}.shimmer{background:#fffdf8;border:1px solid #e8e1d5;position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#b9dcd047,#0000);animation:1.35s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-banner{background:#e8eee9;border-radius:22px;height:188px;padding:2rem}.skeleton-banner span{background:#d4e2dc;border-radius:8px;width:44%;height:18px;margin:1rem 0;display:block}.skeleton-banner span:first-child{width:27%;height:14px}.skeleton-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.skeleton-stat{border-radius:17px;height:112px}.skeleton-columns{grid-template-columns:1.4fr 1fr;gap:1.1rem;display:grid}.skeleton-panel{border-radius:20px;height:270px}@keyframes shimmer{to{transform:translate(100%)}}.sidebar-toggle{display:none}.sidebar-footer{gap:.25rem;margin-top:auto;display:grid}.sidebar-logout{color:#f0d6c4;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.7rem;padding:.8rem;display:flex}.sidebar-logout:hover,.sidebar-exit:hover{background:#ffffff14}.topbar-date{color:#77827f;margin:.25rem 0 0;font-size:.82rem}.inline-error{color:#a33b3b;background:#fff1ed;border:1px solid #efc6bd;border-radius:10px;margin:1rem 0 0;padding:.75rem 1rem}.list-heading{margin-top:2rem}.pagination{color:#66737a;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.form label input,.form label select,.form label textarea{margin-top:.15rem}.staff-auth-page{direction:rtl;background:radial-gradient(circle at 15% 15%,#d9eee8 0,#0000 34%),#f7f3ea;place-items:center;min-height:100svh;padding:1.25rem;display:grid}.staff-auth-card{background:#fffdf8;border:1px solid #e4ded3;border-radius:28px;grid-template-columns:.9fr 1.1fr;width:min(1040px,100%);display:grid;overflow:hidden;box-shadow:0 24px 70px #2033311f}.staff-auth-aside{color:#fff;background:#135d59;align-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.staff-auth-aside h1{margin:1.5rem 0 .8rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.25}.staff-auth-aside p{color:#c9e3db;margin:0;line-height:1.9}.staff-auth-brand{background:#f7f3ea;border-radius:12px;width:150px;padding:.45rem}.staff-auth-points{color:#d8ece5;gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.staff-auth-form-wrap{align-content:center;padding:clamp(1.5rem,5vw,4.5rem);display:grid}.staff-auth-form-wrap h2{color:#203331;margin:0;font-size:clamp(1.7rem,4vw,2.3rem)}.staff-auth-form-wrap .muted{margin:.5rem 0 1.8rem}.staff-auth-form{gap:1rem;display:grid}.staff-auth-form label{color:#31524d}.staff-auth-form input{min-height:48px}.password-field{position:relative}.password-toggle{color:#135d59;min-height:36px;font:inherit;cursor:pointer;background:#eef3ef;border:0;border-radius:8px;position:absolute;bottom:.45rem;left:.55rem}.staff-auth-error{color:#a33b3b;background:#fff1ed;border-radius:9px;margin:0;padding:.7rem .9rem}.staff-auth-submit{width:100%;min-height:50px}.staff-auth-links{color:#66737a;justify-content:space-between;gap:1rem;margin-top:1.5rem;font-size:.9rem;display:flex}.staff-auth-links a{color:#135d59;font-weight:700;text-decoration:none}.staff-auth-intro{color:#fff;background:linear-gradient(145deg,#135d59,#0d4947);align-content:center;gap:1rem;padding:clamp(2rem,5vw,4rem);display:grid}.staff-auth-brand{color:#fff;background:0 0;border-radius:0;justify-items:start;width:fit-content;padding:0;text-decoration:none;display:inline-grid}.staff-auth-brand>span{letter-spacing:-.08em;font-family:Tajawal,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:.9}.staff-auth-brand>span>span{color:#e7b66b}.staff-auth-brand small{color:#b9dcd0;margin-top:.65rem;font-size:.8rem}.staff-auth-eyebrow{color:#e7b66b;margin:1.5rem 0 0;font-size:.95rem;font-weight:700}.staff-auth-intro h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.2}.staff-auth-intro>p:not(.staff-auth-eyebrow){color:#d5e9e2;max-width:34ch;margin:0;font-size:1.05rem;line-height:1.9}.staff-auth-trust{color:#d5e9e2;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.staff-auth-trust li{align-items:center;gap:.55rem;display:flex}.staff-auth-trust li:before{content:"✓";color:#e7b66b;background:#e7b66b38;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-weight:800;display:grid}.staff-login-form{background:#fffdf8;align-content:center;gap:.8rem;padding:clamp(2rem,5vw,4.5rem);display:grid}.auth-form-heading{gap:.45rem;margin-bottom:.65rem;display:grid}.auth-form-heading .section-kicker{color:#b87924;margin:0;font-size:.85rem;font-weight:800}.auth-form-heading h2{color:#203331;margin:0;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.3}.auth-form-heading p{color:#77827f;margin:0;font-size:.92rem}.staff-login-form label{color:#31524d;gap:.45rem;font-size:.9rem}.staff-login-form input{color:#203331;background:#fff;border-color:#dce4e7;min-height:50px}.staff-login-form input:focus{border-color:#135d59;outline:3px solid #135d5924}.staff-login-form .field-error{min-height:1.1rem;margin:-.45rem 0 0;font-size:.78rem}.auth-alert{color:#a33b3b;background:#fff1ed;border:1px solid #efc6bd;border-radius:10px;margin:0 0 .25rem;padding:.75rem .9rem;font-size:.88rem}.password-field{display:block}.password-field input{padding-left:4.6rem}.password-toggle{min-height:38px;padding:.3rem .65rem;bottom:.45rem;left:.45rem}.auth-submit{align-items:center;gap:.75rem;width:100%;min-height:50px}.button-spinner{border:2px solid #20333140;border-top-color:#203331;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite staff-spin}.auth-note{color:#77827f;text-align:center;justify-content:center;align-items:center;gap:.4rem;margin:.35rem 0 0;font-size:.78rem;display:flex}.auth-note span{color:#3f8f72}.auth-back-link{color:#135d59;text-align:center;margin-top:.3rem;font-size:.88rem;font-weight:700;text-decoration:none}.auth-back-link:hover{text-decoration:underline}@keyframes staff-spin{to{transform:rotate(360deg)}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (width<=680px){.dashboard-layout{padding-bottom:4.5rem;display:block}.sidebar{z-index:20;border-top:1px solid #ffffff1a;flex-direction:row;align-items:center;width:100%;height:66px;padding:.4rem .7rem;position:fixed;bottom:0;right:0}.sidebar-brand,.sidebar-profile,.sidebar-exit,.sidebar-logout{display:none}.sidebar-footer{display:contents}.sidebar-nav{justify-content:space-around;gap:.2rem;width:100%;display:flex}.sidebar-nav a{border-radius:9px;justify-items:center;gap:.1rem;padding:.35rem .25rem;font-size:.64rem;display:grid}.sidebar-nav a span{height:22px}.sidebar-nav a b{display:none}.dashboard-main{padding:1.1rem 1rem 2rem}.dashboard-topbar{margin-bottom:1.2rem}.today{display:none}.welcome-card{flex-direction:column;align-items:flex-start}.welcome-card .button{width:100%}.stats-grid,.skeleton-stats{gap:.65rem}.stat-card,.skeleton-stat{min-height:96px;padding:.75rem}.stat-card small{display:none}.stat-card strong{font-size:1.45rem}.stat-icon{width:36px;height:36px}.settings-grid{grid-template-columns:1fr}.rate-panel{grid-column:auto}.inline-form{flex-direction:column;align-items:stretch}.inline-form .button{width:100%}.skeleton-banner{height:220px}.skeleton-columns{grid-template-columns:1fr}.skeleton-panel{height:180px}.staff-auth-card{grid-template-columns:1fr}.staff-auth-intro{padding:1.6rem 1.35rem}.staff-auth-intro h1{font-size:2.35rem}.staff-auth-trust{display:none}.staff-login-form{padding:1.5rem 1.35rem}}