/* Finance Pro 2.0 | light / sky blue universal system | responsive RTL */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--primary:#0284c7!important;--primary-color:#0284c7!important;--accent:#0ea5e9;--surface:#fff;--bg:#f5faff;--text:#15334d;--muted:#72899d;--line:#e3edf6;--shadow:0 9px 30px rgba(23,79,124,.055);--card-bg:#fff!important;--bg-color:#f5faff!important;--text-main:#15334d!important;--bs-primary:#0284c7;--bs-primary-rgb:2,132,199}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{font-family:'Cairo',system-ui,sans-serif!important;background:#f5faff!important;color:#15334d!important;overflow-x:hidden;min-height:100vh}
body.fin-app{padding-top:88px!important;padding-right:284px!important;padding-left:0!important;padding-bottom:32px!important}
body.fin-app>.container,body.fin-app>main.container,body.fin-app>.container-fluid{max-width:1440px;padding-left:24px!important;padding-right:24px!important}
body.fin-app .bottom-nav:not(.fin-mobile-nav){display:none!important}
.fin-sidebar{position:fixed;right:0;top:0;bottom:0;width:270px;background:#fff;border-left:1px solid #e2edf5;box-shadow:-3px 0 28px rgba(23,79,124,.025);z-index:1050;display:flex;flex-direction:column}
.fin-brand{height:92px;display:flex;gap:12px;align-items:center;padding:22px 27px;text-decoration:none;color:#173750;border-bottom:1px solid #eff4f8}.fin-brand-symbol{display:grid;place-items:center;background:linear-gradient(140deg,#0284c7,#22c6ed);width:45px;height:45px;border-radius:15px;color:#fff;box-shadow:0 9px 19px rgba(2,132,199,.19)}.fin-brand-symbol svg{width:26px;height:26px}.fin-brand strong{font-size:20px;display:block;font-weight:800;line-height:1.6}.fin-brand small{display:block;font-size:9px;color:#86a1b2;letter-spacing:1.8px;font-family:system-ui,sans-serif;font-weight:700}
.fin-sidebar-scroll{padding:16px 15px 28px;overflow-y:auto;flex:1;scrollbar-width:thin}.fin-nav-group{margin-bottom:14px}.fin-nav-label{padding:11px 14px 9px;color:#9baebe;font-size:11px;font-weight:800}.fin-nav-link{display:flex;align-items:center;gap:13px;padding:11px 15px;margin:3px 0;color:#526d82!important;text-decoration:none;font-size:12.5px;font-weight:700;border-radius:12px;border:1px solid transparent;transition:.2s}.fin-nav-link>svg{width:18px;height:18px;flex:none}.fin-nav-link:hover{background:#f1f9ff;color:#0284c7!important;transform:translateX(-2px)}.fin-nav-link.is-active{background:#e9f7ff;border-color:#d6effe;color:#0284c7!important}.fin-nav-point{margin-right:auto;background:#0ea5e9;width:6px;height:6px;border-radius:50%}.fin-sidebar-bottom{padding:15px;border-top:1px solid #eef4f8}.fin-help-note{display:flex;gap:10px;align-items:center;border-radius:14px;background:#effaff;padding:14px 12px;color:#0874b0}.fin-help-note svg{width:20px;flex:none}.fin-help-note strong{font-size:11px;display:block}.fin-help-note small{font-size:9px;display:block;line-height:1.7}.fin-logout{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#cc5963;text-decoration:none;font-size:12px;font-weight:700;margin-top:9px;border-radius:10px}.fin-logout:hover{background:#fff1f2;color:#b42336}.fin-logout svg{width:17px}
.fin-topbar{position:fixed;top:0;left:0;right:270px;z-index:1035;height:74px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid #e7f0f7;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 34px}.fin-topbar-start,.fin-topbar-tools{display:flex;align-items:center;gap:19px;min-width:0}.fin-heading{display:flex;flex-direction:column;white-space:nowrap}.fin-heading small{font-size:10px;color:#90a2b2;font-weight:600}.fin-heading strong{font-size:17px;font-weight:800;color:#203c52}.fin-heading small span{color:#0b9ccc}.fin-quicksearch-wrap{position:relative;background:#f4f9fd;border:1px solid #e8f0f7;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#93a6b7;width:min(310px,27vw);height:41px}.fin-quicksearch-wrap>svg{width:17px;flex:none}.fin-quicksearch-wrap input{width:100%;border:0;background:transparent;outline:0;font-size:11.5px;color:#234058;min-width:0}.fin-quicksearch-wrap kbd{background:#fff;color:#9bacb9;border:1px solid #e4eef5;border-radius:5px;padding:2px 7px;font:12px system-ui}.fin-search-results{position:absolute;top:calc(100% + 7px);right:0;left:0;background:#fff;border:1px solid #e3edf6;border-radius:12px;box-shadow:0 14px 45px rgba(33,85,129,.13);padding:6px;max-height:280px;overflow:auto;z-index:1060}.fin-search-results a{display:flex;gap:8px;align-items:center;text-decoration:none;padding:10px;font-size:12px;color:#31546f;border-radius:8px}.fin-search-results a:hover{background:#edf8ff}.fin-search-results svg{width:16px}.fin-current-date{font:700 11px 'Cairo';color:#7893a5;background:#f5faff;border:1px solid #eaf2f9;padding:8px 10px;border-radius:9px;white-space:nowrap}.fin-user-bubble{width:38px;height:38px;display:grid;place-items:center;background:#e6f6ff;color:#008bd1;border-radius:11px}.fin-user-bubble svg{width:19px}.fin-icon-btn{display:grid;place-items:center;background:#ecf8ff;border:1px solid #d8effd;color:#0079ae;border-radius:11px;width:41px;height:41px;cursor:pointer}.fin-menu-btn{display:none}.fin-drawer-backdrop{position:fixed;inset:0;background:rgba(15,35,55,.3);z-index:1040}.fin-drawer-backdrop[hidden]{display:none}.fin-mobile-nav{display:none}
/* universal components */
h1,h2,h3,h4,h5,h6{font-family:'Cairo',sans-serif;letter-spacing:-.35px}h1,h2,h3,h4,.fw-bold{font-weight:800!important}body.fin-app .container h4{font-size:clamp(20px,2.3vw,26px)}.text-muted{color:#7b90a3!important}.text-primary{color:#0284c7!important}.bg-primary{background-color:#0284c7!important}a:not(.btn):hover{color:#0284c7}.btn{font-family:inherit!important;font-weight:700;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:background .18s,border-color .18s,transform .18s;white-space:normal}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px;vertical-align:middle}.btn-primary,.btn-login{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important;box-shadow:0 5px 15px rgba(2,132,199,.12)!important}.btn-primary:hover,.btn-login:hover{background:#0369a1!important;border-color:#0369a1!important}.btn-outline-primary{color:#0284c7!important;border-color:#c8e8f8!important}.btn-outline-primary:hover{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.btn-dark{background:#154465!important;border-color:#154465!important}.btn,.form-control,.form-select{border-radius:11px!important}.form-control,.form-select{background:#fff!important;border:1px solid #deebf5!important;color:#21435d!important;min-height:42px;font-weight:600}.form-control:focus,.form-select:focus{border-color:#55c7f2!important;box-shadow:0 0 0 3px rgba(14,165,233,.10)!important}.form-control::placeholder{color:#a1b0bf}.form-label{color:#4a6679;font-size:12px}.modal-content,.fin-modal{border:1px solid #e5f0f7!important;border-radius:20px!important;box-shadow:0 22px 64px rgba(14,67,104,.13)!important;background:#fff!important}.modal-header,.modal-footer{border-color:#eff4f9!important}.modal-title{color:#1c425a}.card,.app-card,.page-card,.stat-card,.contact-card,.sub-item,.expense-item,.log-item,.budget-tile,.main-card,.invoice-box,.summary-card,.service-card{border:1px solid #e4eef6!important;box-shadow:var(--shadow)!important;border-radius:19px!important;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}.card:hover,.app-card:hover,.contact-card:hover{box-shadow:0 12px 34px rgba(23,79,124,.095)!important;border-color:#d0e7f7!important}.app-card:active,.contact-card:active{transform:none!important}.summary-card,.meta-header,.header-bg,.card-header-custom{background:linear-gradient(135deg,#057fbd,#23b7e7)!important;color:#fff!important}.summary-card,.meta-header{border-radius:20px!important;box-shadow:0 10px 32px rgba(2,132,199,.19)!important}.card-header-custom{border-radius:18px 18px 0 0!important}.summary-card .text-muted,.meta-header .text-muted{color:#ecfbff!important}.balance-amount,.num-big,.amount-left{color:#184362!important}.badge-money{background:#ecf8ff!important;color:#176e9e!important;border-radius:9px!important}.filter-btn.active,.cat-btn.active,.nav-pills .nav-link.active{background:#0284c7!important;box-shadow:0 5px 14px rgba(2,132,199,.16)!important;color:#fff!important}.avatar{background:#e6f7ff!important;color:#0284c7!important}.alert{border:1px solid #dceef6!important;border-radius:13px!important}.table{--bs-table-bg:transparent;--bs-table-border-color:#eaf0f5;color:#24465f}.table th{font-size:12px;color:#69849a;font-weight:800;padding:14px 13px;background:#f6faff}.table td{padding:13px;font-size:12px;vertical-align:middle}.table-responsive{border-radius:13px;scrollbar-width:thin}.btn-wa{border-radius:10px!important}.progress{background:#e8f2fa}.progress-bar{background:#0ea5e9}.border{border-color:#e2edf6!important}
/* original decorative bars normalized to shared UI */
.fab,.fab-btn,.fab-active,.fab-add{background:#0284c7!important;box-shadow:0 8px 21px rgba(2,132,199,.18)!important}.stat-pill{background:#e7f7ff!important;color:#097baa!important}.ring-green{background:conic-gradient(#0ea5e9 var(--p),#eaf3fa 0%)!important;color:#0ea5e9!important}.ring-yellow{background:conic-gradient(#f59e0b var(--p),#eaf3fa 0%)!important}.bg-purple{background:#c3f0ff!important;color:#046b9e!important}.bg-blue{background:#d9f1ff!important;color:#036e9f!important}.bg-orange{background:#fff2e1!important;color:#c16e19!important}.bg-black{background:#eaf2fc!important;color:#426883!important}.bg-red{background:#ffeaed!important;color:#bc4554!important}
/* renewals feature */
.fin-page-intro h1{font-size:clamp(22px,3vw,31px);font-weight:800;margin:.3rem 0;color:#1b425d}.fin-page-intro p{color:#7e95a5;font-size:12px;margin:0}.fin-kicker{color:#0284c7;background:#e5f6ff;border:1px solid #d1eeff;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px}.fin-kicker svg{width:14px;height:14px}.fin-section{border:1px solid #e1edf6;background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow)}.fin-stat{position:relative;display:flex;flex-direction:column;gap:11px;background:#fff;padding:20px 22px;border-radius:18px;border:1px solid #e2eef6;box-shadow:var(--shadow);min-height:126px}.fin-stat span{color:#839bad;font-size:11px;font-weight:700;padding-left:32px}.fin-stat strong{font-family:system-ui,'Cairo';color:#173f59;font-size:clamp(18px,2vw,27px);font-weight:800;overflow-wrap:anywhere}.fin-stat>svg{position:absolute;left:18px;top:19px;color:#0fa9de;background:#e6f7ff;padding:8px;border-radius:12px;height:37px;width:37px}.fin-search{width:min(380px,100%)}.fin-filter{max-width:165px}.fin-page-card{border:1px solid #e1ecf5;background:linear-gradient(165deg,#fff,#fbfdff);border-radius:17px;padding:18px;box-shadow:0 6px 24px rgba(27,88,130,.045);height:100%}.fin-page-card h3{font-size:14px}.fin-icon-bubble{display:grid;place-items:center;background:#e8f7ff;color:#0982bc;border-radius:12px;width:42px;height:42px;flex:none}.fin-icon-bubble svg{width:21px}.fin-status{font-size:10px;font-weight:800;padding:6px 11px;border-radius:30px}.fin-status-active{color:#147e70;background:#e7f9f3}.fin-status-soon{color:#aa740e;background:#fff5d9}.fin-status-expired{color:#b84658;background:#ffebef}.fin-price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 12px;padding:13px 9px;background:#f5faff;border:1px solid #ecf3f8;border-radius:12px}.fin-price-row span{font-size:10px;color:#8da0af;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.fin-price-row b{font-family:system-ui,'Cairo';font-weight:800;font-size:14px;color:#214d6c}.fin-empty{text-align:center;padding:35px;color:#8ca4b3;font-size:12px}.fin-empty>svg{width:30px;height:30px;color:#52b8e1;margin-bottom:9px}.fin-modal .modal-body{padding:24px}.fin-modal .modal-header,.fin-modal .modal-footer{padding:17px 24px}.fin-transaction-preview{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 6px;background:#f2faff;border-radius:13px;margin-bottom:20px;gap:7px}.fin-transaction-preview div{display:grid;text-align:center;gap:6px}.fin-transaction-preview small{color:#829bae;font-size:10px}.fin-transaction-preview strong{font-family:system-ui,'Cairo';color:#15678c;font-size:16px}.fin-table th{white-space:nowrap}
/* login */
body:not(.fin-app) .login-box{max-width:430px!important;width:calc(100% - 36px)!important;border:1px solid #e0f0fc;box-shadow:0 20px 55px rgba(27,94,144,.10)!important;border-radius:23px!important;padding:38px!important}.fin-login-icon{margin:0 auto 15px;background:linear-gradient(140deg,#0485c2,#27bee9);width:70px;height:70px;border-radius:23px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 25px rgba(2,132,199,.21)}.fin-login-icon svg{width:34px;height:34px}.login-box h4{color:#174366}
/* feature-specific previous hard-coded colors unified */
.pos-header{background:#fff!important;box-shadow:0 2px 16px rgba(37,100,140,.07)!important}.stat-card[style*="linear-gradient"],.stat-card[style*="#4f46e5"]{background:linear-gradient(135deg,#057eba,#22b9e7)!important;color:#fff!important}.progress-fill{background:#bcefff!important}.btn-pay-sm{background:#e4f5ff!important;color:#026ea7!important}.btn-pay-sm:hover{background:#0284c7!important;color:#fff!important}.amount-input{color:#14577f!important;border-color:#c1e8f9!important}.text-green{color:#15876b}.text-red{color:#dc5260}a{transition:color .16s}.fin-quick-tools{display:flex;gap:8px;align-items:center}
@media(max-width:1199px){.fin-quicksearch-wrap{width:215px}.fin-topbar{padding:0 20px}}
@media(max-width:991px){body.fin-app{padding-right:0!important;padding-top:72px!important;padding-bottom:94px!important}.fin-sidebar{transform:translateX(105%);transition:transform .25s;width:min(310px,86vw)}body.fin-drawer-open .fin-sidebar{transform:translateX(0)}.fin-topbar{right:0;height:67px;padding:0 17px}.fin-menu-btn{display:grid}.fin-heading strong{font-size:14px}.fin-heading small{font-size:9px}.fin-current-date{display:none}.fin-quicksearch-wrap{width:205px}.fin-mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e3edf6;box-shadow:0 -4px 25px rgba(37,88,124,.07);height:72px;z-index:1020;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding-bottom:env(safe-area-inset-bottom)}.fin-mobile-nav a,.fin-mobile-nav button{background:transparent;border:0;color:#89a2b3;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:10px;font-weight:800;height:100%;min-width:0}.fin-mobile-nav svg{width:20px;height:20px}.fin-mobile-nav .is-active{color:#0284c7;background:linear-gradient(180deg,#f0faff,#fff)}body.fin-app>.container,body.fin-app>main.container,body.fin-app>.container-fluid{padding-left:16px!important;padding-right:16px!important}.bottom-cart-bar{bottom:72px!important}}
@media(max-width:575px){.fin-topbar-tools{gap:8px}.fin-topbar{padding:0 10px}.fin-heading{max-width:115px;overflow:hidden;text-overflow:ellipsis}.fin-heading strong{font-size:12px}.fin-user-bubble{display:none}.fin-quicksearch-wrap{width:140px;height:38px}.fin-quicksearch-wrap input{font-size:10px}.fin-quicksearch-wrap kbd{display:none}.fin-section{padding:15px}.fin-stat{padding:14px;min-height:105px}.fin-stat>svg{top:11px;left:11px;width:29px;height:29px;padding:6px}.fin-stat strong{font-size:19px}.fin-stat span{font-size:10px}.fin-price-row b{font-size:12px}.fin-transaction-preview strong{font-size:13px}.fin-filter{max-width:130px}.modal-dialog{margin:12px}.modal-content{max-height:92vh;overflow:auto}}
@media print{body.fin-app{padding:0!important;background:#fff!important}.fin-sidebar,.fin-topbar,.fin-mobile-nav,.fin-quick-tools,.bottom-nav,.bottom-cart-bar,.btn,.fab,.fab-add,.fin-drawer-backdrop{display:none!important}body.fin-app>.container,body.fin-app>main.container{max-width:100%!important;padding:0!important}.card,.app-card,.fin-section{box-shadow:none!important}a{color:inherit!important}table{page-break-inside:auto}tr{page-break-inside:avoid}}