/* CentralPay — exact visual pass based on supplied 1672×941 references */
:root{--ref-navy:#073b7b;--ref-navy2:#084f9d;--ref-blue:#167de2;--ref-green:#17bf91;--ref-bg:#f5f9fd;--ref-line:#e4ebf4;--ref-text:#102b51;--ref-muted:#8193ad;--ref-card:#fff}

/* APP / DASHBOARD */
.cp-ref-app{background:#f5f9fd;color:var(--ref-text);font-family:Cairo,Tahoma,Arial,sans-serif}.cp-ref-app .app-shell{min-height:100vh}.cp-ref-sidebar{width:260px;right:0;padding:19px 12px 18px;background:linear-gradient(180deg,#083f80 0%,#074887 44%,#06386f 100%);box-shadow:-6px 0 24px rgba(10,48,94,.12);overflow:auto}.cp-ref-main{margin-right:260px;width:calc(100% - 260px)}
.cp-ref-side-brand{height:75px;display:flex;align-items:center;gap:14px;padding:0 10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.cp-ref-side-logo{order:-1;margin-right:auto;width:52px;height:52px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 18px rgba(0,24,67,.12)}.cp-ref-side-logo img{width:47px;height:47px;object-fit:contain}.cp-ref-side-brand strong{font-family:Arial,sans-serif;font-size:19px;line-height:1;color:#fff;display:block}.cp-ref-side-brand strong span{color:#42d47a}.cp-ref-side-brand small{display:block;color:#c4d8ed;font-size:10px;margin-top:7px;letter-spacing:.3px}.cp-ref-nav{padding-top:15px}.cp-ref-nav .nav-single,.cp-ref-nav summary{height:49px;min-height:49px;border-radius:12px;padding:0 14px;font-size:13px;font-weight:800;color:#fff;display:flex!important;align-items:center;justify-content:space-between;gap:10px}.cp-ref-nav .nav-single{justify-content:flex-start;border:1px solid transparent}.cp-ref-nav .nav-single i,.cp-ref-nav summary i{width:25px;display:grid;place-items:center;color:#fff}.cp-ref-nav .nav-single.active{background:linear-gradient(90deg,#0b72db,#0b66ca);border-color:#62a8ed;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.cp-ref-nav details{margin:1px 0}.cp-ref-nav details summary b{font-size:13px;color:#b9d6f2}.cp-ref-nav .submenu{padding:2px 0 5px}.cp-ref-nav .submenu a{font-size:11px;color:#d1e2f3;padding:8px 43px 8px 10px}.cp-ref-nav .submenu a:before{right:28px;background:#70a8d8}.cp-ref-system-status{margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:10px;background:rgba(2,31,66,.18)}.cp-ref-system-status>span{width:10px;height:10px;border-radius:50%;background:#43d695;box-shadow:0 0 0 5px rgba(67,214,149,.13)}.cp-ref-system-status b,.cp-ref-system-status small{display:block}.cp-ref-system-status b{font-size:11px;color:#fff}.cp-ref-system-status small{font-size:9px;color:#bed2e7;margin-top:3px}
.cp-ref-topbar{height:78px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6edf5;box-shadow:none;padding:0 18px 0 16px}.cp-ref-top-context{display:flex;align-items:center;gap:13px}.cp-ref-top-context>div strong,.cp-ref-top-context>div small{display:block}.cp-ref-top-context>div strong{font-size:12px}.cp-ref-top-context>div small{font-size:9px;color:#8a9bb0;margin-top:4px}.cp-ref-top-actions{display:flex;align-items:center;gap:9px;direction:ltr}.cp-ref-top-actions form{margin-right:0}.cp-ref-branch-pill{direction:rtl;padding:8px 14px;border-radius:999px;background:#e9fbf4;color:#11875f;border:1px solid #cfeee1;font-size:10px;display:flex;gap:6px;align-items:center}.cp-ref-round{border:0;background:#f4f7fb;color:#25496f;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.cp-ref-notify{position:relative}.cp-ref-notify em{position:absolute;right:0;top:-4px;background:#ef5060;color:#fff;border-radius:999px;min-width:14px;height:14px;line-height:14px;font-size:8px;font-style:normal}.cp-ref-user{display:flex;align-items:center;gap:9px;direction:rtl;padding-left:10px;border-left:1px solid #edf1f5}.cp-ref-user .avatar{width:35px;height:35px;border-radius:50%;background:#eff5fc;color:#0d559a;display:grid;place-items:center;font-weight:900}.cp-ref-user b,.cp-ref-user small{display:block}.cp-ref-user b{font-size:12px}.cp-ref-user small{font-size:8px;color:#8d9bad;direction:ltr;margin-top:2px}.cp-ref-logout{border:0;background:#fff1f2;color:#df4150;border-radius:10px;height:43px;padding:0 16px;font-size:11px;font-weight:800;cursor:pointer}.cp-ref-content{padding:31px 18px 18px}
.cp-ref-dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.cp-ref-dash-title{display:flex;align-items:center;gap:13px}.cp-ref-title-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#16cf9b,#0da982);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px rgba(13,169,130,.18)}.cp-ref-dash-title h1{font-size:27px;margin:0 0 5px;letter-spacing:-.5px}.cp-ref-dash-title p{margin:0;color:#7c8da8;font-size:11px}.cp-ref-dash-tools{display:flex;align-items:center;gap:14px;direction:ltr}.cp-ref-primary,.cp-ref-report-btn{height:48px;border-radius:9px;padding:0 18px;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:12px}.cp-ref-primary{background:linear-gradient(145deg,#1687ed,#126ad3);color:#fff;box-shadow:0 8px 18px rgba(19,113,216,.20)}.cp-ref-report-btn{background:#fff;color:#173b68;border:1px solid #e2eaf3}.cp-ref-date{height:48px;width:205px;border:1px solid #e0e8f1;border-radius:9px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 13px;direction:ltr}.cp-ref-date>span{font-size:19px;color:#214e7f}.cp-ref-date>div{direction:rtl;flex:1}.cp-ref-date small,.cp-ref-date b{display:block}.cp-ref-date small{font-size:9px;color:#637a98}.cp-ref-date b{font-size:11px;margin-top:2px}.cp-ref-date i{font-style:normal;color:#476687}
.cp-ref-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.cp-ref-kpi{height:126px;border-radius:12px;border:1px solid var(--ref-line);position:relative;padding:20px 20px 14px;background:#fff;box-shadow:0 7px 20px rgba(34,78,120,.035)}.cp-ref-kpi>i{position:absolute;right:15px;top:15px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-style:normal}.cp-ref-kpi>span{display:block;padding-right:57px;font-size:11px;color:#41638b;font-weight:800}.cp-ref-kpi>b{display:block;font:900 23px/1.1 Arial,sans-serif;margin-top:18px;color:#0d315c}.cp-ref-kpi>small{display:block;font-size:9px;color:#8091a7;margin-top:5px}.cp-ref-kpi.cyan{background:linear-gradient(145deg,#effcff,#eefbfc);border-color:#c9eaf0}.cp-ref-kpi.cyan i{background:#d7f4f8;color:#0d9eae}.cp-ref-kpi.violet{background:linear-gradient(145deg,#fbf8ff,#f7f2ff);border-color:#e3d7f7}.cp-ref-kpi.violet i{background:#eadcff;color:#7f35d7}.cp-ref-kpi.orange{background:linear-gradient(145deg,#fff9f2,#fff3e6);border-color:#f0dcc4}.cp-ref-kpi.orange i{background:#ffe4c4;color:#ef7f20}.cp-ref-kpi.blue{background:linear-gradient(145deg,#f7fbff,#edf7ff);border-color:#d1e4f6}.cp-ref-kpi.blue i{background:#dceefe;color:#1476dc}.cp-ref-kpi.green{background:linear-gradient(145deg,#f2fff9,#eafcf4);border-color:#ccebdd}.cp-ref-kpi.green i{background:#d8f6e9;color:#10a96c}.cp-ref-kpi.purple{background:linear-gradient(145deg,#fcfaff,#f7f2ff);border-color:#e4d8f8}.cp-ref-kpi.purple i{background:#eadfff;color:#823edf}
.cp-ref-dash-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:16px;direction:rtl}.cp-ref-dash-top{margin-bottom:16px}.cp-ref-card{background:#fff;border:1px solid #e4ebf3;border-radius:13px;box-shadow:0 7px 22px rgba(31,70,108,.035);padding:17px;direction:rtl}.cp-ref-dash-top .cp-ref-card{height:349px}.cp-ref-card-head{display:flex;align-items:flex-start;justify-content:space-between;min-height:41px}.cp-ref-card-head h3{font-size:14px;margin:0;color:#173762}.cp-ref-card-head p{font-size:10px;color:#8294ad;margin:5px 0 0}.cp-ref-card-head a{font-size:10px;color:#1678dd;text-decoration:none}.cp-ref-chart-card canvas{width:100%;height:230px!important}.cp-ref-legend{display:flex;gap:25px;align-items:center;font-size:9px;color:#778aa5;margin:-6px 0 6px}.cp-ref-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:6px}.cp-ref-legend .blue{background:#3d91ee}.cp-ref-legend .green{background:#21bf91}.cp-ref-recent-dash table,.cp-ref-employee-card table,.cp-ref-pos-recent table{width:100%;border-collapse:collapse}.cp-ref-recent-dash thead th,.cp-ref-employee-card thead th{background:#f7f9fc;color:#547294;font-size:9px;font-weight:800;height:37px;border-bottom:1px solid #e6edf5}.cp-ref-recent-dash td,.cp-ref-employee-card td{height:47px;border-bottom:1px solid #edf1f5;font-size:10px;color:#274b74;padding:0 6px}.cp-ref-positive{color:#08a46b!important;font-weight:900}.cp-ref-negative{color:#1b4672!important;font-weight:900}.cp-ref-badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#ddf8e9;color:#0c9a61;font-size:9px;font-weight:800}.cp-ref-type.deposit{color:#0aa56d}.cp-ref-type.withdraw{color:#ef6170}.cp-ref-type.transfer{color:#166fd0}.cp-ref-type.instapay{color:#743bcf}.cp-ref-type.receive{color:#12a987}.cp-ref-empty{color:#8998aa;text-align:center}.cp-ref-dash-bottom{grid-template-columns:1fr 1.02fr}.cp-ref-dash-bottom .cp-ref-card{height:180px}.cp-ref-summary-card{order:2}.cp-ref-employee-card{order:1}.cp-ref-mini-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.cp-ref-mini-summary>div{height:92px;border:1px solid #e2eaf3;border-radius:9px;background:#f6faff;padding:16px 12px;text-align:center}.cp-ref-mini-summary span,.cp-ref-mini-summary b,.cp-ref-mini-summary small{display:block}.cp-ref-mini-summary span{font-size:9px;color:#58769b}.cp-ref-mini-summary b{font:900 14px/1 Arial,sans-serif;margin-top:10px}.cp-ref-mini-summary small{font-size:8px;color:#8193aa;margin-top:5px}.cp-ref-mini-summary>div.green{background:#f0fff7;border-color:#cbeedd}.cp-ref-mini-summary>div.green b{color:#0aa66b}.cp-ref-mini-summary>div.red{background:#fff4f5;border-color:#f4d0d5}.cp-ref-mini-summary>div.red b{color:#eb4f60}.cp-ref-empty-state{text-align:center;padding:26px;color:#93a3b8}.cp-ref-empty-state span,.cp-ref-empty-state b{display:block}.cp-ref-empty-state span{font-size:35px;color:#c2d3e7}.cp-ref-empty-state b{font-size:9px;margin-top:5px}

/* LOGIN */
.cp-ref-login-body{margin:0;overflow:hidden;background:#fff;font-family:Cairo,Tahoma,Arial,sans-serif;color:#102b51}.cp-ref-login-shell{height:100vh;display:grid;grid-template-columns:47.5% 52.5%;direction:ltr}.cp-ref-login-white,.cp-ref-login-blue{direction:rtl;position:relative;min-height:100vh}.cp-ref-login-white{display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at 92% 12%,rgba(45,153,255,.07),transparent 31%),linear-gradient(180deg,#fff,#fafcff)}.cp-ref-login-white:after{content:"";position:absolute;left:-100px;bottom:-240px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(53,139,228,.045),rgba(53,139,228,.018) 46%,transparent 47%)}.cp-ref-lang{position:absolute;left:20px;top:21px;height:41px;min-width:137px;border-radius:22px;border:1px solid #dce5ef;background:#fff;color:#405674;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px}.cp-ref-login-card{position:relative;z-index:2;width:522px;max-width:88%;background:#fff;border:1px solid #dce5ef;border-radius:23px;box-shadow:0 18px 44px rgba(29,70,111,.06);padding:40px 37px 22px}.cp-ref-welcome{text-align:center;color:#177ee1;font-size:15px;font-weight:800}.cp-ref-login-card h1{text-align:center;margin:13px 0 7px;font-size:37px;line-height:1.25;color:#0e2b54}.cp-ref-login-card>p{text-align:center;margin:0 0 34px;font-size:14px;color:#8392aa}.cp-ref-login-card form>label{display:block;font-size:12px;color:#1b3453;font-weight:800;margin-bottom:18px}.cp-ref-field{height:50px;border:1px solid #cfdbe7;border-radius:9px;margin-top:8px;display:flex;align-items:center;padding:0 12px;gap:10px}.cp-ref-field:focus-within{border-color:#2692ec;box-shadow:0 0 0 3px rgba(38,146,236,.07)}.cp-ref-field>span{color:#7089a6}.cp-ref-field input{border:0!important;outline:0!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;flex:1;color:#173657}.cp-ref-field button{border:0;background:transparent;color:#8195ae}.cp-ref-login-options{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 19px;font-size:11px}.cp-ref-login-options label{display:flex;align-items:center;gap:6px;color:#405570;font-weight:500}.cp-ref-login-options a{color:#0e79dc;text-decoration:none;font-weight:800}.cp-ref-login-submit{height:53px;width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#1589ef 0%,#13c59a 100%);color:#fff;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:88px;cursor:pointer;box-shadow:0 10px 24px rgba(19,152,211,.18)}.cp-ref-or{display:flex;align-items:center;gap:13px;color:#a0adbd;margin:20px 0 15px}.cp-ref-or span{height:1px;flex:1;background:#e5ebf1}.cp-ref-or b{font-size:11px;font-weight:500}.cp-ref-pin-login{height:46px;width:100%;border:1px solid #d7e0ea;background:#fff;border-radius:9px;color:#6b7e96;font-size:12px;font-weight:700}.cp-ref-login-foot{margin:28px -37px -22px;padding:16px 37px 0;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8f9daf}.cp-ref-login-foot span{color:#0f9c70}.cp-ref-error{background:#fff0f1;border:1px solid #ffd5da;color:#c33d49;border-radius:9px;padding:10px;margin-bottom:14px;font-size:11px}.cp-ref-login-blue{background:radial-gradient(circle at 53% 46%,#0d64cd 0,#084fae 38%,#073d8c 67%,#063579 100%);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.cp-ref-blue-rings:before,.cp-ref-blue-rings:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.075);border-radius:50%;left:53%;top:48%;transform:translate(-50%,-50%)}.cp-ref-blue-rings:before{width:660px;height:660px;box-shadow:0 0 0 95px rgba(255,255,255,.016),0 0 0 190px rgba(255,255,255,.011)}.cp-ref-blue-rings:after{width:1030px;height:1030px}.cp-ref-blue-circuit{position:absolute;right:-20px;bottom:145px;width:230px;height:230px;opacity:.38;background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(64,159,255,.18) 26px 27px);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 81%,42% 81%,52% 68%,100% 68%,100% 66%,51% 66%,41% 79%,0 79%,0 57%,63% 57%,74% 44%,100% 44%,100% 42%,73% 42%,62% 55%,0 55%,0 33%,30% 33%,41% 21%,100% 21%,100% 19%,40% 19%,29% 31%,0 31%,0 0)}.cp-ref-brand-center{position:relative;z-index:2;text-align:center;width:640px;max-width:90%;transform:translateY(-3px)}.cp-ref-brand-mark{width:225px;height:172px;object-fit:contain;margin:0 auto -20px;display:block;filter:drop-shadow(0 17px 23px rgba(0,22,65,.23))}.cp-ref-brand-name{font:900 55px/1 Arial,sans-serif;letter-spacing:-2px}.cp-ref-brand-name span{color:#34d075}.cp-ref-brand-subtitle{font-size:17px;margin-top:11px;color:#eef7ff}.cp-ref-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:452px;margin:33px auto 36px}.cp-ref-feature-row>div{height:102px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:center;justify-content:center}.cp-ref-feature-row i{font-style:normal;font-size:28px;margin-bottom:4px}.cp-ref-feature-row b{font-size:13px}.cp-ref-feature-row small{font-size:8px;color:#bed7f1;margin-top:4px}.cp-ref-brand-center h2{font-size:31px;line-height:1.52;margin:0}.cp-ref-brand-center h2 em{font-style:normal;color:#24db7e}.cp-ref-blue-desc{font-size:12px;color:#d7e8fb;margin:18px 0}.cp-ref-badges{display:flex;justify-content:center;gap:13px}.cp-ref-badges span{height:42px;min-width:145px;border:1px solid rgba(255,255,255,.22);border-radius:22px;display:grid;place-items:center;font-size:10px;color:#eef7ff}

/* POS */
.cp-ref-pos-body{margin:0;background:#f7faff;color:#102b51;font-family:Cairo,Tahoma,Arial,sans-serif}.cp-ref-pos{min-height:100vh;padding:10px 173px 12px 10px;position:relative}.cp-ref-pos-topbar{height:84px;background:linear-gradient(100deg,#0a3976,#064f9f);border-radius:13px;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 13px 7px 16px;box-shadow:0 5px 16px rgba(8,52,112,.10);position:sticky;top:10px;z-index:30}.cp-ref-pos-user{justify-self:start;display:flex;align-items:center;gap:10px;direction:ltr}.cp-ref-pos-user i{width:49px;height:49px;border-radius:50%;background:#f3f7fc;color:#14599d;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:20px}.cp-ref-pos-user span{direction:rtl}.cp-ref-pos-user b,.cp-ref-pos-user small{display:block}.cp-ref-pos-user b{font-size:12px}.cp-ref-pos-user small{font-size:9px;color:#c2d6ea;margin-top:3px}.cp-ref-pos-tools{display:flex;align-items:center;gap:18px;direction:ltr}.cp-ref-pos-tools button{border:0;background:transparent;color:#fff;width:31px;height:31px;font-size:20px;position:relative}.cp-ref-pos-tools em{position:absolute;right:3px;top:2px;width:7px;height:7px;background:#48d692;border-radius:50%}.cp-ref-pos-brand{justify-self:end;display:flex;align-items:center;gap:11px;direction:ltr}.cp-ref-pos-brand img{width:67px;height:67px;object-fit:contain;background:#fff;border-radius:15px}.cp-ref-pos-brand div{direction:rtl;text-align:right}.cp-ref-pos-brand strong{display:block;font:900 25px/1 Arial,sans-serif;direction:ltr}.cp-ref-pos-brand strong span{color:#3bd071}.cp-ref-pos-brand small{display:block;font-size:9px;color:#c7dbef;margin-top:6px}.cp-ref-pos-nav{position:fixed;right:10px;top:106px;bottom:12px;width:148px;background:#fff;border:1px solid #edf1f6;border-radius:18px;padding:7px;box-shadow:0 9px 28px rgba(26,66,106,.045);display:flex;flex-direction:column;z-index:20}.cp-ref-pos-nav a,.cp-ref-pos-nav button{height:76px;border:0;background:transparent;color:#2b4565;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;border-radius:11px;width:100%}.cp-ref-pos-nav a.active{background:#f6f9fd;color:#0962bc;border-right:3px solid #157ce3}.cp-ref-pos-nav form{margin-top:auto}.cp-ref-pos-nav form button{color:#e74251}.cp-ref-pos-content{padding:29px 10px 0}.cp-ref-pos-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.cp-ref-pos-heading h1{font-size:29px;margin:0}.cp-ref-pos-heading p{font-size:14px;color:#8292a9;margin:5px 0 0}.cp-ref-pos-balance{width:378px;height:91px;border:1px solid #e5edf5;background:#fff;border-radius:16px;box-shadow:0 7px 20px rgba(28,67,106,.04);display:flex;align-items:center;gap:15px;padding:10px;direction:ltr}.cp-ref-pos-balance>i{width:70px;height:70px;border-radius:17px;background:linear-gradient(145deg,#10a98b,#0e65c4);display:grid;place-items:center;color:#fff}.cp-ref-pos-balance span{flex:1;text-align:right}.cp-ref-pos-balance small,.cp-ref-pos-balance b{display:block}.cp-ref-pos-balance small{font-size:10px;color:#8596ac}.cp-ref-pos-balance b{font:900 25px/1 Arial,sans-serif;margin-top:7px;color:#102c52}.cp-ref-pos-balance em{font-style:normal;font-size:13px;color:#788aa1}.cp-ref-pos-balance button{width:39px;height:39px;border:0;border-radius:10px;background:#f4f8fc;color:#166cc3}.cp-ref-pos-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:21px}.cp-ref-pos-action{height:219px;border:1px solid #e1e8f0;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(31,72,110,.035);position:relative;text-align:center;padding:20px 9px;color:#17304e;cursor:pointer}.cp-ref-pos-action i{width:77px;height:77px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}.cp-ref-pos-action b{display:block;font-size:18px}.cp-ref-pos-action small{display:block;color:#8291a6;font-size:10px;margin-top:7px}.cp-ref-pos-action>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:36px;height:32px;border:1px solid #d4e0ec;border-radius:7px;display:grid;place-items:center;font-size:18px}.cp-ref-pos-action.green i{background:#e2f8ee;color:#0daf70}.cp-ref-pos-action.orange i{background:#ffefe2;color:#f27222}.cp-ref-pos-action.pink i{background:#f5e7f4;color:#ae269d}.cp-ref-pos-action.teal i{background:#e8f8f1;color:#06a868}.cp-ref-pos-action.blue i{background:#e7f1ff;color:#136dcc}.cp-ref-pos-action.violet i{background:#f1e5fb;color:#a03dcc}.cp-ref-pos-action:hover,.cp-ref-pos-action.active{transform:translateY(-2px);box-shadow:0 12px 28px rgba(29,72,113,.08)}.cp-ref-pos-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;direction:rtl}.cp-ref-pos-card{height:420px;background:#fff;border:1px solid #e3eaf2;border-radius:17px;box-shadow:0 8px 24px rgba(30,70,108,.035);padding:18px 19px}.cp-ref-pos-card-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding-bottom:12px;margin-bottom:10px}.cp-ref-pos-card-title h2{margin:0;font-size:15px}.cp-ref-pos-card-title a{font-size:10px;color:#0c76dc;text-decoration:none}.cp-ref-pos-form-card label{display:block;font-size:10px;font-weight:700;margin:0 0 6px}.cp-ref-pos-form-card input,.cp-ref-pos-form-card select{width:100%;height:38px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#294966;padding:0 11px;margin-top:4px;font-size:10px;outline:0}.cp-ref-pos-form-card input:focus,.cp-ref-pos-form-card select:focus{border-color:#2a8be3;box-shadow:0 0 0 3px rgba(42,139,227,.07)}.cp-ref-pos-customer{display:grid;grid-template-columns:1fr 108px;gap:8px;align-items:end}.cp-ref-pos-customer button{height:38px;margin-bottom:6px;border:1px solid #0ca66c;border-radius:8px;background:#fff;color:#0c6ec7;font-size:10px;font-weight:800}.cp-ref-pos-amount{position:relative}.cp-ref-pos-amount input{direction:ltr;text-align:right;padding-left:35px}.cp-ref-pos-amount span{position:absolute;left:12px;top:14px;color:#0c66bc}.cp-ref-pos-quote{display:none}.cp-ref-pos-submit{height:55px;width:100%;margin-top:5px;border:0;border-radius:9px;background:linear-gradient(90deg,#0875d6,#0bae86);color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:65px}.cp-ref-pos-submit:disabled{opacity:.5}.cp-ref-pos-shift-link{display:block;text-align:center;color:#d64250;font-size:9px;margin-top:4px}.cp-ref-pos-recent th{height:41px;background:#f7f9fc;color:#587494;font-size:9px;border-bottom:1px solid #e6edf4}.cp-ref-pos-recent td{height:47px;font-size:10px;color:#2a4a70;border-bottom:1px solid #edf1f5;padding:0 6px}

/* Dark compatibility */
.cp-ref-app.dark,.cp-ref-pos-body.dark{background:#0d1420}.dark .cp-ref-topbar,.dark .cp-ref-card,.dark .cp-ref-kpi,.dark .cp-ref-pos-nav,.dark .cp-ref-pos-card,.dark .cp-ref-pos-balance,.dark .cp-ref-pos-action{background:#151f2d;color:#edf4ff;border-color:#263548}.dark .cp-ref-dash-title h1,.dark .cp-ref-card-head h3,.dark .cp-ref-pos-heading h1,.dark .cp-ref-pos-action b,.dark .cp-ref-pos-balance b{color:#edf4ff}

@media(max-width:1250px){.cp-ref-sidebar{width:245px}.cp-ref-main{margin-right:245px;width:calc(100% - 245px)}.cp-ref-kpis{grid-template-columns:repeat(3,1fr)}.cp-ref-dash-grid{grid-template-columns:1fr}.cp-ref-dash-top .cp-ref-card,.cp-ref-dash-bottom .cp-ref-card{height:auto;min-height:220px}.cp-ref-pos-actions{grid-template-columns:repeat(3,1fr)}.cp-ref-pos-work-grid{grid-template-columns:1fr}.cp-ref-pos-card{height:auto;min-height:390px}}
@media(max-width:850px){.cp-ref-sidebar{transform:translateX(110%);width:260px}.cp-ref-main{margin-right:0;width:100%}.cp-ref-top-actions .cp-ref-branch-pill,.cp-ref-top-actions .cp-ref-user{display:none}.cp-ref-kpis{grid-template-columns:repeat(2,1fr)}.cp-ref-login-shell{grid-template-columns:1fr}.cp-ref-login-blue{display:none}.cp-ref-login-white{min-height:100vh}.cp-ref-pos{padding:78px 7px 78px}.cp-ref-pos-topbar{position:fixed;top:0;left:0;right:0;border-radius:0;height:68px}.cp-ref-pos-nav{top:auto;left:0;right:0;bottom:0;width:auto;height:68px;border-radius:0;flex-direction:row;overflow-x:auto}.cp-ref-pos-nav a,.cp-ref-pos-nav button{height:60px;min-width:70px;font-size:8px}.cp-ref-pos-nav form{margin:0}.cp-ref-pos-brand small,.cp-ref-pos-user span,.cp-ref-pos-tools button:nth-child(-n+2){display:none}.cp-ref-pos-brand img{width:49px;height:49px}.cp-ref-pos-brand strong{font-size:19px}.cp-ref-pos-content{padding-top:16px}.cp-ref-pos-heading{display:block}.cp-ref-pos-balance{width:100%;margin-top:12px}}
@media(max-width:620px){.cp-ref-content{padding:18px 10px}.cp-ref-dash-head{align-items:flex-start;flex-direction:column}.cp-ref-dash-tools{width:100%;overflow-x:auto;justify-content:flex-start}.cp-ref-kpis{grid-template-columns:1fr}.cp-ref-mini-summary{grid-template-columns:1fr 1fr}.cp-ref-login-card{max-width:94%;padding:30px 22px 18px}.cp-ref-login-card h1{font-size:31px}.cp-ref-login-foot{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.cp-ref-pos-actions{grid-template-columns:repeat(2,1fr);gap:8px}.cp-ref-pos-action{height:158px;padding-top:13px}.cp-ref-pos-action i{width:58px;height:58px;margin-bottom:7px}.cp-ref-pos-action b{font-size:15px}.cp-ref-pos-action small{font-size:8px}.cp-ref-pos-customer{grid-template-columns:1fr}.cp-ref-pos-customer button{margin-bottom:6px}.cp-ref-pos-quote{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f7f9fc;padding:7px;border-radius:8px}.cp-ref-pos-quote span{font-size:8px;text-align:center;color:#7d8fa7}.cp-ref-pos-quote b{display:block;color:#193c62}.cp-ref-pos-card{padding:14px}}