:root{--primary:#a9507d;--primary-soft:#fbeaf2;--text:#302438;--muted:#8d8290;--border:#f0e9ef;--surface:#fff;--bg:#f7f7fb}*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,'Segoe UI',Arial,sans-serif;font-size:14px}a{text-decoration:none;color:var(--primary)}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid #e8e2e9;background:#fff;border-radius:10px;padding:10px 12px;max-width:100%;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid #efc5d8;border-color:var(--primary)}button,.btn{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:10px 16px;cursor:pointer;display:inline-block}button:hover,.btn:hover{filter:brightness(.96)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:262px;flex-shrink:0;background:#fff;border-left:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:-3px 0 22px #33213a05;z-index:20}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border);color:var(--text)}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#bf6794,#723a64);color:white;display:grid;place-items:center;font-size:25px;box-shadow:0 7px 18px #b05a8435}.brand-name{font-weight:800;font-size:16px}.brand-sub{font-size:11px;color:var(--muted);margin-top:5px}.nav-heading{font-size:11px;letter-spacing:.4px;color:#9a90a0;margin:24px 20px 9px;font-weight:bold}.app-sidebar a{display:flex;align-items:center;gap:12px;margin:3px 12px;padding:11px 13px;border-radius:10px;color:#655d6d;font-weight:600;transition:.15s}.app-sidebar a:hover,.app-sidebar a.active{background:var(--primary-soft);color:#98466e}.nav-icon{font-size:19px;width:22px;text-align:center;line-height:1}.app-body{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 30px;border-bottom:1px solid var(--border)}.topbar-right,.topbar-left{display:flex;align-items:center;gap:13px}.topbar-title{font-weight:800;font-size:17px}.topbar-sub{font-size:12px;color:var(--muted);margin-top:4px}.user-chip{display:flex;align-items:center;gap:10px;background:#faf6f9;padding:7px 12px;border-radius:13px}.avatar{width:35px;height:35px;background:#ead4e2;color:#80405f;border-radius:11px;display:grid;place-items:center;font-weight:800}.logout-btn{background:#f9edf3;color:#a74d76;padding:9px 12px}.content{padding:30px;max-width:1800px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;flex-wrap:wrap}.page-heading h1{font-size:27px;margin:0;font-weight:800}.page-subtitle{color:var(--muted);font-size:13px;margin:8px 0 0}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 4px 20px #24142a06}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card{position:relative;overflow:hidden;min-height:160px}.stat-card .stat-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#fbeaf2;color:#a24c79;font-size:22px;margin-bottom:15px}.stat-label{color:#7d7482;font-size:13px;font-weight:600}.stat-value{font-size:30px;font-weight:800;margin-top:10px;line-height:1.1}.stat-card:after{content:'';position:absolute;top:-42px;left:-40px;width:130px;height:130px;border-radius:50%;background:#fbf1f6}.stat-card>*{position:relative;z-index:1}.dashboard-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:2px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-link{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;color:#55475c;background:#fff;font-weight:700}.quick-link:hover{background:#fcf3f7}.quick-link span{font-size:22px}.muted{color:var(--muted)}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--border)}th{background:#faf7fa;color:#7a677c;font-weight:700}label{display:block;margin-bottom:8px;font-weight:600}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.fields label{display:grid;gap:7px}.fields input,.fields select,.fields textarea{width:100%}.actions{display:flex;flex-wrap:wrap;gap:8px}.danger{background:#b84255}.success,.error{padding:13px 16px;border-radius:10px;margin-bottom:15px}.success{background:#e9f9ee;color:#277a48}.error{background:#fff0f1;color:#a52e40}.modal{border:0;border-radius:18px;width:min(760px,95vw);max-height:90vh;overflow:auto;box-shadow:0 12px 60px #0005}.modal::backdrop{background:#2215249c}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:linear-gradient(145deg,#45263e,#9f547f 65%,#d890ac);color:#fff;display:flex;align-items:center;justify-content:center;padding:60px}.login-art-inner{max-width:460px}.login-art .flower{font-size:72px;opacity:.9}.login-art h1{font-size:44px;line-height:1.3;margin:24px 0}.login-art p{font-size:17px;line-height:2;color:#f5e2ed}.login-side{display:flex;align-items:center;justify-content:center;padding:35px}.login-panel{width:min(420px,100%)}.login-panel h2{font-size:30px;margin:14px 0}.login-panel p{color:var(--muted);margin-bottom:35px}.login-panel label{margin-top:18px}.login-panel input{width:100%;height:48px}.login-panel button{width:100%;margin-top:24px;padding:14px}.login-logo{font-size:26px;color:var(--primary);font-weight:900}.menu-toggle{display:none;background:#faf1f6;color:#874264}.dashboard-filter{display:flex;align-items:center;gap:8px}.dashboard-filter select{min-width:150px}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:850px){.app-sidebar{position:fixed;right:-270px;transition:right .2s}.app-sidebar.open{right:0}.menu-toggle{display:inline-block}.topbar{padding:0 16px}.content{padding:18px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:500px){.stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.page-heading h1{font-size:22px}}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
body,button,input,select,textarea,table{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
.app-sidebar .nav-heading{display:none}.nav-group{border-bottom:1px solid #f3edf2;padding:4px 0}.nav-group>summary{list-style:none;cursor:pointer;padding:13px 20px;font-weight:800;color:#60465c;display:flex;align-items:center;justify-content:space-between}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:'⌄';font-size:17px}.nav-group[open]>summary:after{content:'⌃'}.nav-group .nav-links{padding:0 0 10px}.brand-logo{width:54px;height:54px;object-fit:contain}.brand{height:auto;min-height:95px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,0.9fr);gap:20px}.pos-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pos-service{background:#fff;border:1px solid #eee0e9;border-radius:16px;min-height:130px;text-align:right;color:#4b2d44;padding:15px;display:flex;flex-direction:column;gap:10px}.pos-service:hover{background:#fbedf5}.pos-service img{height:65px;max-width:100%;object-fit:contain}.pos-summary{position:sticky;top:20px;align-self:start}.pos-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #f0e7ee}.pos-line button{padding:5px 9px}.pos-payments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos-payments input{width:100%}.service-thumb{width:54px;height:54px;border-radius:12px;object-fit:cover}.section-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.section-tabs a{border:1px solid #ecdce5;border-radius:10px;padding:9px 16px;background:#fff}.section-tabs a.active{background:#a9507d;color:#fff}.brand-logo-login{max-width:175px;max-height:180px;object-fit:contain}.logo-settings-preview{max-width:180px;max-height:180px;object-fit:contain}@media(max-width:900px){.pos-layout{grid-template-columns:1fr}.pos-summary{position:static}}

/* October UI hotfix: POS fullscreen, image cards and booking form */
.login-white-logo{display:block;max-width:155px;width:100%;height:145px;object-fit:contain;margin:0 auto 12px}.login-logo{display:flex;flex-direction:column;align-items:center;gap:4px}
body.pos-fullscreen .app-sidebar{display:none!important}body.pos-fullscreen .app-body{width:100%!important;max-width:none!important;margin:0!important}body.pos-fullscreen .app-shell{display:block!important}body.pos-fullscreen .content{max-width:none!important;width:100%!important;padding:22px!important}body.pos-fullscreen .pos-layout{display:grid!important;grid-template-columns:minmax(360px,39%) minmax(0,61%)!important;gap:18px!important;align-items:start}body.pos-fullscreen .pos-layout>section:first-child{grid-column:2;grid-row:1}body.pos-fullscreen .pos-layout>section.pos-summary{grid-column:1;grid-row:1;position:sticky;top:15px;max-height:calc(100vh - 130px);overflow:auto}
body.pos-fullscreen .pos-service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}body.pos-fullscreen .pos-service{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:195px!important;padding:0 0 12px!important;overflow:hidden!important;border-radius:14px!important;text-align:right!important;background:#fff!important;border:1px solid #efdfeb!important;cursor:pointer!important}body.pos-fullscreen .pos-service img{width:100%!important;height:125px!important;object-fit:cover!important;display:block!important;background:#f9e9f0!important}body.pos-fullscreen .pos-service strong,body.pos-fullscreen .pos-service span{padding:6px 12px 0!important}body.pos-fullscreen .pos-service span{color:#a9507d!important;font-weight:700!important}body.pos-fullscreen .pos-service:hover{border-color:#b35483!important;box-shadow:0 5px 18px #8e46631c!important}
.booking-dialog{width:min(750px,95vw)!important;max-height:88vh!important;overflow-y:auto!important;border:0!important;border-radius:20px!important;padding:26px!important;box-shadow:0 24px 70px #35203345!important}.booking-modal-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f0e4eb;margin-bottom:16px;padding-bottom:14px}.booking-modal-heading h2{margin:0}.booking-modal-heading>button{background:#fbeef4;color:#9b5074;border:0;border-radius:10px;font-size:24px;cursor:pointer}.booking-customer-row{display:flex;align-items:end;gap:12px}.booking-customer-row label{flex:1}.booking-customer-row a{margin-bottom:10px;white-space:nowrap}.booking-dialog label{font-weight:600}.booking-dialog select,.booking-dialog input,.booking-dialog textarea{padding:11px!important;border-radius:10px!important;border:1px solid #e5d7e0!important}
@media(max-width:1100px){body.pos-fullscreen .pos-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:800px){body.pos-fullscreen .pos-layout{display:flex!important;flex-direction:column!important}body.pos-fullscreen .pos-layout>section{width:100%!important;position:static!important;max-height:none!important}body.pos-fullscreen .pos-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}