:root{--navy: #1A0A6E;--navy-light: #2D1B8E;--navy-dark: #120750;--gold: #C9A227;--red: #B22222;--red-light: #D64545;--white: #FFFFFF;--bg: #F6F7FB;--grey-text: #64687A;--grey-text-light: #9497A6;--border-grey: #E7E8F0;--shadow-sm: 0 1px 2px rgba(16, 12, 60, .06);--shadow-md: 0 4px 16px rgba(16, 12, 60, .08);--shadow-lg: 0 12px 32px rgba(16, 12, 60, .14);--radius: 10px;--transition: all .16s ease}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#1e2130;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-dark) 100%);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.sidebar-logo-chip{background:#fff;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:6px;box-shadow:var(--shadow-sm)}.sidebar-logo-chip img{height:30px;display:block}.sidebar-clinic-name{color:var(--red);font-size:12.5px;font-weight:700;line-height:1.25;font-family:Georgia,Times New Roman,serif}.sidebar-app-name{color:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:14px 10px 10px}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.sidebar-link{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:9px;color:#ffffffb8;text-decoration:none;font-size:14px;font-weight:600;transition:var(--transition);position:relative}.sidebar-link:hover{background:#ffffff14;color:#fff}.sidebar-link.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}.sidebar-link .icon-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;flex-shrink:0}.sidebar-link.active .icon-dot{background:var(--red);opacity:1}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user{color:#fff;font-size:13px;font-weight:600;padding:8px 10px 2px}.sidebar-role{color:#ffffff80;font-size:11px;padding:0 10px 10px;text-transform:uppercase;letter-spacing:.6px}.sidebar-signout{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition)}.sidebar-signout:hover{background:var(--red);border-color:var(--red)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topheader{background:#fff;border-bottom:1px solid var(--border-grey);padding:18px 32px;position:sticky;top:0;z-index:10}.topheader h1{margin:0;font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.content{flex:1;padding:28px 32px;max-width:1240px;margin:0 auto;width:100%}.app-footer{text-align:center;font-size:12px;color:var(--grey-text-light);padding:18px;border-top:1px solid var(--border-grey)}.card{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);border:1px solid var(--border-grey);margin-bottom:20px;transition:var(--transition)}.filters-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}.filters-row-end{margin-left:auto}.filter-field label{display:block;font-size:11.5px;font-weight:700;color:var(--grey-text);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.filter-field select,.filter-field input{padding:9px 12px;border:1.5px solid var(--border-grey);border-radius:8px;font-size:14px;min-width:160px;transition:var(--transition);background:#fff;color:#1e2130}.filter-field select:hover,.filter-field input:hover{border-color:#c7cae0}.filter-field select:focus,.filter-field input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1a0a6e1a}.btn-primary{background:var(--navy);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--navy-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--navy);border:1.5px solid var(--navy);padding:9px 17px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.btn-secondary:hover{background:var(--navy);color:#fff}.btn-danger-outline{background:none;border:1.5px solid var(--red);color:var(--red);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.btn-danger-outline:hover{background:var(--red);color:#fff}.appointment-card{background:#fff;border:1px solid var(--border-grey);border-left:5px solid #ccc;border-radius:9px;padding:14px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.appointment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:#d3d6e8}.appointment-card .info strong{display:block;font-size:14.5px;color:#1e2130}.appointment-card .info span{font-size:12.5px;color:var(--grey-text)}.status-badge{font-size:10.5px;font-weight:800;padding:4px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.status-scheduled{background:#e8ecfb;color:var(--navy)}.status-completed{background:#e3f4e8;color:#1b7a3d}.status-cancelled{background:#fbe6e6;color:var(--red)}.status-no_show{background:#f2e9d0;color:#8a6d0f}table.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}table.data-table th{text-align:left;background:var(--navy);color:#fff;padding:11px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}table.data-table th:first-child{border-top-left-radius:8px}table.data-table th:last-child{border-top-right-radius:8px}table.data-table td{padding:11px 14px;border-bottom:1px solid var(--border-grey)}table.data-table tr{transition:var(--transition)}table.data-table tbody tr:hover td{background:#f9f9fd}.doctor-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000000f}.summary-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.summary-tile{background:#fff;border-radius:var(--radius);padding:20px;border:1px solid var(--border-grey);border-top:3px solid var(--gold);transition:var(--transition)}.summary-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-tile .label{font-size:11px;color:var(--grey-text);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.summary-tile .value{font-size:28px;font-weight:800;color:var(--navy);margin-top:6px;letter-spacing:-.5px}.summary-tiles-fit{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-tiles-fit .summary-tile{container-type:inline-size}.summary-tiles-fit .summary-tile .value{font-size:clamp(16px,12cqw,28px);white-space:nowrap}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,var(--navy-light) 0%,var(--navy-dark) 60%)}.login-card{background:#fff;border-radius:16px;padding:40px 36px;width:380px;box-shadow:var(--shadow-lg)}.login-card h2{color:var(--navy);margin-top:0;text-align:center;font-size:24px;letter-spacing:-.4px}.login-card input{width:100%;padding:11px 13px;margin-bottom:13px;border:1.5px solid var(--border-grey);border-radius:8px;font-size:14px;transition:var(--transition)}.login-card input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1a0a6e1a}.login-card button{width:100%;padding:12px;background:var(--red);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:14.5px;transition:var(--transition)}.login-card button:hover{background:var(--red-light);box-shadow:var(--shadow-md)}.error-text{color:var(--red);font-size:13px;margin-bottom:10px;font-weight:600}.empty-state{text-align:center;padding:48px;color:var(--grey-text-light);font-size:14px}.invoice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#100c3c99;z-index:1000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:24px}.invoice-toolbar{display:flex;gap:10px;margin-bottom:16px}.invoice-sheet{background:#fff;width:100%;max-width:18cm;padding:1.4cm;border-radius:12px;box-shadow:var(--shadow-lg);box-sizing:border-box;margin:0 auto}.invoice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:2px solid var(--navy);padding-bottom:16px;margin-bottom:22px}.invoice-header-left{display:flex;align-items:flex-start;gap:16px}.invoice-logo{height:56px}.invoice-clinic-name{font-weight:800;font-size:15px;color:var(--navy);margin-bottom:4px}.invoice-clinic-address,.invoice-clinic-phone{font-size:12px;color:#333;line-height:1.5}.invoice-title{color:var(--red);font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.invoice-report-date{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 18px}.invoice-meta-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid var(--border-grey);margin-bottom:12px}.invoice-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.invoice-table th,.invoice-table td{border:1px solid #ccc;padding:10px 12px;text-align:left}.invoice-table thead th{background:var(--navy);color:#fff}.invoice-table tfoot td{font-weight:700;background:#fafafa}@page{size:A4;margin:1.5cm}@media print{.app-shell,.no-print{display:none!important}.invoice-overlay{position:static;background:none;padding:0;display:block;overflow:visible}.invoice-sheet{max-width:none;box-shadow:none;border-radius:0;padding:0;margin:0}}.calendar-card{background:linear-gradient(160deg,#eef2ff,#f7f8fe 55%,#fff);border:1px solid #DDE3F7}.calendar-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center;font-size:11.5px;font-weight:800;color:var(--navy);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;padding-bottom:8px;border-bottom:1.5px solid #DDE3F7}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-cell{border:1.5px solid #E2E6F5;border-radius:9px;min-height:68px;padding:8px;cursor:pointer;background:#fff;transition:var(--transition)}.calendar-cell:hover{border-color:var(--navy);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.calendar-cell.has-appts{background:#f0f3ff}.calendar-cell.selected{border-width:2px;box-shadow:var(--shadow-md)}.calendar-cell.today .calendar-daynum{background:var(--red);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.calendar-daynum{font-size:12.5px;font-weight:700;color:#333}.calendar-count{margin-top:6px;font-size:11px;font-weight:800;color:#fff;border-radius:12px;padding:2px 8px;display:inline-block}.hub-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px}.hub-hero-card{background:#fff;border-radius:var(--radius);padding:28px 30px;border:1px solid var(--border-grey);border-top:4px solid var(--navy);box-shadow:var(--shadow-sm)}.hub-hero-card .label{font-size:13px;color:var(--grey-text);text-transform:uppercase;font-weight:700;letter-spacing:.6px}.hub-hero-card .value{font-size:40px;font-weight:800;color:var(--navy);margin-top:8px;letter-spacing:-1px}.hub-hero-sub{font-size:12px;color:var(--grey-text-light);margin-top:6px}.hub-hero-card-gold{border-top-color:var(--gold)}.hub-hero-card-gold .value{color:#8a6d0f}.hub-hero-card-negative{border-top-color:var(--red)}.hub-hero-card-negative .value{color:var(--red)}.hub-hero-card-positive{border-top-color:#1b7a3d}.hub-hero-card-positive .value{color:#1b7a3d}.hub-doctor-block{border-top-width:4px;border-top-style:solid}.hub-doctor-block-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.hub-doctor-block-header h4{margin:0;display:flex;align-items:center;font-size:15px}.hub-doctor-gross{font-size:13px;color:var(--grey-text)}.hub-doctor-gross strong{color:var(--navy)}.hub-costs-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px}.hub-costs-heading strong{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--grey-text)}.hub-cost-form{background:#f9f9fd;border:1px solid var(--border-grey);border-radius:8px;padding:14px;margin-bottom:14px}.hub-calc-summary{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-grey)}.hub-calc-summary>div .label{display:block;font-size:11px;color:var(--grey-text);text-transform:uppercase;font-weight:700;letter-spacing:.4px}.hub-calc-summary>div .value{display:block;font-size:18px;font-weight:800;color:var(--navy);margin-top:4px}.hub-split-blocks{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}.hub-split-block{flex:1;min-width:180px;background:#f6f7fb;border-radius:8px;padding:14px 16px}.hub-split-block .label{font-size:11px;color:var(--grey-text);text-transform:uppercase;font-weight:700;letter-spacing:.4px}.hub-split-block .value{font-size:20px;font-weight:800;color:var(--navy);margin-top:4px}.hub-split-block-gold{background:#fbf3de}.hub-split-block-gold .value{color:#8a6d0f}.hub-archive-section{border-top:4px dashed var(--gold);margin-top:32px}.hub-archive-section h3{margin-top:0;color:var(--navy)}.hub-archive-caption{font-size:12.5px;color:var(--grey-text-light);font-style:italic;margin:-6px 0 18px}.hub-archive-table th:first-child,.hub-archive-table td:first-child{text-align:left}.hub-archive-table th:not(:first-child),.hub-archive-table td:not(:first-child){text-align:right}.hub-archive-section-row td{background:#f6f7fb;color:var(--navy);font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}.hub-archive-total-row td{font-weight:800;border-top:2px solid var(--navy);background:#fbf3de}.hub-archive-negative{color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#100c3c80;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:#fff;border-radius:var(--radius);padding:28px;width:380px;max-width:100%;box-shadow:var(--shadow-lg)}.modal-field{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-grey);font-size:14px}.modal-field .label{color:var(--grey-text);font-weight:600}.modal-field .value{color:#1e2130;font-weight:600;text-align:right}.patient-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1.5px solid var(--border-grey);border-radius:8px;box-shadow:var(--shadow-md);z-index:20;max-height:260px;overflow-y:auto}.patient-search-result{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--border-grey);text-align:left;cursor:pointer;font-size:13.5px;color:#1e2130;transition:var(--transition)}.patient-search-result:last-child{border-bottom:none}.patient-search-result:hover{background:#f6f7fb}.patient-search-name{font-weight:600}.patient-search-phone{font-size:12px;color:var(--grey-text)}.patient-search-empty{padding:12px;font-size:13px;color:var(--grey-text-light);text-align:center}.mobile-topbar,.hamburger-btn,.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:var(--navy);position:sticky;top:0;z-index:30}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);border-radius:8px;cursor:pointer;padding:0}.hamburger-btn span{display:block;width:16px;height:2px;background:#fff;border-radius:2px}.topheader{top:52px;padding:14px 16px}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#100c3c80;z-index:45}.content{padding:14px 16px}.card{overflow-x:auto}table.data-table{width:auto;min-width:100%}table.data-table th,table.data-table td{white-space:nowrap}.calendar-weekday-row{font-size:9.5px;gap:4px}.calendar-grid{gap:4px}.calendar-cell{min-height:42px;padding:4px;border-radius:7px}.calendar-daynum{font-size:11px}.calendar-count{font-size:9px;padding:1px 5px;margin-top:2px}.login-card{width:90vw;max-width:380px;padding:28px 22px}.filters-row{flex-direction:column;align-items:stretch}.filters-row-end{margin-left:0}.filter-field select,.filter-field input{width:100%;min-width:0}.hub-split-blocks{flex-direction:column}.hub-calc-summary{flex-direction:column;gap:14px}}