@font-face{font-family:Tajawal;src:url("/static/fonts/Tajawal-Regular.d11e9f3094b8.ttf") format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url("/static/fonts/Tajawal-Bold.ef7c3dc2a2b8.ttf") format('truetype');font-weight:700;font-display:swap}
:root{--navy:#142b3b;--blue:#0875bb;--teal:#087f83;--ink:#243946;--muted:#73828c;--line:#e4eaed;--canvas:#f5f7f8;--radius:12px;--sidebar:228px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Tajawal,system-ui,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #3399c9;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.5px}h2{font-size:19px}h3{font-size:18px}bdi{font-family:system-ui,sans-serif;font-size:.91em}small{font-size:12px}.muted{color:var(--muted)}.block{display:block}.skip{position:fixed;top:-60px;padding:12px;background:white;z-index:100}.skip:focus{top:0}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--navy);color:#d0dde5;padding:28px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 28px}.brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:12px}.brand strong{display:block;font-size:23px;line-height:1.15;color:#fff}.brand small{font:9px system-ui;letter-spacing:1.5px;color:#a0b6c5}.nav-caption{display:block;font-size:11px;letter-spacing:.6px;color:#93acbb;margin:24px 12px 10px}.sidebar>.nav-caption{margin-top:8px}.sidebar nav>a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:5px 0;border-radius:8px;font-size:14px}.sidebar nav>a:hover{background:#203c4f}.sidebar nav>a[aria-current]{background:#164d62;color:#fff;box-shadow:inset -3px 0 #4dd7db}.nav-icon{font-family:system-ui;font-size:20px;width:23px;text-align:center;color:#9bbdce}.sidebar nav>a[aria-current] .nav-icon{color:#78dde1}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;display:flex;gap:10px;align-items:center;border-top:1px solid #304857;font-size:12px}.sidebar-bottom small{display:block;color:#95acb9;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#64b7b3}.shell{margin-inline-start:var(--sidebar)}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:28px;padding:0 32px}.crumb{font-size:12px;color:#758691;white-space:nowrap}.crumb span{margin:0 12px;color:#bdc9d0}.global-search{margin-inline-start:auto;display:flex;align-items:center;gap:9px;max-width:355px;flex:1}.global-search>span{font-size:27px;color:#8da0ad}.global-search input{border:0;background:none;width:100%;font-size:13px;outline-offset:2px}.top-actions{display:flex;align-items:center;gap:18px}.language{background:none;border:1px solid var(--line);border-radius:7px;padding:4px 8px;font:12px system-ui;color:var(--ink)}.profile{position:relative}.profile summary{list-style:none;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:13px}.profile summary small{display:block;font-size:10px;color:var(--muted)}.profile form{position:absolute;inset-inline-end:0;top:48px;background:white;border:1px solid var(--line);padding:12px;box-shadow:0 8px 20px #142b3b15;border-radius:8px;min-width:140px;z-index:20}.profile form button{border:0;background:white;color:var(--ink)}.avatar{width:34px;height:34px;background:#e8f1f6;color:#286585;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;flex-shrink:0}.avatar.soft{width:36px;height:36px;background:#eef3f5;color:#688495}.icon-button{background:white;border:1px solid var(--line);border-radius:8px;width:38px;height:38px}.menu-toggle{display:none}main#main{padding:32px;max-width:1760px;margin:0 auto;min-height:calc(100vh - 140px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading p{font-size:14px;color:var(--muted);margin-top:7px;max-width:720px}.eyebrow{font-size:10px;letter-spacing:1.1px;color:#7394a5;display:block;margin-bottom:8px;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:10px 16px;line-height:1.5;font-size:14px;font-weight:700;white-space:nowrap;min-height:42px}.button.primary{background:var(--teal);color:#fff;box-shadow:0 2px 4px #087f8310}.button.primary:hover{background:#066c70}.button.secondary{border-color:#dce5e9;background:#fff;color:#3b5362}.button.secondary:hover{border-color:#9bb6c3;background:#f7fafb}.button.small{padding:6px 11px;font-size:12px;min-height:33px}.text-button{padding:5px 0;background:none;border:0;color:#1479a2;font-size:12px;white-space:nowrap}.day-line{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:22px;font-size:13px}.tabs{display:flex;gap:28px}.tabs a{padding:10px 1px 15px;color:var(--muted);font-weight:700}.tabs a.active{color:#13677a;border-bottom:2px solid var(--teal)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics article{display:flex;align-items:flex-start;gap:14px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px}.metrics article>div>span{font-size:13px;color:#6f808b}.metrics strong{font:700 30px/1.35 system-ui,sans-serif;display:block;margin:5px 0}.metrics small{color:#87949c;font-size:10px}.metric-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:10px;font:20px system-ui}.blue{background:#e9f3fb;color:#277fb1}.amber{background:#fdf3e0;color:#ac7b28}.teal{background:#e9f6f5;color:#188b85}.green{background:#edf5ee;color:#4e9467}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden;box-shadow:0 2px 3px #142b3b02}.panel-heading{padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:3px}.count{display:inline-block;background:#f0f4f6;color:#668391;border-radius:6px;padding:2px 7px;font:11px system-ui;margin-inline-start:5px;vertical-align:middle}.quiet-tag{font-size:11px;color:#6d8795;background:#f4f7f8;padding:5px 10px;border:1px solid #edf1f3;border-radius:6px;white-space:nowrap}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 22px 20px}.filters:first-child{padding-top:20px}.control{border:1px solid #dce5e9;background:#fff;border-radius:7px;min-height:41px;padding:9px 11px;width:100%;color:var(--ink);font-size:14px}.filters .control{width:auto;min-width:135px;font-size:13px;min-height:38px}.filters .filter-search{min-width:180px;flex:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}th{text-align:start;background:#f7f9fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#83919a;font-size:11px;font-weight:400;padding:13px 20px}td{padding:17px 20px;border-bottom:1px solid #edf1f3;font-size:13px;vertical-align:middle}td strong{font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfe}.person{display:flex;align-items:center;gap:10px}.person-name{font-weight:700;color:#2a4557}.person-name:hover{color:var(--blue)}.meta{display:flex;align-items:center;gap:8px;color:#90a0aa;margin-top:4px;font-size:10px}.tier{font-size:11px;color:#6d8792}.tier.gold{color:#a48232}.tier.platinum{color:#6c70a1}.tier.bronze{color:#a17c5d}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#edf3f7;font-size:11px;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.waiting{background:#fff5e4;color:#a87a22}.badge.in_service{background:#e8f5f5;color:#178b89}.badge.completed,.badge.confirmed{background:#edf7f0;color:#568c66}.badge.left,.badge.cancelled,.badge.no_show{background:#f7edeb;color:#ad6862}.badge.booked{background:#ebf3fb;color:#4c86ad}.row-actions{display:flex;gap:10px;align-items:center}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 22px;font-size:11px;color:#8b99a2}.pagination>div{display:flex;gap:8px}.upcoming-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;padding:0 22px 14px}.upcoming-list article{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #edf1f3}.upcoming-list article>div{flex:1}.upcoming-list strong{font-size:13px}.upcoming-list small{display:block;color:var(--muted);font-size:11px}.time-chip{font:600 12px system-ui;border:1px solid #e6edf1;background:#f9fbfc;color:#527284;padding:7px 9px;border-radius:6px}.empty{text-align:center;padding:48px 20px;white-space:normal}.empty>span{font-size:34px;color:#b1c7d1}.empty h3{margin:10px 0}.empty p{font-size:13px;color:var(--muted)}.empty-inline{padding:24px;color:var(--muted);font-size:13px}.notice{padding:16px 20px;background:#fff8ec;border:1px solid #f1e4c9;border-radius:10px;color:#947541;font-size:13px;line-height:1.8;margin-bottom:22px}.panel>.notice{margin:20px}.flash{padding:14px 18px;border:1px solid #cee5d8;background:#eff8f2;border-radius:8px;margin-bottom:20px}.flash.error{border-color:#eaccc5;background:#fff2ef;color:#9d5144}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.timeline-row{display:flex;align-items:center;gap:14px;padding:18px 22px;border-top:1px solid #edf1f3}.timeline-row>div{flex:1}.timeline-row p{color:var(--muted);font-size:12px;margin-top:3px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#9fc4cf}.form-panel{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px}.field label,.customer-picker label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.required{color:#bc725f}.field small{color:var(--muted)}input[type=checkbox].control{width:20px;min-height:20px}.invalid .control{border-color:#bd6152}.errorlist{margin:7px 0;padding-inline-start:18px;color:#b25242;font-size:13px}.form-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 28px;background:#fafcfc}.form-footer .muted{font-size:12px}.customer-picker{background:#f5f9fb;margin:24px 28px 0;border:1px solid #e1ebef;padding:18px;border-radius:8px}.customer-picker small{display:block;margin-top:8px;color:var(--muted)}#customer-results button{display:block;width:100%;background:white;border:1px solid var(--line);padding:10px;text-align:start;color:var(--ink);border-radius:5px;margin-top:5px}.action-menu{position:relative}.action-menu summary{cursor:pointer;list-style:none;padding:5px 10px}.action-menu>div{position:absolute;inset-inline-end:0;z-index:10;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #142b3b15;padding:8px;min-width:120px}.action-menu a,.action-menu button{display:block;padding:8px;background:none;border:0;font-size:12px;width:100%;text-align:start;color:var(--ink)}.totals{max-width:340px;margin:24px;margin-inline-start:auto;padding:0}.totals>div,.setting-list>div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);gap:20px}.totals dd,.setting-list dd{margin:0}.totals .total{font-weight:700;color:var(--teal);font-size:20px;border-bottom:0}.setting-list{margin:0 14px 24px;font-size:13px}.setting-list dd{color:var(--muted);text-align:end}.audit-row{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:14px 20px;border-top:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.audit-row small{grid-column:2;color:var(--muted)}footer{padding:20px 32px;color:#9aa8b1;font-size:11px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.phone{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.auth-page#main{padding:0;max-width:none;min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--navy);color:#fff;padding:58px 70px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-art .brand{padding:0}.login-art h1{font-size:42px;max-width:480px;line-height:1.55;margin:20px 0}.login-art p{color:#adc1ce;font-size:17px;max-width:460px;line-height:1.9}.login-art .eyebrow{color:#69c2ca}.login-art>small{color:#7f9aac}.login-lines{margin-top:48px;display:flex;flex-direction:column;gap:14px;font-size:14px;color:#c2d4df}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;background:#fff;padding:48px}.login-language{position:absolute;top:30px;inset-inline-end:35px}.login-box{width:100%;max-width:390px}.login-box h2{font-size:30px;margin-bottom:12px}.login-box>p{font-size:14px}.login-form{display:flex;flex-direction:column;margin-top:32px}.login-form label{font-size:13px;font-weight:700;margin:16px 0 8px}.login-form input{height:48px}.login-form button{margin-top:28px;height:49px;justify-content:space-between}.login-note{margin-top:28px;text-align:center;color:#a3b0b9;font-size:12px!important}
@media(min-width:1600px){:root{--sidebar:244px}.topbar,main#main{padding-inline:44px}td{padding-block:21px}.metrics article{padding:24px}}
@media(max-width:1250px){:root{--sidebar:210px}.topbar{gap:16px;padding-inline:22px}main#main{padding:24px}.crumb{display:none}.metrics{gap:10px}.metrics article{padding:15px 12px;gap:10px}.metrics small{font-size:9px}.quiet-tag{display:none}.page-heading .actions{max-width:290px}.login-art{padding:40px}}
@media(max-width:900px){.sidebar{transform:translateX(110%);transition:transform .2s}.sidebar.is-open{transform:none}[dir=ltr] .sidebar{transform:translateX(-110%)}[dir=ltr] .sidebar.is-open{transform:none}.shell{margin:0}.menu-toggle{display:block}.topbar{height:68px;padding-inline:18px}.topbar .profile summary>span:not(.avatar){display:none}main#main{padding:24px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{padding:18px}.metrics small{font-size:10px}.detail-grid{grid-template-columns:1fr}.auth-page#main{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:32px}.page-heading h1{font-size:27px}}
@media(max-width:600px){.global-search{display:none}.top-actions{margin-inline-start:auto}.page-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:22px}.page-heading .actions{max-width:none;width:100%}.page-heading .actions .button{flex:1}.day-line{align-items:start;flex-direction:column;gap:10px;padding-bottom:10px}.tabs{width:100%;gap:24px}.tabs a{padding-bottom:10px}.metrics{gap:10px;margin-bottom:18px}.metrics article{padding:14px;gap:10px}.metric-icon{width:28px;height:28px;border-radius:7px;font-size:16px}.metrics strong{font-size:26px}.metrics small{display:none}.metrics article>div>span{font-size:12px}.panel-heading{padding:18px;align-items:start}.panel-heading p{font-size:11px;max-width:270px}.panel-heading h2{font-size:18px}.filters{padding:0 18px 18px;gap:8px}.filters .control{flex:1;min-width:110px}.filters .filter-search{width:100%;flex-basis:100%}.table-wrap{overflow:visible}.responsive-table{display:block;white-space:normal}.responsive-table thead{display:none}.responsive-table tbody{display:block}.responsive-table tr{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);padding:16px 18px;gap:12px 18px}.responsive-table td{border:0;padding:0;width:calc(50% - 9px);font-size:12px;display:flex;flex-direction:column;gap:3px}.responsive-table td:first-child{width:100%;margin-bottom:7px}.responsive-table td[data-label]:before{content:attr(data-label);color:#97a4ad;font-size:10px}.responsive-table td:first-child:before{display:none}.responsive-table td:last-child{width:100%}.responsive-table .person-name{font-size:15px}.responsive-table .row-actions{padding-top:5px}.responsive-table td[colspan]{width:100%}.badge{align-self:flex-start}.responsive-table .time-chip{align-self:flex-start}.upcoming-list{grid-template-columns:1fr;padding-inline:18px}.upcoming-list article{gap:9px}.upcoming-list strong{font-size:12px}.upcoming-list .button{padding:6px 8px}.upcoming .panel-heading{flex-direction:column;gap:8px}.pagination{padding:14px 18px}.form-grid{grid-template-columns:1fr;padding:20px;gap:20px}.customer-picker{margin:20px 20px 0}.form-footer{padding:18px;flex-direction:column;align-items:stretch}.detail-grid{gap:0}.timeline-row{padding:18px;flex-wrap:wrap}.notice{font-size:12px;padding:15px}.totals{margin:18px;max-width:none}.invoice .table-wrap{overflow:auto}.invoice table{font-size:12px}.invoice td,.invoice th{padding:12px}footer{font-size:10px;padding:18px;gap:10px;flex-direction:column}.login-box h2{font-size:28px}.login-panel{padding:26px}.setting-list>div{flex-direction:column;gap:5px}.setting-list dd{text-align:start}}
@media print{.sidebar,.topbar,footer,.page-heading>.button{display:none!important}.shell{margin:0}main#main{padding:0}.panel{box-shadow:none}body{background:white}.invoice{border:1px solid #ddd}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.nav-icon{height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}