/* UltimatePOS Modern UI System — global visual layer; keeps existing markup and behavior */
:root{--ui-bg:#f4f7fb;--ui-surface:#fff;--ui-ink:#172033;--ui-muted:#718096;--ui-line:#e4eaf2;--ui-primary:#2563eb;--ui-primary-dark:#1d4ed8;--ui-radius:14px;--ui-shadow:0 8px 28px rgba(24,39,75,.06)}
html{scroll-behavior:smooth}body{background:var(--ui-bg)!important;color:var(--ui-ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* app shell and top navigation */
.content-wrapper,.right-side,.main-footer{background:var(--ui-bg)!important}.content-wrapper{min-height:calc(100vh - 60px)}.content-header{padding:22px 24px 12px}.content-header h1{font-size:25px;font-weight:750;letter-spacing:-.55px;color:var(--ui-ink)}.content{padding:18px 24px 28px}.main-header .navbar,.main-header .logo{min-height:58px}.main-header .navbar{box-shadow:0 2px 12px rgba(20,35,70,.04);border:0}.main-header .logo{font-weight:800;letter-spacing:-.3px}.navbar-nav>li>a{transition:background .18s,color .18s}.navbar-nav>li>a:hover{background:rgba(37,99,235,.07)!important;color:var(--ui-primary)!important}
/* sidebar */
.main-sidebar,.left-side{background:#111b2e!important}.sidebar-menu>li>a{margin:3px 10px;padding:12px 13px;border-radius:10px;border-left:0!important;color:#c7d2e2!important;font-weight:550;transition:all .18s}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:23px;color:#8fa4c5}.sidebar-menu>li:hover>a,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{background:linear-gradient(100deg,rgba(37,99,235,.30),rgba(37,99,235,.10))!important;color:#fff!important;box-shadow:inset 3px 0 #60a5fa}.sidebar-menu>li:hover>a>.fa,.sidebar-menu>li.active>a>.fa{color:#93c5fd}.sidebar-menu .treeview-menu{background:rgba(3,10,24,.18)}.sidebar-menu .treeview-menu>li>a{padding:9px 10px 9px 42px;color:#aab9cf!important;border-radius:8px;margin:2px 12px}.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{color:white!important;background:rgba(255,255,255,.08)}.sidebar-menu>li.header{color:#7085a5!important;font-size:10px;letter-spacing:1.4px;font-weight:800;padding:18px 22px 8px}.sidebar a{transition:all .18s}
/* cards, boxes, panels */
.box,.panel,.small-box,.info-box,.well,.modal-content,.dropdown-menu{border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow);border:1px solid var(--ui-line)!important;overflow:hidden}.box{border-top:0!important;background:var(--ui-surface)}.box-header{padding:17px 20px;border-bottom:1px solid #edf1f6}.box-title,.panel-title{font-size:16px;font-weight:750;color:var(--ui-ink)}.box-body,.panel-body{padding:20px}.box-footer,.panel-footer{background:#fbfcfe;border-top:1px solid var(--ui-line)}.small-box{position:relative}.small-box>.inner{padding:22px}.small-box h3{font-size:30px;font-weight:800;letter-spacing:-.8px}.small-box p{font-size:13px;font-weight:600;opacity:.88}.small-box .icon{top:12px;right:14px;font-size:60px;opacity:.18}.info-box{min-height:95px;background:#fff}.info-box-icon{border-radius:12px;margin:10px;width:58px;height:58px;line-height:58px;font-size:24px}.info-box-content{padding:15px 12px}.info-box-text{color:var(--ui-muted);font-weight:650}.info-box-number{font-size:22px;font-weight:800}
/* forms */
.form-control,select.form-control,textarea.form-control,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{min-height:40px;border:1px solid #dce4ef!important;border-radius:9px!important;box-shadow:none!important;color:#25324a;background-color:#fff;transition:border-color .15s,box-shadow .15s}.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--single{border-color:#8bb5ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important;outline:0}.input-group-addon{border-color:#dce4ef;background:#f7f9fc;border-radius:9px 0 0 9px}.input-group .form-control{border-radius:0 9px 9px 0!important}.control-label,label{font-weight:650;color:#344158}.help-block{color:var(--ui-muted)}.form-group{margin-bottom:17px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;padding-left:12px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}.select2-dropdown{border:1px solid var(--ui-line)!important;border-radius:9px!important;box-shadow:var(--ui-shadow);overflow:hidden}.select2-results__option{padding:9px 12px}
/* buttons */
.btn{border-radius:9px;font-weight:650;padding:8px 14px;transition:transform .15s,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ui-primary);border-color:var(--ui-primary);box-shadow:0 3px 8px rgba(37,99,235,.13)}.btn-primary:hover,.btn-primary:focus{background:var(--ui-primary-dark);border-color:var(--ui-primary-dark)}.btn-default,.btn-secondary{border-color:#dce4ef;background:#fff;color:#334155}.btn-default:hover{background:#f5f8fc;border-color:#c7d3e3}.btn-group>.btn:first-child{border-radius:9px 0 0 9px}.btn-group>.btn:last-child{border-radius:0 9px 9px 0}.btn-group>.btn:only-child{border-radius:9px}.btn-xs{border-radius:6px;padding:4px 8px}
/* tables and DataTables */
.table-responsive{border-radius:11px}.table{background:#fff;margin-bottom:0}.table>thead>tr>th{background:#f6f8fc;color:#526078;font-size:11px;text-transform:uppercase;letter-spacing:.55px;font-weight:800;border-bottom:1px solid #e4eaf2!important;border-top:0!important;padding:13px 12px;white-space:nowrap}.table>tbody>tr>td{padding:12px;border-top:1px solid #edf1f6;vertical-align:middle;color:#344158}.table>tbody>tr:hover{background:#f8fbff}.table-striped>tbody>tr:nth-of-type(odd){background:#fbfcfe}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #dce4ef;border-radius:8px;padding:6px 9px;outline:none}.dataTables_wrapper .dataTables_filter input:focus{border-color:#8bb5ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:7px!important;border:1px solid transparent!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--ui-primary)!important;color:white!important;border-color:var(--ui-primary)!important}.dataTables_wrapper .dataTables_info{color:var(--ui-muted);font-size:12px}
/* reports, charts, filter sections */
.content .row{--ui-gutter:15px}.content .nav-tabs-custom,.nav-tabs-custom{border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);border:1px solid var(--ui-line)}.nav-tabs-custom>.nav-tabs{border-bottom:1px solid var(--ui-line);background:#fbfcfe}.nav-tabs-custom>.nav-tabs>li>a{font-weight:650;color:#617087}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:var(--ui-primary);color:var(--ui-primary)}.daterangepicker,.datepicker,.bootstrap-datetimepicker-widget{border-radius:12px!important;box-shadow:var(--ui-shadow)!important;border:1px solid var(--ui-line)!important}.label,.badge{border-radius:6px;padding:4px 7px;font-weight:700}.alert{border-radius:10px;border:0}.pagination>li>a,.pagination>li>span{border-color:var(--ui-line);color:var(--ui-primary)}.pagination>li:first-child>a,.pagination>li:first-child>span{border-radius:8px 0 0 8px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0 8px 8px 0}
/* login, registration and public landing pages */
body.hold-transition:not(.sidebar-mini) .right-col{background:radial-gradient(circle at 15% 10%,rgba(59,130,246,.20),transparent 32%),radial-gradient(circle at 85% 90%,rgba(99,102,241,.17),transparent 34%),linear-gradient(135deg,#101a30,#172b4d 52%,#1e40af)!important;min-height:100vh}.right-col .box,.right-col .panel,.right-col form{border-radius:18px!important}.right-col .box,.right-col .panel{box-shadow:0 22px 70px rgba(3,10,30,.2)!important}.right-col .form-control{background:#fff}.right-col h1,.right-col h2,.right-col h3{letter-spacing:-.5px}.login-box,.register-box{width:min(440px,calc(100% - 30px));margin:6vh auto}.login-box-body,.register-box-body{padding:30px;border-radius:18px;box-shadow:0 24px 70px rgba(3,10,30,.18)}.login-logo,.register-logo{color:#fff;font-weight:800}.login-logo a,.register-logo a{color:#fff}.auth-page .btn,.right-col .btn{min-height:40px}
/* modal / dropdown polish */
.modal-header{padding:17px 20px;border-bottom:1px solid var(--ui-line);background:#fbfcfe}.modal-title{font-weight:750}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--ui-line);padding:14px 20px;background:#fbfcfe}.dropdown-menu>li>a{padding:9px 15px}.dropdown-menu>li>a:hover{background:#f2f6ff;color:var(--ui-primary)}
/* keep operational POS and print layouts safe */
body.lockscreen .content,body.lockscreen #scrollable-container{padding:0!important}.invoice,.print_section{box-shadow:none!important;border-radius:0!important}.no-print .btn{box-shadow:none}.content-wrapper .content-header,.content-wrapper .content{box-sizing:border-box}
@media(max-width:767px){.content{padding:12px!important}.content-header{padding:16px 14px 8px}.content-header h1{font-size:21px}.box-body,.panel-body{padding:14px}.box-header{padding:14px}.small-box>.inner{padding:17px}.table>thead>tr>th,.table>tbody>tr>td{padding:9px 8px}.main-sidebar{padding-top:0}.content-header>.breadcrumb{position:static;float:none;margin-top:8px;padding:0}.login-box,.register-box{margin:4vh auto}.login-box-body,.register-box-body{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}