:root{--primary-blue: #2e7da9;--primary-blue-hover: #24688e;--primary-blue-active: #00a2e8;--primary-blue-light: #eef6fb;--sidebar-bg: #1c2b39;--sidebar-item-hover: #243547;--sidebar-item-active: #15222e;--sidebar-text: #c0d1e2;--sidebar-icon: #8ca3ba;--charcoal-900: #1e293b;--charcoal-800: #334155;--charcoal-700: #475569;--charcoal-600: #64748b;--charcoal-300: #cbd5e1;--charcoal-200: #e2e8f0;--charcoal-100: #f8fafc;--bg-main: #f0f4f8;--white: #ffffff;--danger-red: #dc2626;--danger-bg: #fef2f2;--success-green: #16a34a;--success-bg: #f0fdf4;--border-color: #cbd5e1;--header-height: 56px;--sidebar-width: 250px}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{font-family:Be Vietnam Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--charcoal-900);line-height:1.5;font-feature-settings:"cv02","cv03","cv04","cv11";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:100;transition:transform .2s ease}.sidebar-header{height:var(--header-height);background-color:var(--primary-blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.sidebar-brand{display:flex;align-items:center;gap:10px;line-height:1.2;-webkit-user-select:none;user-select:none}.sidebar-brand-prefix{display:block;font-size:.85rem;font-weight:600;opacity:.95;white-space:nowrap}.sidebar-brand-name{display:block;font-size:1.15rem;font-weight:800;white-space:nowrap}.sidebar-menu{flex:1;padding:.5rem 0;display:flex;flex-direction:column;overflow-y:auto}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:transparent;color:var(--sidebar-text);border:none;border-left:4px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:background-color .15s ease,color .15s ease}.sidebar-item:hover{background-color:var(--sidebar-item-hover);color:var(--white)}.sidebar-item.active{background-color:var(--sidebar-item-active);color:var(--white);border-left-color:var(--primary-blue-active)}.sidebar-item-left{display:flex;align-items:center;gap:.75rem}.sidebar-item-left svg{color:var(--sidebar-icon)}.sidebar-item.active .sidebar-item-left svg{color:var(--primary-blue-active)}.sidebar-footer{padding:.85rem 1rem;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#7e9bb4;background-color:#15222e}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.top-navbar{height:var(--header-height);background-color:var(--white);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:80;box-shadow:0 1px 2px #00000008}.top-navbar-title{font-size:1.1rem;font-weight:700;color:var(--primary-blue);text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.mobile-toggle-btn{display:none;background:transparent;border:1px solid var(--border-color);color:var(--primary-blue);padding:.35rem;cursor:pointer}.mobile-sidebar-close{display:none;background:transparent;border:none;color:var(--white);cursor:pointer;padding:4px}.sidebar-backdrop{display:none}.main-content{flex:1;padding:1.25rem 1.5rem;max-width:1440px;width:100%;margin:0 auto}.panel{background-color:var(--white);border:1px solid var(--border-color);margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000a}.panel-header{padding:.8rem 1.2rem;border-bottom:1px solid var(--border-color);background-color:#fafbfc;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.panel-title{font-size:.95rem;font-weight:700;color:var(--charcoal-900);display:flex;align-items:center;gap:.4rem}.panel-body{padding:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.btn-primary:hover{background-color:var(--primary-blue-hover)}.btn-secondary{background-color:var(--white);color:var(--charcoal-800);border-color:var(--border-color)}.btn-secondary:hover{background-color:#f1f5f9;border-color:var(--charcoal-600)}.btn-danger{background-color:var(--danger-red);color:var(--white);border-color:var(--danger-red)}.btn-danger:hover{background-color:#b91c1c}.btn-sm{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 .65rem!important;font-size:.8rem!important;line-height:1!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-sm svg{flex-shrink:0}.form-group{margin-bottom:.85rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--charcoal-800);margin-bottom:.25rem}.form-label.required:after{content:" *";color:var(--danger-red)}.form-control{width:100%;padding:.5rem .65rem;font-size:.88rem;color:var(--charcoal-900);background-color:var(--white);border:1px solid var(--border-color);font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary-blue)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.search-bar{display:flex;align-items:center;border:1px solid var(--border-color);background-color:var(--white);height:38px;box-sizing:border-box;margin-bottom:0}.search-bar:focus-within{border-color:var(--primary-blue)}.search-icon{padding:0 .65rem;color:var(--primary-blue);display:flex;align-items:center}.search-input{flex:1;border:none;padding:0 .5rem;height:100%;font-size:.88rem;font-family:inherit;background:transparent;box-sizing:border-box}.search-input:focus{outline:none}.search-clear{border:none;background:transparent;padding:0 .65rem;color:var(--charcoal-600);cursor:pointer;font-weight:700;font-size:.75rem}.patient-filters-row{display:flex;gap:.5rem;flex:1;min-width:260px;flex-wrap:wrap;align-items:center}.patient-filter-search{flex:1 1 200px;min-width:180px;height:38px}.patient-filter-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1 1 280px;min-width:240px;align-items:center}.tab-nav{display:flex;align-items:flex-end;gap:2px;border-bottom:2px solid var(--border-color);margin-bottom:1.25rem;width:100%}.tab-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.65rem 1.15rem;font-size:.9rem;font-weight:600;color:var(--charcoal-600);background-color:#f1f5f9;border:1px solid var(--border-color);border-bottom:none;cursor:pointer;position:relative;bottom:-2px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tab-item:hover:not(.active){background-color:#e2e8f0;color:var(--charcoal-900)}.tab-item.active{background-color:var(--white);color:var(--primary-blue);font-weight:700;border-top:3px solid var(--primary-blue);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:2px solid var(--white);z-index:2}.tab-item svg{flex-shrink:0}.tab-item.active svg{color:var(--primary-blue)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.table th{background-color:#f1f5f9;color:var(--charcoal-800);font-weight:700;padding:.65rem .85rem;border:1px solid var(--border-color);white-space:nowrap}.table td{padding:.65rem .85rem;border:1px solid var(--border-color);color:var(--charcoal-900);vertical-align:middle}.table tbody tr:hover{background-color:#f8fafc}.table tbody tr.row-danger{background-color:#fff1f2}.table tbody tr.row-selected{background-color:#e0f2fe!important}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;font-size:.78rem;font-weight:700;border-radius:9999px!important;white-space:nowrap;letter-spacing:.2px;line-height:1.25}.badge-paid,.badge-normal,.badge-success{background-color:#10b981!important;color:#fff!important;border:none!important}.badge-unpaid,.badge-danger{background-color:#ef4444!important;color:#fff!important;border:none!important}.badge-partial,.badge-warning,.badge-low-stock{background-color:#f59e0b!important;color:#fff!important;border:none!important}.badge-info{background-color:#0ea5e9!important;color:#fff!important;border:none!important}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0 .25rem;border-top:1px solid var(--border-color);margin-top:.75rem;font-size:.85rem;color:var(--charcoal-600);flex-wrap:wrap;gap:.5rem}.pagination-controls{display:flex;gap:.25rem}.page-btn{padding:.35rem .65rem;border:1px solid var(--border-color);background-color:var(--white);color:var(--charcoal-800);font-weight:600;cursor:pointer;font-size:.82rem}.page-btn:hover:not(:disabled){background-color:#f1f5f9}.page-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.75rem;overflow-x:hidden;box-sizing:border-box}.modal-content{background-color:var(--white);width:100%;max-width:650px;border:1px solid var(--primary-blue);box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;box-sizing:border-box;overflow-x:hidden}.modal-body{padding:1rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;flex:1}input[type=date].form-control{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:38px;min-height:38px;max-height:38px;line-height:normal;padding:.35rem .65rem;box-sizing:border-box;width:100%}.modal-header{padding:.75rem 1rem;background-color:var(--primary-blue);color:var(--white);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:.95rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--white);cursor:pointer;display:flex;align-items:center}.modal-body{padding:1rem;overflow-y:auto;flex:1}.modal-footer{padding:.65rem 1rem;border-top:1px solid var(--border-color);background-color:#f8fafc;display:flex;justify-content:flex-end;gap:.5rem}.suggest-box{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--primary-blue);z-index:50;max-height:200px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.suggest-item{padding:.5rem .65rem;border-bottom:1px solid var(--charcoal-200);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.suggest-item:hover{background-color:var(--primary-blue-light)}.mobile-card-view{display:none}.desktop-prescription-table{display:block}.mobile-prescription-cards{display:none}@media(max-width:768px){.mobile-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0}.mobile-sidebar-close{display:inline-flex;align-items:center;justify-content:center}.top-navbar{padding:0 .85rem;height:52px}.top-navbar-title{font-size:1rem}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:4px 0 15px #0000004d}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{height:auto;min-height:56px;padding:.5rem 1rem!important}.sidebar-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;text-align:left}.sidebar-brand-prefix{display:block!important;font-size:.85rem;font-weight:600;opacity:.95;line-height:1.2;white-space:nowrap!important}.sidebar-brand-name{display:block!important;font-size:1.15rem;font-weight:800;line-height:1.2;white-space:nowrap!important}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;z-index:95}.main-content{padding:.65rem .5rem}.modal-overlay{padding:.4rem;align-items:center;overflow-x:hidden!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}.modal-content{width:100%!important;max-width:100%!important;max-height:94vh;border-radius:0!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important}.modal-body{padding:.75rem!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;max-width:100%!important}.modal-body *{max-width:100%;box-sizing:border-box}.modal-body .table-responsive{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.modal-footer{flex-wrap:wrap;gap:.5rem}.modal-footer .btn{flex:1 1 auto;min-height:38px}.modal-body form>div:last-child{flex-wrap:wrap;gap:.5rem}.modal-body form>div:last-child .btn{flex:1 1 auto;min-height:38px}.panel{margin-bottom:.85rem}.panel-header{padding:.65rem .85rem}.panel-body{padding:.85rem}.form-group{margin-bottom:.75rem}.form-control,input.form-control,select.form-control{font-size:16px;height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;line-height:normal!important}input[type=date].form-control{font-size:16px;height:38px!important;min-height:38px!important;max-height:38px!important;line-height:normal!important;padding:.35rem .65rem!important;box-sizing:border-box!important}textarea.form-control{height:auto}.search-bar{height:40px}.search-input{font-size:16px}.patient-filters-row{width:100%!important}.patient-filter-search{flex:1 1 100%!important;width:100%!important}.patient-filter-group{flex:1 1 100%!important;width:100%!important;grid-template-columns:1fr 1fr!important}.desktop-table-view,.desktop-prescription-table{display:none!important}.mobile-prescription-cards{display:flex!important;flex-direction:column;gap:.65rem}.mobile-card-view{display:flex!important;flex-direction:column;gap:.75rem;padding:.75rem}.mobile-record-card{background-color:var(--white);border:1px solid var(--border-color);padding:.85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 2px #0000000a}.mobile-record-card.row-danger{background-color:#fff1f2;border-color:#fecdd3}.mobile-record-card.row-selected{background-color:#e0f2fe!important;border-color:#7dd3fc!important}.mobile-record-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem}.mobile-record-title{font-weight:700;font-size:1rem;color:var(--charcoal-900);display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.mobile-record-body{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;color:var(--charcoal-700)}.mobile-record-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mobile-record-label{color:var(--charcoal-600);font-size:.82rem}.mobile-record-val{font-weight:600;color:var(--charcoal-900);text-align:right}.mobile-record-actions{display:flex;align-items:center;gap:.4rem;border-top:1px solid #f1f5f9;padding-top:.6rem;margin-top:.2rem;width:100%}.mobile-record-actions .btn{flex:1 1 0;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:.82rem!important;padding:0 .4rem!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}.pagination{flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-text{width:100%;text-align:center;margin-bottom:2px}.pagination-controls{width:100%;justify-content:center}.page-btn{flex:1;max-width:140px;height:36px}.tab-nav{margin-bottom:1rem;gap:2px}.tab-nav .tab-item{flex:1 1 0;padding:.6rem .4rem;font-size:.85rem;justify-content:center}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;width:100%}.pagination-text{font-size:.86rem;color:var(--charcoal-600);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:6px}.page-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 12px;font-size:.84rem;font-family:inherit;font-weight:500;color:var(--charcoal-800);background-color:var(--white);border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;vertical-align:middle;line-height:1;transition:all .15s ease}.page-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.page-btn svg{display:inline-block;vertical-align:middle;flex-shrink:0}