@font-face{font-family:AquaArabic;src:url('/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:AquaArabic;src:url('/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-style:normal;font-weight:500 900;font-display:swap}
:root{--ink:#162e4b;--muted:#65768a;--navy:#062750;--blue:#0966a8;--cyan:#00b3e2;--line:#e4eaf1;--surface:#fff;--canvas:#f4f6fa;--font:AquaArabic,'Segoe UI',sans-serif}
body{font-family:var(--font);background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.65}button,input,select,textarea{font-family:var(--font)}h1{font-size:30px;letter-spacing:0;font-weight:600;line-height:1.5}h2{font-size:18px;font-weight:600}strong{font-weight:600}small{font-size:12px}.muted,.page-heading p{font-size:14px;color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #31b7e0;outline-offset:3px}
.sidebar{width:244px;padding:18px 14px 12px;background:#fff;color:#53667d;border-left:1px solid var(--line);gap:8px}.sidebar .brand{height:150px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:0;position:relative;background:var(--navy);border-radius:16px;overflow:hidden;padding:0;color:#fff;box-shadow:0 7px 15px #092c5510}.sidebar .brand img{width:174px;height:174px;max-width:none;object-fit:contain;position:absolute;top:-25px;border-radius:0}.brand-caption{position:absolute;bottom:11px;display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:11px;font-weight:400;letter-spacing:0;color:#c6d5e7}.brand-caption b{font-family:var(--font);font-size:10px;color:#78dcf5;border:1px solid #3f698d;padding:0 5px;border-radius:4px}.sidebar nav{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d9e2eb transparent;padding:3px 2px;min-height:0}.nav-label{font-size:11px;font-weight:600;letter-spacing:0;color:#8b99aa;margin:9px 14px 8px}.secondary-label{border-top:1px solid var(--line);padding-top:13px;margin-top:12px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;margin:3px 0;padding:9px 13px;font-size:14px;min-height:42px;border-radius:9px;color:#596c80;font-weight:400}.sidebar nav a:hover{background:#f4f7fb;color:#17426b}.sidebar nav a.active{background:#eaf4fc;color:#075a99;box-shadow:none;font-weight:600}.nav-icon{width:20px;height:20px;display:inline-flex;flex-shrink:0}.nav-icon svg{width:20px;height:20px}.active-dot{margin-right:auto;width:6px;height:6px;border-radius:50%;background:#0a96cf}.sidebar-bottom{padding-top:10px;margin-top:0;border-top:1px solid var(--line)}.profile{margin:0;gap:10px;padding:4px}.profile strong{color:#243d58;font-size:12px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:11px;color:#7c8da0}.avatar{background:#e8f2fa;color:#1165a1;width:34px;height:34px;border-radius:10px;font-size:14px}.logout{display:flex;align-items:center;padding:5px;color:#8192a4}.logout svg{width:19px;height:19px}.shell{margin-right:244px}.topbar{height:72px;padding:0 34px;background:#ffffffde;border-bottom:1px solid var(--line);font-size:13px}.header-location{display:flex;align-items:center;gap:19px}.workspace-mark{font-size:16px;font-weight:600;letter-spacing:.6px;color:#143c63}.workspace-mark b{font-size:11px;color:#119cc8;letter-spacing:1px}.header-divider{height:19px;width:1px;background:#dce5ee}.crumb{font-size:13px;color:#728399}.top-meta{font-family:var(--font);gap:20px;font-size:12px;color:#738397}.environment-badge{display:flex;gap:7px;align-items:center;color:#498185;font-size:11px;background:#f0f8f6;border:1px solid #daeee8;border-radius:20px;padding:4px 10px}.environment-badge i{width:5px;height:5px;border-radius:50%;background:#4a9b8d}.pill{font-size:11px;background:#f7f9fc;border-color:#e7edf3;padding:5px 10px;display:flex;align-items:center;gap:8px;border-radius:6px}.pill span{color:#8a99a9}.menu-toggle,.nav-scrim{display:none}
main{padding:30px 34px 36px;max-width:1720px}.page-heading{margin-bottom:25px;align-items:center}.eyebrow{font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:1.7px;color:#6f96b8;margin-bottom:5px}.page-heading h1{margin-bottom:3px}.btn{border-radius:9px;font-size:13px;font-weight:600;min-height:41px;padding:9px 17px;transition:background .15s,box-shadow .15s}.primary{background:#0769ac;box-shadow:0 4px 8px #0064a51a;color:white}.primary:hover{background:#05588f;box-shadow:0 4px 12px #0064a529}.secondary{border-color:#dce5ef;background:white;color:#48617a}.danger{color:#b5524e;background:#fff4f3;border-color:#f1d7d3}.full{margin-top:14px}.stats{gap:18px;margin-bottom:24px}.stat{position:relative;padding:23px 23px 20px;border-radius:14px;border:1px solid var(--line);box-shadow:0 3px 4px #1c3d5902}.stat>span{font-size:13px;color:#60758d;font-weight:500}.stat i{font-size:17px;width:29px;height:29px;border-radius:8px;background:#f1f7fc;color:#6e9cbf;display:grid;place-items:center}.stat strong{font-family:var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:30px;font-weight:600;margin:16px 0 7px;line-height:1.5}.stat strong small{font-size:12px;letter-spacing:0;color:#92a1b1}.stat p{font-size:12px;color:#7c8da0}.stat.featured{background:linear-gradient(115deg,#073469,#06264c);border-color:#062c59;overflow:hidden}.stat.featured:after{content:'';position:absolute;width:160px;height:160px;left:-95px;top:-80px;border:24px solid #ffffff05;border-radius:50%;pointer-events:none}.featured>span{color:#c8dbef}.featured p,.featured strong small{color:#abc7df}.featured i{background:#ffffff0b;color:#42c2e8}.panel{border-radius:14px;border:1px solid var(--line);box-shadow:0 3px 4px #1c3d5902;margin-bottom:24px}.panel-heading{padding:20px 23px;border-color:#edf1f6}.panel-heading p{font-size:12px;color:#7a8da2;margin-top:4px}.panel-heading h2{font-size:17px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px}.chart{height:250px;padding:25px 22px 20px;gap:22px;background:repeating-linear-gradient(to top,transparent,transparent 58px,#edf2f7 59px,#edf2f7 60px)}.bar-column>span{font-family:var(--font);font-size:11px;color:#7e91a5}.bar-track{max-width:32px;height:155px}.bar-track>div{background:#54c4e7;border-radius:5px 5px 0 0}.bar-column:last-child .bar-track>div{background:#106bad}.bar-column small{font-family:var(--font);font-size:11px;color:#8292a5}.badge{font-family:var(--font);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500}.gray{color:#7a8ea3;background:#f3f6fa}.blue{color:#2375a9;background:#edf6fc}.green{color:#32866b;background:#edf8f3}.amber{color:#a77e35;background:#fff7e9}.alert-row{padding:15px 22px}.alert-row strong{font-size:13px}.alert-row small{font-size:11px}.alert-symbol{background:#fff5e3;color:#b48d49;font-size:14px}.stock-alert .empty{min-height:155px;display:flex;align-items:center;justify-content:center}.text-link,.row-link{font-size:12px;color:#1b78b2}.empty{color:#8b9aab;font-size:13px}.table-wrap{scrollbar-width:thin;scrollbar-color:#d4dfe9 transparent}th{background:#f8fafc;color:#788ba0;font-size:12px;font-weight:500;padding:13px 22px}td{font-size:13px;padding:16px 22px;border-color:#edf2f6}.mono,.number,.doc-id{font-family:var(--font);font-variant-numeric:tabular-nums}.doc-id{font-size:12px;color:#247aad}.search{font-size:12px;background:#f8fafc;border-color:#e1e8f0;border-radius:8px;min-height:39px;width:270px}.product-cell strong{font-size:13px}.product-thumb{color:#93adc3;background:#f0f5f9}.product-cell img,.product-thumb{height:40px;width:40px;border-radius:9px}input,select{font-size:14px;min-height:43px;border-color:#dce5ee;border-radius:8px;color:#294965;padding:9px 12px;background:#fff}.field>span,.invoice-builder .field>span{font-size:12px;font-weight:500;color:#5e748b}.field{gap:8px}.panel-body{padding:24px}.workbench-toolbar{background:#f8fbfe;padding:20px 23px}.workbench-toolbar h2{font-size:20px}.workbench-toolbar .eyebrow{color:#6f96b8}.workbench-info{padding:23px;gap:20px}.balance-box{background:#f0f8fe;border-right:3px solid #24b5df;border-radius:9px}.balance-box strong{font-family:var(--font);font-size:26px}.balance-box span,.balance-box small{font-size:11px}.workbench-entry{padding:15px 23px;background:#fcfdff}.workbench-lines .field>span{font-size:11px}.line-net strong{font-family:var(--font);font-variant-numeric:tabular-nums;font-size:18px}.line-net>small{font-size:11px}.invoice-summary{background:#f5f9fd;border-color:#e2edf5;border-radius:12px;padding:22px}.invoice-summary>span{font-size:12px;color:#5e7791}.invoice-summary>div{font-size:15px;padding-top:17px;margin-top:15px}.invoice-summary>div strong{font-size:27px;font-variant-numeric:tabular-nums}.invoice-summary>small{font-size:11px;color:#8a9aae}.warehouse-symbol{background:#edf6fd;color:#418ab7}.warehouse-card>strong{font-size:30px}.warehouse-card p{font-size:13px}.notice{border-radius:10px;font-size:13px}.dialog-heading h2{font-size:21px}.dialog-heading button{font-family:var(--font)}dialog{font-family:var(--font);border-radius:18px;padding:28px;box-shadow:0 25px 80px #092c5533;border:1px solid #dce6ef}dialog::backdrop{background:#0a244459;backdrop-filter:blur(4px)}dialog .muted{margin-bottom:20px;font-size:13px}.invoice-letterhead .brand{background:#062750;border-radius:10px;padding:8px 15px}.invoice-letterhead .brand img{width:90px;height:90px;object-fit:contain}.invoice-letterhead .brand span{display:none}.invoice-letterhead{border-bottom:1px solid #d5e3ef}.invoice-info span{font-size:12px}.invoice-info strong{font-size:14px}.invoice-totals{font-size:14px}.invoice-totals .grand{font-size:20px}footer{font-family:var(--font);font-size:11px;padding:0 34px 25px;color:#8a9bae}footer strong{font-size:10px;letter-spacing:1px;font-weight:600;color:#70889e}
.login-page{font-family:var(--font);background:#f5f8fc}.login-card{width:480px;padding:45px}.login-card .brand{background:var(--navy);border-radius:16px;width:160px;height:145px;justify-content:center;margin-bottom:30px}.login-card .brand img{width:160px;height:160px}.login-card .brand span{display:none}.login-card h1{font-size:32px}.login-art{background:#062750;align-items:center;justify-content:center}.login-art:before{content:'';width:min(430px,90%);aspect-ratio:1;background:url('/brand/aqua-logo.png') center/contain no-repeat}.login-art:after{content:'AQUA SWIMMING';font-size:11px;letter-spacing:4px;color:#74b8d4}.login-art h2,.login-art p,.login-art .watermark{display:none}
@media(min-width:901px) and (max-height:850px){.sidebar .brand{height:119px;min-height:119px}.sidebar .brand img{width:148px;height:148px;top:-25px}.brand-caption{bottom:6px}.sidebar nav a{min-height:36px;padding:6px 13px}.sidebar{padding-top:12px}.secondary-label{margin-top:6px;padding-top:7px}.nav-label{margin-top:6px;margin-bottom:5px}}
@media(max-width:1200px){main{padding:25px}.topbar{padding:0 25px}.stat{padding:19px}.stat strong{font-size:26px}.stats{gap:12px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.top-meta{gap:12px}}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.header-date{display:none}}
@media(max-width:900px){.sidebar{position:fixed;right:0;top:0;bottom:0;width:244px;transform:translateX(100%);transition:transform .18s;z-index:50;padding:18px 14px 12px;display:flex}.sidebar .brand{height:150px;min-height:150px}.sidebar .brand img{width:174px;height:174px;top:-25px}.sidebar nav{display:block;overflow-y:auto;overflow-x:hidden;margin:0}.sidebar nav a{font-size:14px;padding:9px 13px;min-height:42px}.sidebar .nav-label{display:block}.sidebar .nav-icon{display:inline-flex}.sidebar-bottom{display:block}.shell{margin:0}.menu-toggle{display:flex;border:1px solid #e0e8ef;background:#fff;border-radius:8px;padding:7px;color:#446681}.menu-toggle svg{width:21px;height:21px}.topbar{height:66px;padding:0 20px}.header-location{gap:12px}.top-meta{display:flex}.top-meta .pill{display:none}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-scrim{display:block;position:fixed;inset:0;border:0;background:#0c29494d;z-index:45}.sidebar .profile{display:flex}.dashboard-grid{grid-template-columns:1fr}.workspace-mark{font-size:14px}.header-divider{display:none}}
@media(max-width:620px){main{padding:23px 16px}.topbar{padding:0 16px}.page-heading{align-items:flex-start;gap:14px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.page-heading .btn{align-self:flex-start}.stats{gap:12px}.stat{padding:17px 15px}.stat strong{font-size:24px;white-space:normal;margin:12px 0 5px}.stat>span{font-size:12px}.stat i{width:23px;height:23px;font-size:14px}.stat p{font-size:11px}.stat strong small{font-size:10px}.environment-badge{font-size:10px;padding:3px 7px}.crumb{font-size:12px}.workspace-mark{display:none}.panel-heading{padding:17px}.panel-heading h2{font-size:16px}.panel{border-radius:12px}.search{width:100%}.chart{gap:8px;padding:22px 5px 15px;margin:0 14px;height:225px}.bar-column>span{font-size:9px}.bar-track{width:65%;height:140px}.panel-body{padding:18px}.workbench-info{padding:18px}.workbench-toolbar{padding:18px}.toolbar-actions{gap:8px}.btn{font-size:12px;padding:8px 13px}.workbench-entry{padding:18px}.invoice-bottom{padding:18px}.form-grid{gap:0 12px}.invoice-builder .field>span{font-size:11px}.invoice-summary{padding:18px}.login-card{padding:35px 26px}.login-art{display:none}.login-card .brand{margin-bottom:25px}.invoice-letterhead .brand{padding:4px}.invoice-letterhead .brand img{width:74px;height:74px}footer{padding:0 16px 20px;font-size:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.nav-scrim,.menu-toggle{display:none!important}.shell{margin:0}.invoice-letterhead .brand{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{font-family:var(--font);color:#162e4b}.invoice-paper{border:0}.invoice-paper th{font-size:11px}.invoice-paper td{font-size:12px}main{padding:0}}
@media(max-width:900px){.sidebar{visibility:hidden}.nav-open .sidebar{visibility:visible}.nav-open .nav-scrim{right:auto;left:0;width:calc(100% - 244px)}}