.customer-layout{background:var(--color-background);min-height:100vh}.customer-content{min-width:0}.page-content{min-height:70vh}.top-navbar{z-index:100;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;min-height:76px;padding-inline:max(1rem,50vw - 640px);display:flex;position:sticky;top:0}.top-navbar-links,.top-navbar-actions{align-items:center;gap:1.25rem;display:flex}.top-navbar-links a{color:var(--color-text-secondary);font-weight:700;position:relative}.top-navbar-links a.active,.top-navbar-links a:hover{color:var(--color-primary)}.top-navbar-links a.active:after{content:"";inset-inline:0;background:var(--color-gold);height:2px;position:absolute;bottom:-12px}.top-navbar-actions{gap:.6rem}.navbar-icon-button,.language-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:44px;color:var(--color-text);padding-inline:.75rem}.login-button{border-radius:var(--radius-sm);background:var(--color-gold);color:#18201e;justify-content:center;align-items:center;min-height:44px;padding-inline:1.1rem;font-weight:800;display:inline-flex}.mobile-navbar,.sidebar,.sidebar-overlay{display:none}.site-footer{background:var(--color-primary);color:#fff;margin-top:4rem;padding:3rem 0 1.5rem}.site-footer strong{color:#fff;font-size:1.25rem}.site-footer p{color:#d6e1df}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;display:grid}.site-footer nav{gap:.5rem;display:grid}@media (width<=900px){.top-navbar{min-height:64px;padding-inline:1rem}.top-navbar-links{display:none}.mobile-navbar{align-items:center;gap:.75rem;display:flex}.mobile-menu-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:44px;height:44px;color:var(--color-primary);place-items:center;font-size:1.3rem;display:grid}.mobile-brand{font-weight:900}.sidebar{z-index:1000;background:var(--color-primary);color:#fff;flex-direction:column;width:min(84vw,310px);padding:1.5rem;transition:transform .25s;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-110%)}.sidebar.sidebar-open{transform:translate(0)}html[dir=rtl] .sidebar{transform:translate(110%)}html[dir=rtl] .sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:999;background:#0008;display:block;position:fixed;inset:0}.sidebar-close-button{border-radius:var(--radius-sm);color:#fff;background:0 0;border:1px solid #fff5;width:44px;height:44px;font-size:1.5rem}.sidebar-logo h2{color:#fff}.sidebar-logo span{color:#e5c27e}.sidebar-menu{gap:.35rem;margin-top:2rem;display:grid}.sidebar-menu a{border-radius:var(--radius-sm);padding:.8rem 1rem}.sidebar-menu a.active{background:var(--color-gold);color:#17201f}.sidebar-user{margin-top:auto}.footer-grid{grid-template-columns:1fr 1fr}.top-navbar-actions .login-button{display:none}}@media (width<=560px){.language-selector{max-width:92px}.top-navbar-actions{gap:.35rem}.footer-grid{grid-template-columns:1fr}.site-footer{padding-inline:1rem}}@media (width<=380px){.top-navbar{padding-inline:.5rem}.mobile-brand{display:none}}.notification-bell,.notification-bell>.navbar-icon-button{position:relative}.notification-count{color:#fff;background:brown;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.25rem;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset-block-start:-.35rem;inset-inline-end:-.45rem}.notification-popover{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;width:min(23rem,100vw - 2rem);padding:1rem;position:absolute;inset-block-start:calc(100% + .75rem);inset-inline-end:0;box-shadow:0 1rem 2.5rem #00000029}.notification-popover h2{margin-block:0 .75rem}.notification-item{text-align:start;border:0;border-block-end:1px solid var(--color-border);width:100%;color:var(--color-text);background:0 0;gap:.25rem;padding:.8rem;display:grid}.notification-item.unread{background:#be913017;font-weight:700}.notification-item em{color:#8b6519;font-size:.75rem}.notification-all{width:100%;color:var(--color-primary);background:0 0;border:0;margin-block-start:.75rem;font-weight:800}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.admin-form-grid label{gap:.35rem;display:grid}.admin-form-grid input,.admin-form-grid select{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:.55rem;padding:.6rem .75rem}.money-field{align-items:stretch;display:flex!important}.money-field input{flex:1;min-width:0}.money-field span{border:1px solid var(--color-border);border-inline-start:0;border-radius:.55rem;place-items:center;padding-inline:.65rem;display:grid}.flow-success{color:#17623c;background:#dcefe3;border-radius:.6rem;padding:.75rem}.branch-row-actions,.branch-form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.branch-detail dl{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.branch-detail dl div{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));border-radius:.6rem;padding:.75rem}.branch-detail dt{color:var(--color-text-secondary);font-size:.85rem}.branch-detail dd{margin:.25rem 0 0;font-weight:700}.field-error,.flow-error{color:#9b2929}.staff-assignment{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.role-chips{flex-wrap:wrap;gap:.5rem;display:flex}.role-chips button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:.4rem .65rem}.policy-active,.policy-editor,.policy-history{margin-block:1rem}.policy-active>div:first-child{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-top:1rem;display:grid}.policy-grid>div{border:1px solid var(--color-border);border-radius:.75rem;min-width:0;padding:.8rem}.policy-grid dt{color:var(--color-text-secondary)}.policy-grid dd{margin:.35rem 0 0;font-weight:700}.policy-input{align-items:center;gap:.5rem;display:flex}.policy-input input{width:100%;min-width:0}.policy-input span{white-space:nowrap}@media (width<=480px){.policy-grid{grid-template-columns:1fr}.policy-editor .admin-table-wrap{overflow-x:auto}}.notification-settings-card,.notification-timezones{margin-block:1rem}.notification-settings-card label{gap:.45rem;max-width:24rem;margin-block:1rem;display:grid}.notification-settings-card input{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:.55rem;padding:.6rem .75rem}.notification-timezones .policy-grid>div{gap:.35rem;display:grid}.notification-timezones small{color:var(--color-text-secondary)}:root{--color-primary:#073f3b;--color-primary-hover:#052f2c;--color-gold:#b88a37;--color-gold-hover:#9f742c;--color-gold-soft:#f7edd9;--color-background:#faf8f2;--color-surface:#fff;--color-surface-secondary:#f4f1eb;--color-surface-soft:#f7f1e5;--color-text:#17201f;--color-text-secondary:#706b64;--color-heading:#102a43;--color-muted:#6b7280;--color-border:#e4ddd2;--color-danger:#b94747;--color-success:#3f7d5c;--color-warning:#a8751d;--color-success-soft:#e4f3e7;--color-warning-soft:#fff2d8;--color-danger-soft:#fde8e8;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 12px 35px #1f252314;--control-height:52px;font-family:Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif}[data-theme=dark]{--color-background:#10201f;--color-surface:#172927;--color-surface-secondary:#1d302e;--color-text:#f5f1e9;--color-text-secondary:#c1bbb1;--color-border:#334542;--color-gold-soft:#3a3224;--shadow-soft:0 12px 35px #00000040}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}html,body,#root{min-height:100%}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);margin:0;font-family:inherit;line-height:1.6;transition:background-color .2s,color .2s}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=ltr] body{text-align:left;direction:ltr}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-top:0;line-height:1.3}p{line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{color:var(--color-text);background:var(--color-surface);font-size:1rem}button{cursor:pointer;min-height:44px}input,select{min-height:var(--control-height)}textarea{resize:vertical;min-height:110px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.75}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #c7963d66}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;display:block}.app-container{width:min(100% - 48px,1280px);margin-inline:auto}@media (width<=900px){.app-container{width:min(100% - 32px,100%)}}@media (width<=600px){html{font-size:16px}.app-container{width:calc(100% - 24px)}input,select{min-height:54px}button{min-height:48px}}@media (width<=390px){.app-container{width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}