body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;animation:gradientAnimation 15s ease infinite;background:linear-gradient(135deg,#0d0254,#101010);background-size:200% 200%;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.eol-login-wrapper{align-items:center;display:flex;justify-content:center;padding:16px;width:100%}.eol-login-card{animation:eol-fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 25px 50px -12px #00000080;max-width:440px;padding:32px 28px;width:100%}@keyframes eol-fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.eol-logo-section{margin-bottom:24px;text-align:center}.eol-logo-image{height:auto;max-width:420px;object-fit:contain;width:100%}.eol-login-title{color:#1a1a1a;font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px;text-align:center}.eol-login-description{color:#4a5568;font-size:13px;line-height:1.5;margin:0 0 28px;padding:0 8px;text-align:center}.eol-login-form{gap:20px;margin-bottom:20px}.eol-input-group,.eol-login-form{display:flex;flex-direction:column}.eol-input-group{gap:6px}.eol-input-label{color:#2d3748;font-size:13px;font-weight:500;letter-spacing:.3px}.eol-input-field{background-color:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;box-sizing:border-box;color:#1e293b!important;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.eol-input-field:focus{background-color:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.eol-input-field::placeholder{color:#a0aec0!important;font-size:13px}.eol-login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.eol-login-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.eol-login-button:active{transform:translateY(0)}.eol-button-icon{font-size:16px}.eol-error-message{align-items:center;animation:eol-shake .5s ease;background:#fff5f5;border:1px solid #feb2b2;border-radius:16px;color:#c53030;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px}@keyframes eol-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.eol-error-icon{font-size:14px}.eol-footer{align-items:center;border-top:1px solid #edf2f7;display:flex;flex-direction:column;gap:8px;margin-top:28px;padding-top:20px}.eol-powered-logo{height:auto;max-width:100px;opacity:.7;transition:opacity .2s ease}.eol-powered-logo:hover{opacity:1}.eol-powered-text{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px;margin:0}.eol-powered-link{color:#667eea;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.eol-powered-link:after{background:#667eea;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .2s ease;width:100%}.eol-powered-link:hover{color:#764ba2}.eol-powered-link:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:480px){.eol-login-card{border-radius:28px;padding:24px 20px}.eol-logo-image{max-width:180px}.eol-login-title{font-size:22px}.eol-login-description{font-size:12px;margin-bottom:24px}.eol-input-field{padding:10px 14px}.eol-login-button{padding:12px 20px}.eol-powered-logo{max-width:90px}}.eol-loading{opacity:.7;pointer-events:none;position:relative}.eol-loading:after{animation:eol-spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;content:"";height:24px;left:50%;position:absolute;top:50%;width:24px}@keyframes eol-spin{to{transform:rotate(1turn)}}.eol-input-field:focus-visible,.eol-login-button:focus-visible,.eol-powered-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.eol-login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0254f2;border:1px solid #ffffff1a}.eol-login-title{color:#fff}.eol-login-description{color:#cbd5e0}.eol-input-label{color:#e2e8f0}.eol-input-field{background-color:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.eol-input-field::placeholder{color:#ffffff80!important}.eol-input-field:focus{background-color:#ffffff26!important;border-color:#667eea!important}.eol-powered-text{color:#a0aec0}.eol-footer{border-top-color:#ffffff1a}}.lecturer-sidebar .home-content img{border-radius:50%;height:80px;margin-bottom:15px;margin-left:65px;width:80px}.lecturer-sidebar{background:linear-gradient(180deg,#030341,#07005d);box-shadow:2px 0 15px #0000001a;color:#fff;height:100%;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:all .3s ease-in-out;width:280px;z-index:1000}.lecturer-sidebar:hover{box-shadow:5px 0 20px #0000004d}.lecturer-sidebar-title{color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;margin-bottom:30px;text-align:center;text-transform:uppercase}.lecturer-sidebar-list{list-style-type:none;margin:30px 0 0;padding:0}.lecturer-sidebar-list li{border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:15px;padding:15px 20px;transition:all .3s ease-in-out}.lecturer-sidebar-list li:hover{background-color:#0004ff;transform:translateX(10px)}.lecturer-sidebar-list li.selected{background-color:#0a04c8;color:#fff;font-weight:700}.logout-button{background-color:#e74c3c;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:20px;margin-top:30px;padding:15px 20px;text-align:center;transition:all .3s ease-in-out}.logout-button:hover{background-color:#c0392b;transform:translateX(10px)}.lecturer-panel{flex-grow:1;margin-left:280px;overflow-y:auto;padding:20px;transition:margin-left .3s ease-in-out}@media (max-width:1024px){.lecturer-sidebar{padding:15px;width:220px}.lecturer-panel{margin-left:220px;padding:15px}.lecturer-sidebar .home-content img{height:70px;margin-left:55px;width:70px}.lecturer-sidebar-title{font-size:16px}.lecturer-sidebar-list li{font-size:13px;padding:12px 15px}.logout-button{font-size:16px;padding:12px 15px}}@media (max-width:480px){.lecturer-sidebar{left:-180px;width:180px}.lecturer-sidebar.active{left:0}.lecturer-panel{margin-left:0;padding:10px}.lecturer-sidebar .home-content img{height:50px;margin-left:15px;width:50px}.lecturer-sidebar-title{font-size:16px}.lecturer-sidebar-list li{font-size:13px;padding:12px 15px}.logout-button{font-size:16px;padding:12px 15px}}.sip-page-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:75vh;padding:24px}.sip-settle-container{margin:0 auto;max-width:800px;width:100%}.sip-page-title{align-items:center;border-left:5px solid #2a5c8a;color:#0a1e3c;display:flex;font-size:32px;font-weight:600;gap:10px;letter-spacing:-.5px;margin-bottom:28px;padding-left:20px}.sip-card{background:#fff;border:1px solid #e9ecf2;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin-bottom:24px;padding:28px;transition:transform .2s ease,box-shadow .2s ease}.sip-card:hover{box-shadow:0 15px 40px #1a335f1a}.sip-search-card{background:linear-gradient(145deg,#fff,#fafcff)}.sip-invoice-card{animation:sip-slideIn .3s ease;border-left:4px solid #2a5c8a}@keyframes sip-slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sip-section-title{align-items:center;border-bottom:2px solid #eef2f6;color:#1e3a6b;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.sip-icon{font-size:24px}.sip-form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.sip-form-group{flex:1 1;min-width:250px}.sip-label{color:#4a5568;display:block;font-size:14px;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.sip-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-sizing:border-box;color:#1e293b!important;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.sip-input:focus{border-color:#2a5c8a!important;box-shadow:0 0 0 4px #2a5c8a1a!important}.sip-input:hover{border-color:#94a3b8!important}.sip-input::placeholder{color:#94a3b8!important;font-size:14px}.sip-date-input{font-family:inherit}.sip-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:4px}.sip-amount-input{font-weight:500}.sip-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s ease;white-space:nowrap}.sip-btn-icon{font-size:18px}.sip-btn-search{background:#1e3a6b;box-shadow:0 4px 12px #1e3a6b33;color:#fff;min-width:160px}.sip-btn-search:hover{background:#2a4c82;box-shadow:0 8px 20px #1e3a6b4d;transform:translateY(-2px)}.sip-btn-search:active{transform:translateY(0)}.sip-btn-pay{background:#059669;box-shadow:0 4px 12px #05966933;color:#fff;font-size:18px;margin-top:24px;padding:16px;width:100%}.sip-btn-pay:hover{background:#047857;box-shadow:0 8px 20px #0596694d;transform:translateY(-2px)}.sip-btn-pay:active{transform:translateY(0)}.sip-details-grid{grid-gap:20px;background:#f8fafc;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;padding:20px}.sip-detail-item{display:flex;flex-direction:column;gap:6px}.sip-detail-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.sip-detail-value{color:#0f172a;font-size:18px;font-weight:600}.sip-balance-item{background:#fff1f0;border:1px solid #fee2e2;border-radius:12px;padding:12px 16px}.sip-balance-amount{color:#dc2626!important;font-size:24px}.sip-mt-4{margin-top:20px}@media (max-width:768px){.sip-page-wrapper{padding:16px}.sip-page-title{font-size:26px;margin-bottom:20px}.sip-card{padding:20px}.sip-form-row{flex-direction:column;gap:12px}.sip-btn-search,.sip-form-group{width:100%}.sip-details-grid{gap:12px;grid-template-columns:1fr}}.sip-loading{opacity:.7;pointer-events:none}.sip-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626}.sip-error,.sip-success{font-size:14px;margin-top:8px;padding:8px 12px}.sip-success{background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;color:#059669}@media print{.sip-page-wrapper{background:#fff;padding:0}.sip-btn{display:none}}.apf-wrapper{align-items:flex-start;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px}.apf-container{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 20px 40px #00143c14;height:auto;max-height:100vh!important;max-width:1000px!important;overflow-x:hidden;overflow-y:auto;padding:22px;transition:all .3s ease;width:100%}.apf-container::-webkit-scrollbar{width:8px}.apf-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.apf-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.apf-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.apf-header{border-bottom:2px solid #eef2f6;margin-bottom:28px;padding-bottom:20px}.apf-title{color:#0a1e3c;font-size:28px;font-weight:600;gap:12px;letter-spacing:-.3px;margin:0 0 8px}.apf-title,.apf-title-icon{align-items:center;display:flex}.apf-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:48px;justify-content:center;width:48px}.apf-subtitle{color:#64748b;font-size:15px;margin:0 0 0 60px}.apf-form{display:flex;flex-direction:column;gap:24px}.apf-form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.apf-form-col{gap:20px}.apf-form-col,.apf-form-group{display:flex;flex-direction:column}.apf-form-group{gap:8px}.apf-full-width{grid-column:span 2}.apf-label{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.3px}.apf-label-icon{font-size:16px;opacity:.7}.apf-required{color:#dc2626;font-size:16px;margin-left:4px}.apf-input,.apf-select,.apf-textarea{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;box-sizing:border-box;color:#1e293b!important;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.apf-input:focus,.apf-select:focus,.apf-textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.apf-input:hover,.apf-select:hover,.apf-textarea:hover{background-color:#fafcff!important;border-color:#94a3b8!important}.apf-input::placeholder,.apf-textarea::placeholder{color:#94a3b8!important;font-size:14px}.apf-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.apf-select option{background-color:#fff!important;color:#1e293b!important;padding:12px}.apf-date-input{font-family:inherit}.apf-date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;opacity:.6;padding:4px;width:20px}.apf-textarea{line-height:1.5;min-height:100px;resize:vertical}.apf-actions{border-top:2px solid #eef2f6;display:flex;gap:16px;margin-top:24px;padding-top:24px}.apf-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .2s ease;white-space:nowrap}.apf-btn-icon{font-size:20px;line-height:1}.apf-btn-primary{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c26;color:#fff}.apf-btn-primary:hover{background:#1e3a6b;box-shadow:0 8px 20px #0a1e3c33;transform:translateY(-2px)}.apf-btn-primary:active{transform:translateY(0)}.apf-btn-secondary{background:#fff;border:2px solid #e2e8f0!important;color:#475569}.apf-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8!important;transform:translateY(-2px)}.apf-btn-secondary:active{transform:translateY(0)}@media (max-width:768px){.apf-wrapper{padding:16px}.apf-container{max-height:90vh!important;padding:20px}.apf-form-row{gap:16px;grid-template-columns:1fr}.apf-full-width{grid-column:span 1}.apf-title{font-size:24px}.apf-title-icon{font-size:24px;height:40px;width:40px}.apf-actions{flex-direction:column}.apf-btn{width:100%}}@media (min-width:769px) and (max-width:1024px){.apf-container{max-width:900px;padding:28px}.apf-form-row{gap:20px}}.apf-loading{opacity:.7;pointer-events:none;position:relative}.apf-loading:after{animation:apf-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;content:"";height:30px;left:50%;position:absolute;top:50%;width:30px}@keyframes apf-spin{to{transform:rotate(1turn)}}.apf-success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;color:#059669}.apf-error-message,.apf-success-message{align-items:center;display:flex;gap:12px;margin-bottom:20px;padding:16px}.apf-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626}.apf-btn:focus-visible,.apf-input:focus-visible,.apf-select:focus-visible,.apf-textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.apf-input:disabled,.apf-select:disabled,.apf-textarea:disabled{background-color:#f1f5f9!important;border-color:#cbd5e1!important;cursor:not-allowed;opacity:.7}.civ-dashboard-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.civ-panel{margin:0 auto;max-width:1200px;width:100%}.civ-section{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:85vh;overflow-y:auto;padding:32px}.civ-section::-webkit-scrollbar{width:8px}.civ-section::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.civ-section::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.civ-section::-webkit-scrollbar-thumb:hover{background:#94a3b8}.civ-header{border-bottom:2px solid #eef2f6;margin-bottom:28px;padding-bottom:20px}.civ-title{color:#0a1e3c;font-size:32px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.civ-title,.civ-title-icon{align-items:center;display:flex}.civ-title-icon{background:#e8f0fe;border-radius:18px;font-size:36px;height:56px;justify-content:center;width:56px}.civ-subtitle{color:#405778;font-size:15px;margin:0 0 0 68px}.civ-form{display:flex;flex-direction:column;gap:24px}.civ-card{background:#fff;border:1px solid #e9ecf2;border-radius:20px;box-shadow:0 4px 12px #00000005;padding:24px;transition:all .2s ease}.civ-card:hover{border-color:#d0d9e8;box-shadow:0 8px 20px #0a1e3c0f}.civ-card-title{align-items:center;border-bottom:2px solid #eef2f6;color:#1e3a6b;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:12px}.civ-card-icon{font-size:22px}.civ-form-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}.civ-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.civ-full-width{grid-column:span 2}.civ-form-group{display:flex;flex-direction:column;gap:8px}.civ-form-group,.civ-search-group{position:relative}.civ-label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;text-transform:uppercase}.civ-input,.civ-select{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;box-sizing:border-box;color:#1e293b!important;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.civ-input:focus,.civ-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.civ-input:hover,.civ-select:hover{background-color:#fafcff!important;border-color:#94a3b8!important}.civ-input::placeholder{color:#94a3b8!important;font-size:14px}.civ-input-disabled{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#64748b!important;cursor:not-allowed}.civ-input-hint{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.civ-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.civ-select optgroup{background:#fff;color:#1e293b;font-weight:600;padding:8px}.civ-select option{background:#fff;color:#1e293b;padding:10px}.civ-date-input{font-family:inherit}.civ-date-input::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;opacity:.6;padding:4px;width:20px}.civ-balance-input{background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#059669!important;font-weight:600}.civ-search-results{background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.civ-search-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.civ-search-item:last-child{border-bottom:none}.civ-search-item:hover{background:#f0f9ff}.civ-patient-name{color:#1e293b;font-weight:600}.civ-patient-phone{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;padding:4px 10px}.civ-actions{border-top:2px solid #eef2f6;display:flex;gap:16px;margin-top:24px;padding-top:24px}.civ-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;flex:1 1;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 32px;transition:all .2s ease;white-space:nowrap}.civ-btn-icon{font-size:20px}.civ-btn-primary{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c33;color:#fff}.civ-btn-primary:hover{background:#1e3a6b;box-shadow:0 8px 24px #0a1e3c4d;transform:translateY(-2px)}.civ-btn-primary:active{transform:translateY(0)}.civ-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#475569}.civ-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-2px)}@media (max-width:1024px){.civ-section{padding:24px}.civ-form-row{gap:16px}.civ-form-grid,.civ-form-row{grid-template-columns:1fr}.civ-full-width{grid-column:span 1}}@media (max-width:768px){.civ-dashboard-wrapper{padding:16px}.civ-section{padding:20px}.civ-title{font-size:26px}.civ-title-icon{font-size:28px;height:48px;width:48px}.civ-actions{flex-direction:column}.civ-btn{width:100%}}.civ-loading{opacity:.7;pointer-events:none;position:relative}.civ-loading:after{animation:civ-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;content:"";height:40px;left:50%;position:absolute;top:50%;width:40px}@keyframes civ-spin{to{transform:rotate(1turn)}}.civ-btn:focus-visible,.civ-input:focus-visible,.civ-select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.civ-success-message{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;color:#059669}.civ-error-message,.civ-success-message{align-items:center;display:flex;gap:12px;margin-bottom:20px;padding:16px}.civ-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626}.viv-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:80vh;padding:24px}.viv-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow-x:auto;padding:28px;width:100%}.viv-header{border-bottom:2px solid #eef2f6;margin-bottom:24px;padding-bottom:20px}.viv-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.viv-title,.viv-title-icon{align-items:center;display:flex}.viv-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.viv-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.viv-controls{align-items:flex-end;gap:20px;justify-content:space-between;margin-bottom:24px}.viv-controls,.viv-filters{display:flex;flex-wrap:wrap}.viv-filters{flex:1 1;gap:16px}.viv-filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.viv-filter-label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.viv-date-input,.viv-select{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#1e293b!important;cursor:pointer;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.viv-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.viv-date-input:focus,.viv-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.viv-date-input:hover,.viv-select:hover{background-color:#fafcff!important;border-color:#94a3b8!important}.viv-date-input{font-family:inherit}.viv-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:4px}.viv-actions{align-items:center;display:flex;gap:12px}.viv-search-wrapper{min-width:280px;position:relative}.viv-search-icon{color:#94a3b8;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.viv-search-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#1e293b!important;font-size:14px;outline:none;padding:12px 14px 12px 42px;transition:all .2s ease;width:100%}.viv-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.viv-search-input::placeholder{color:#94a3b8!important}.viv-btn-export{background:#0a1e3c!important;border-radius:12px!important;box-shadow:0 4px 12px #0a1e3c26;color:#fff!important;font-weight:600;padding:12px 24px!important;white-space:nowrap}.viv-btn-export:hover{background:#1e3a6b!important;box-shadow:0 8px 20px #0a1e3c33;transform:translateY(-2px)}.viv-table-wrapper{background:#fff;border:2px solid #eef2f6;border-radius:16px;flex:1 1;max-height:calc(85vh - 200px);overflow:auto}.viv-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.viv-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.viv-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.viv-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.viv-table{border-collapse:collapse;font-size:13px;min-width:1600px;width:100%}.viv-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.viv-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:12px;font-weight:600;letter-spacing:.3px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.viv-table td{border-bottom:1px solid #eef2f6;color:#334155;padding:16px 12px;vertical-align:middle}.viv-table-row:hover{background-color:#f8fafc}.viv-cell-invoice{color:#0a1e3c;font-family:monospace;font-weight:600}.viv-cell-patient{color:#1e293b;font-weight:500}.viv-cell-brand{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viv-cell-advance,.viv-cell-amount{font-weight:500}.viv-cell-balance{font-weight:600}.viv-balance-due{color:#dc2626!important}.viv-balance-paid{color:#059669!important}.viv-status-select{background-color:#fff!important;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b!important;cursor:pointer;font-size:12px;font-weight:500;min-width:110px;padding:8px 12px;transition:all .2s ease}.viv-status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.viv-status-sent{background-color:#e3f2fd!important;border-color:#90caf9!important;color:#0a58ca!important}.viv-status-not-sent{background-color:#fff3cd!important;border-color:#ffe69c!important;color:#856404!important}.viv-status-done{background-color:#d4edda!important;border-color:#a3cfbb!important;color:#155724!important}.viv-status-delivered{background-color:#cce5ff!important;border-color:#9ec5fe!important;color:#004085!important}.viv-status-pending{background-color:#fff3cd!important;border-color:#ffe69c!important;color:#856404!important}.viv-status-cancelled,.viv-status-claim-only{background-color:#f8d7da!important;border-color:#f5c2c7!important;color:#721c24!important}.viv-status-redo{background-color:#fff3e0!important;border-color:#ffd8a5!important;color:#b85c00!important}.viv-status-oftc{background-color:#e2e3e5!important;border-color:#c4c8cb!important;color:#383d41!important}.viv-status-stop-work{background-color:#f8d7da!important;border-color:#f5c2c7!important;color:#721c24!important}.viv-action-buttons{display:flex;gap:6px;justify-content:flex-start}.viv-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s ease}.viv-btn-pdf{background:#0a1e3c;color:#fff}.viv-btn-pdf:hover{background:#1e3a6b;box-shadow:0 4px 12px #0a1e3c33;transform:translateY(-2px)}.viv-btn-delete{background:#fee2e2;color:#dc2626}.viv-btn-delete:hover{background:#fecaca;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.viv-btn-icon{font-size:16px;margin-right:6px}.viv-empty-state{color:#94a3b8;padding:60px 20px!important;text-align:center}.viv-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.viv-empty-state p{color:#475569;font-size:16px;font-weight:500;margin:8px 0 4px}.viv-empty-state span{color:#94a3b8;font-size:13px}@media (max-width:1024px){.viv-wrapper{justify-content:flex-start;margin-left:280px;padding:18px}.viv-container{border-radius:22px;max-width:720px;padding:22px}.viv-title{font-size:24px}.viv-title-icon{font-size:26px;height:46px;width:46px}.viv-subtitle{font-size:14px;margin-left:56px}.viv-controls{align-items:flex-start;flex-direction:column;gap:14px}.viv-filters{gap:12px}.viv-filter-group{min-width:120px}.viv-search-wrapper{min-width:220px}.viv-btn-export{font-size:13px;padding:10px 18px!important}.viv-table{min-width:1200px}.viv-cell-brand{max-width:120px}.viv-status-select{min-width:90px}.viv-btn{padding:6px}}@media (max-width:768px){.viv-wrapper{padding:16px}.viv-container{padding:20px}.viv-filters{flex-direction:column}.viv-filter-group{width:100%}}.viv-loading{opacity:.7;pointer-events:none;position:relative}.viv-loading:after{animation:viv-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;content:"";height:40px;left:50%;position:absolute;top:50%;width:40px}@keyframes viv-spin{to{transform:rotate(1turn)}}.eer-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.eer-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:1200px;overflow-y:auto;padding:28px;width:100%}.eer-container::-webkit-scrollbar{width:8px}.eer-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.eer-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.eer-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.eer-header{border-bottom:2px solid #eef2f6;margin-bottom:24px;padding-bottom:20px}.eer-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 8px}.eer-title,.eer-title-icon{align-items:center;display:flex}.eer-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.eer-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.eer-form{display:flex;flex-direction:column;gap:24px}.eer-card{background:#fff;border:1px solid #e9ecf2;border-radius:20px;box-shadow:0 4px 12px #00000005;padding:24px;transition:all .2s ease}.eer-card:hover{border-color:#d0d9e8;box-shadow:0 8px 20px #0a1e3c0f}.eer-card-title{align-items:center;border-bottom:2px solid #eef2f6;color:#1e3a6b;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:12px}.eer-card-icon{font-size:22px}.eer-form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.eer-grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.eer-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.eer-label{color:#475569;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.eer-required{color:#dc2626;margin-left:4px}.eer-input,.eer-select,.eer-textarea{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-sizing:border-box;color:#1e293b!important;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.eer-input:focus,.eer-select:focus,.eer-textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.eer-input:hover,.eer-select:hover,.eer-textarea:hover{background-color:#fafcff!important;border-color:#94a3b8!important}.eer-input::placeholder,.eer-textarea::placeholder{color:#94a3b8!important;font-size:13px}.eer-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.eer-select optgroup{background:#fff;color:#1e293b;font-weight:600}.eer-select option{background:#fff;color:#1e293b;padding:8px}.eer-textarea{min-height:60px;resize:vertical}.eer-date-input{font-family:inherit}.eer-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:4px}.eer-exam-group{background:#f8fafc;border-radius:14px;margin-bottom:20px;padding:16px}.eer-exam-label{color:#0a1e3c;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.eer-eye-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.eer-eye-col{display:flex;flex-direction:column;gap:8px}.eer-eye-badge{color:#475569;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.eer-checkbox-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.eer-checkbox{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:8px}.eer-checkbox input[type=checkbox]{accent-color:#0a1e3c;cursor:pointer;height:18px;width:18px}.eer-custom-condition{flex:1 1;min-width:250px}.eer-va-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:100px 1fr 1fr;margin-bottom:20px}.eer-va-header{color:#475569;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.eer-va-header,.eer-va-row{display:contents}.eer-va-single{grid-gap:12px;display:grid;gap:12px;grid-column:span 3;grid-template-columns:100px 1fr}.eer-va-label{align-items:center;color:#1e293b;display:flex;font-weight:500}.eer-va-input{background-color:#fff!important;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b!important;font-size:14px;padding:10px 12px;transition:all .2s ease}.eer-va-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important;outline:none}.eer-va-additional{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px}.eer-refraction-grid{grid-gap:12px;display:grid;gap:12px}.eer-refraction-header{color:#475569;font-size:12px;font-weight:600;letter-spacing:.3px;padding:0 4px;text-transform:uppercase}.eer-refraction-header,.eer-refraction-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:50px repeat(4,1fr)}.eer-refraction-label{align-items:center;color:#0a1e3c;display:flex;font-weight:600}.eer-refraction-input{background-color:#fff!important;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b!important;font-size:14px;padding:10px 12px;transition:all .2s ease}.eer-refraction-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important;outline:none}.eer-actions{border-top:2px solid #eef2f6;display:flex;gap:16px;margin-top:24px;padding-top:24px}.eer-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;flex:1 1;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 32px;transition:all .2s ease;white-space:nowrap}.eer-btn-icon{font-size:20px}.eer-btn-primary{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c33;color:#fff}.eer-btn-primary:hover{background:#1e3a6b;box-shadow:0 8px 24px #0a1e3c4d;transform:translateY(-2px)}.eer-btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#475569}.eer-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-2px)}@media (max-width:1024px){.eer-wrapper{justify-content:flex-start;margin-left:230px;padding:16px}.eer-container{border-radius:22px;max-width:770px;padding:22px;width:calc(100% - 20px)}.eer-title{font-size:24px}.eer-title-icon{font-size:26px;height:46px;width:46px}.eer-subtitle{font-size:14px;margin-left:56px}.eer-grid-4{grid-template-columns:repeat(2,1fr)}.eer-va-grid{grid-template-columns:80px 1fr 1fr}.eer-va-single{grid-template-columns:80px 1fr}.eer-refraction-header,.eer-refraction-row{grid-template-columns:40px repeat(4,1fr)}.eer-actions{flex-direction:column}}@media (max-width:768px){.eer-wrapper{padding:16px}.eer-container{padding:20px}.eer-title{font-size:24px}.eer-title-icon{font-size:24px;height:44px;width:44px}.eer-grid-4{grid-template-columns:1fr}.eer-va-grid{grid-template-columns:80px 1fr 1fr}.eer-refraction-header,.eer-refraction-row{gap:8px;grid-template-columns:40px repeat(4,1fr)}.eer-actions{flex-direction:column}.eer-btn{width:100%}}.eer-loading{opacity:.7;pointer-events:none;position:relative}.eer-loading:after{animation:eer-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;content:"";height:40px;left:50%;position:absolute;top:50%;width:40px}@keyframes eer-spin{to{transform:rotate(1turn)}}.veer-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.veer-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:1400px;overflow-y:auto;padding:28px;width:100%}.veer-container::-webkit-scrollbar{width:8px}.veer-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.veer-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.veer-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.veer-header{border-bottom:2px solid #eef2f6;margin-bottom:24px;padding-bottom:20px}.veer-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.veer-title,.veer-title-icon{align-items:center;display:flex}.veer-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.veer-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.veer-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.veer-search-wrapper{flex:1 1;min-width:280px;position:relative}.veer-search-icon{color:#94a3b8;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.veer-search-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;color:#1e293b!important;font-size:15px;outline:none;padding:14px 14px 14px 44px;transition:all .2s ease;width:100%}.veer-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.veer-search-input::placeholder{color:#94a3b8!important}.veer-filter-select{-webkit-appearance:none;appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0!important;border-radius:14px!important;color:#1e293b!important;cursor:pointer;font-size:15px;min-width:160px;outline:none;padding:14px 24px}.veer-filter-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.veer-table-wrapper{border:2px solid #eef2f6;border-radius:16px;max-height:calc(90vh - 250px);overflow-x:auto}.veer-table{border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.veer-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.veer-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:600;letter-spacing:.3px;padding:16px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.veer-table td{border-bottom:1px solid #eef2f6;color:#334155;padding:16px 14px;vertical-align:middle}.veer-row:hover{background-color:#f8fafc}.veer-cell-patient{color:#0a1e3c;font-weight:500}.veer-cell-id{color:#475569;font-family:monospace;font-weight:500}.veer-cell-complaint{color:#64748b;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.veer-cell-va{align-items:center;display:flex;gap:4px}.veer-badge-od{background:#e8f0fe;color:#0a1e3c}.veer-badge-od,.veer-badge-os{border-radius:8px;font-weight:600;padding:4px 8px}.veer-badge-os{background:#f1f5f9;color:#1e293b}.veer-badge-sep{color:#94a3b8;font-weight:600}.veer-cell-seg{color:#2563eb;font-weight:600}.veer-cell-refraction{color:#334155;font-family:monospace}.veer-action-buttons{display:flex;gap:8px}.veer-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.veer-btn-pdf{background:#0a1e3c;color:#fff}.veer-btn-pdf:hover{background:#1e3a6b;box-shadow:0 4px 12px #0a1e3c33;transform:translateY(-2px)}.veer-btn-view{background:#f1f5f9;color:#475569}.veer-btn-view:hover{background:#e2e8f0;transform:translateY(-2px)}.veer-empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:60px 20px;text-align:center}.veer-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.veer-empty-state h3{color:#1e293b;font-size:18px;margin:8px 0 4px}.veer-empty-state p{color:#64748b;font-size:14px}.veer-modal-overlay{align-items:center;animation:veer-fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.veer-modal{animation:veer-slideUp .3s ease;background:#fff;border-radius:28px;box-shadow:0 30px 60px #0000004d;max-height:85vh;max-width:800px;overflow:hidden;position:relative;width:90%}.veer-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.veer-modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.veer-modal-header{background:#f8fafc;border-bottom:2px solid #eef2f6;padding:24px 28px}.veer-modal-header h2{color:#0a1e3c;font-size:24px;font-weight:600;margin:0 0 4px}.veer-modal-header p{color:#64748b;font-size:14px;margin:0}.veer-modal-content{max-height:calc(85vh - 120px);overflow-y:auto;padding:24px 28px}.veer-info-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;margin-bottom:20px;padding:20px}.veer-info-card h3{align-items:center;border-bottom:2px solid #eef2f6;color:#0a1e3c;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.veer-info-icon{font-size:20px}.veer-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.veer-info-item{display:flex;flex-direction:column;gap:4px}.veer-info-item label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.veer-info-item span{color:#1e293b;font-size:15px;font-weight:500}.veer-history-content{display:flex;flex-direction:column;gap:16px}.veer-history-item{display:flex;flex-direction:column;gap:4px}.veer-history-item label{color:#475569;font-size:13px;font-weight:600}.veer-history-item p{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;color:#334155;line-height:1.6;margin:0;padding:12px 16px}.veer-exam-section{margin-bottom:20px}.veer-exam-section h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 12px}.veer-exam-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.veer-exam-item{background:#f8fafc;border-radius:14px;padding:16px}.veer-exam-item label{color:#0a1e3c;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.veer-exam-item span{color:#475569;display:block;font-size:13px;margin-bottom:4px}.veer-full-width{grid-column:span 2}.veer-btn-full{background:linear-gradient(135deg,#0a1e3c,#1e3a6b);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;margin-top:16px;padding:16px;width:100%}.veer-btn-full:hover{background:linear-gradient(135deg,#1e3a6b,#2a4c82);box-shadow:0 8px 20px #0a1e3c4d;transform:translateY(-2px)}@media (max-width:1024px){.veer-wrapper{justify-content:flex-start;margin-left:230px;padding:16px}.veer-container{border-radius:22px;max-width:770px;padding:22px;width:calc(100% - 20px)}.veer-title{font-size:24px}.veer-title-icon{font-size:26px;height:46px;width:46px}.veer-subtitle{font-size:14px;margin-left:56px}.veer-controls{gap:12px}.veer-search-wrapper{min-width:220px}.veer-table{min-width:950px}.veer-modal{max-width:700px}.veer-info-grid{grid-template-columns:repeat(2,1fr)}}.peer-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.peer-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:85vh;max-width:1200px;overflow-y:auto;padding:28px;width:100%}.peer-container::-webkit-scrollbar{width:8px}.peer-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.peer-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.peer-header{border-bottom:2px solid #eef2f6;margin-bottom:24px;padding-bottom:20px}.peer-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.peer-title,.peer-title-icon{align-items:center;display:flex}.peer-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.peer-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.peer-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.peer-search-wrapper{flex:1 1;min-width:280px;position:relative}.peer-search-icon{color:#94a3b8;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.peer-search-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;color:#1e293b!important;font-size:15px;outline:none;padding:14px 14px 14px 44px;transition:all .2s ease;width:100%}.peer-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.peer-filter-select{-webkit-appearance:none;appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0!important;border-radius:14px!important;color:#1e293b!important;cursor:pointer;font-size:15px;min-width:160px;outline:none;padding:14px 24px}.peer-table-wrapper{border:2px solid #eef2f6;border-radius:16px;max-height:calc(85vh - 200px);overflow-x:auto}.peer-table{border-collapse:collapse;font-size:14px;min-width:1000px;width:100%}.peer-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:600;letter-spacing:.3px;padding:16px 14px;text-align:left;text-transform:uppercase}.peer-table td{border-bottom:1px solid #eef2f6;color:#334155;padding:16px 14px}.peer-row:hover{background-color:#f8fafc}.peer-cell-patient{color:#0a1e3c;font-weight:500}.peer-cell-id{color:#475569;font-family:monospace}.peer-cell-complaint{color:#64748b;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-cell-va{align-items:center;display:flex;gap:4px}.peer-badge-od{background:#e8f0fe;color:#0a1e3c}.peer-badge-od,.peer-badge-os{border-radius:8px;font-weight:600;padding:4px 8px}.peer-badge-os{background:#f1f5f9;color:#1e293b}.peer-badge-sep{color:#94a3b8}.peer-action-buttons{display:flex;gap:8px}.peer-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.peer-btn-pdf{background:#0a1e3c;color:#fff}.peer-btn-pdf:hover{background:#1e3a6b;box-shadow:0 4px 12px #0a1e3c33;transform:translateY(-2px)}.peer-empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:60px 20px;text-align:center}.peer-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.peer-empty-state h3{color:#1e293b;font-size:18px;margin:8px 0 4px}.peer-empty-state p{color:#64748b}@keyframes veer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes veer-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.peer-wrapper{justify-content:flex-start;margin-left:280px;padding:18px}.peer-container{border-radius:22px;max-width:760px;padding:22px}.peer-title{font-size:24px}.peer-title-icon{font-size:26px;height:46px;width:46px}.peer-subtitle{font-size:14px;margin-left:56px}.peer-controls{gap:12px}.peer-search-wrapper{min-width:220px}.peer-filter-select{min-width:140px}.peer-table{min-width:900px}.peer-cell-complaint{max-width:180px}.peer-btn{font-size:12px;padding:6px 12px}}@media (max-width:768px){.peer-wrapper,.veer-wrapper{padding:16px}.peer-container,.veer-container{padding:20px}.peer-controls,.veer-controls{flex-direction:column}.peer-filter-select,.peer-search-wrapper,.veer-filter-select,.veer-search-wrapper{width:100%}.veer-modal{margin:16px;width:95%}.veer-exam-grid{grid-template-columns:1fr}}.notif-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.notif-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:1200px;overflow-y:auto;padding:28px;width:100%}.notif-container::-webkit-scrollbar{width:8px}.notif-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.notif-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.notif-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notif-header{align-items:flex-start;border-bottom:2px solid #eef2f6;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.notif-header-left{flex:1 1}.notif-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.notif-title,.notif-title-icon{align-items:center;display:flex}.notif-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.notif-subtitle{color:#64748b;font-size:15px;margin:0}.notif-filter{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px;display:flex;gap:12px;padding:8px 16px}.notif-filter-label{color:#0a1e3c;font-size:14px;font-weight:600}.notif-filter-select{-webkit-appearance:none;appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:2px solid #e2e8f0!important;border-radius:30px!important;color:#1e293b!important;cursor:pointer;font-size:14px;outline:none;padding:8px 32px 8px 16px}.notif-filter-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.notif-section{margin-bottom:32px}.notif-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notif-section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px}.notif-section-icon{font-size:20px}.notif-badge{border-radius:30px;font-size:13px;font-weight:600;padding:4px 12px}.notif-badge-overdue{background:#fee2e2;color:#dc2626}.notif-badge-today{background:#fef3c7;color:#d97706}.notif-badge-upcoming{background:#e0f2fe;color:#0284c7}.notif-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;margin-bottom:16px;padding:20px;transition:all .2s ease}.notif-card:hover{border-color:#d0d9e8;box-shadow:0 8px 20px #0000000f}.notif-card-overdue{border-left:4px solid #dc2626}.notif-card-today{background:#fffbeb;border-left:4px solid #d97706}.notif-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.notif-patient-info{flex:1 1}.notif-patient-name{color:#0a1e3c;font-size:16px;font-weight:600;margin:0 0 4px}.notif-patient-contacts{display:flex;flex-wrap:wrap;gap:16px}.notif-contact{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px}.notif-icon{font-size:14px}.notif-date-info{text-align:right}.notif-date{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;gap:4px;margin-bottom:4px}.notif-days-overdue{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:12px;font-weight:600;padding:4px 10px}.notif-today-badge{background:#d97706;border-radius:30px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.notif-notes{align-items:flex-start;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;color:#475569;display:flex;font-size:14px;gap:8px;margin:12px 0;padding:12px 16px}.notif-status-section{margin-top:16px}.notif-status-selector{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.notif-select{-webkit-appearance:none;appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234b5563'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#1e293b!important;cursor:pointer;flex:1 1;font-size:14px;min-width:250px;outline:none;padding:12px 16px}.notif-select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.notif-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.notif-btn-add{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c26;color:#fff}.notif-btn-add:hover{background:#1e3a6b;box-shadow:0 8px 20px #0a1e3c33;transform:translateY(-2px)}.notif-btn-mark{background:#059669;color:#fff;margin-top:12px;width:100%}.notif-btn-mark:hover{background:#047857;box-shadow:0 8px 20px #05966933;transform:translateY(-2px)}.notif-btn-icon{font-size:16px}.notif-status-history{background:#f8fafc;border-radius:16px;margin-top:16px;padding:16px}.notif-history-title{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.notif-history-list{display:flex;flex-direction:column;gap:8px}.notif-history-item{background:#fff;border:1px solid #eef2f6;border-radius:12px;justify-content:space-between;padding:12px}.notif-history-content,.notif-history-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.notif-status-badge{border-radius:30px;font-size:12px;font-weight:600;padding:4px 12px}.notif-status-called{background:#e0f2fe;color:#0284c7}.notif-status-not-answered{background:#fee2e2;color:#dc2626}.notif-status-made-appointment{background:#fef3c7;color:#d97706}.notif-status-visited{background:#d1fae5;color:#059669}.notif-status-rescheduled{background:#ede9fe;color:#7c3aed}.notif-status-cancelled{background:#f1f5f9;color:#64748b}.notif-history-date{color:#94a3b8;font-size:12px}.notif-history-actions{display:flex;gap:4px}.notif-icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.notif-icon-btn-edit{background:#f1f5f9;color:#475569}.notif-icon-btn-edit:hover{background:#e2e8f0}.notif-icon-btn-delete{background:#fee2e2;color:#dc2626}.notif-icon-btn-delete:hover{background:#fecaca}.notif-upcoming-list{display:flex;flex-direction:column;gap:12px}.notif-upcoming-item{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px;transition:all .2s ease}.notif-upcoming-item:hover{border-color:#94a3b8;box-shadow:0 4px 12px #0000000d}.notif-upcoming-left{flex:1 1}.notif-upcoming-name{color:#0a1e3c;font-size:15px;font-weight:600;margin:0 0 4px}.notif-upcoming-contact{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px;margin-bottom:4px}.notif-upcoming-desc{align-items:flex-start;color:#475569;display:flex;font-size:13px;gap:4px}.notif-upcoming-right{text-align:right}.notif-upcoming-date{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:4px;margin-bottom:4px}.notif-days-badge{background:#f1f5f9;border-radius:30px;color:#475569;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.notif-days-urgent{background:#fee2e2;color:#dc2626}.notif-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:40px 20px;text-align:center}.notif-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notif-empty p{color:#64748b;font-size:14px}.notif-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:16px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:16px}.notif-error-icon{font-size:20px}.notif-loading{padding:60px 20px;text-align:center}.notif-spinner{animation:notif-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;height:40px;margin:0 auto 16px;width:40px}@keyframes notif-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.notif-wrapper{padding:16px}.notif-container{padding:20px}.notif-header{flex-direction:column}.notif-filter,.notif-filter-select{width:100%}.notif-card-header{flex-direction:column}.notif-date-info{text-align:left;width:100%}.notif-status-selector{flex-direction:column}.notif-select{width:100%}.notif-upcoming-item{align-items:flex-start;flex-direction:column}.notif-upcoming-right{text-align:left;width:100%}.notif-history-item{align-items:flex-start;flex-direction:column}.notif-history-actions{justify-content:flex-end;width:100%}}.vsi-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.vsi-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:1400px;overflow-y:auto;padding:28px;width:100%}.vsi-container::-webkit-scrollbar{width:8px}.vsi-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.vsi-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vsi-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vsi-header{border-bottom:2px solid #eef2f6;margin-bottom:28px;padding-bottom:20px}.vsi-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.vsi-title,.vsi-title-icon{align-items:center;display:flex}.vsi-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.vsi-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.vsi-filters-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:20px;margin-bottom:28px;padding:24px}.vsi-filters-title{align-items:center;color:#0a1e3c;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.vsi-filters-icon{font-size:18px}.vsi-filters-grid{grid-gap:16px;align-items:flex-end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vsi-filter-group{display:flex;flex-direction:column;gap:8px}.vsi-filter-label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.vsi-filter-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#1e293b!important;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.vsi-filter-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.vsi-filter-input::placeholder{font-size:13px}.vsi-filter-actions{display:flex;justify-content:flex-end}.vsi-results-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;overflow:hidden}.vsi-results-header{align-items:center;background:#f8fafc;border-bottom:2px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.vsi-results-title{align-items:center;color:#0a1e3c;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.vsi-results-icon{font-size:18px}.vsi-results-count{background:#e2e8f0;border-radius:30px;color:#475569;font-size:13px;font-weight:600;padding:6px 16px}.vsi-table-wrapper{max-height:calc(90vh - 300px);overflow-x:auto;overflow-y:auto}.vsi-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.vsi-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.vsi-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vsi-table{border-collapse:collapse;font-size:14px;min-width:1000px;width:100%}.vsi-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.vsi-table th{background:#fff;border-bottom:2px solid #e2e8f0;color:#0a1e3c;font-size:13px;font-weight:600;letter-spacing:.3px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.vsi-table td{border-bottom:1px solid #eef2f6;color:#334155;padding:18px 16px;vertical-align:top}.vsi-row:hover{background-color:#f8fafc}.vsi-cell-invoice{font-weight:600}.vsi-invoice-badge{background:#e8f0fe;border-radius:8px;color:#0a1e3c;font-family:monospace;font-size:13px;font-weight:600;padding:6px 12px}.vsi-cell-patient strong{color:#0a1e3c;font-size:15px}.vsi-cell-amount{font-weight:600}.vsi-amount{color:#0a1e3c;font-size:15px}.vsi-cell-settlements{min-width:280px}.vsi-settlement-list{display:flex;flex-direction:column;gap:12px}.vsi-settlement-item{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:12px;transition:all .2s ease}.vsi-settlement-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.vsi-settlement-date{align-items:center;border-bottom:1px dashed #e2e8f0;color:#475569;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:8px;padding-bottom:8px}.vsi-settlement-icon{font-size:14px}.vsi-settlement-details{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.vsi-balance,.vsi-paid{align-items:center;display:flex;font-size:13px;gap:4px}.vsi-label{color:#64748b;font-weight:500}.vsi-paid-amount{color:#059669;font-weight:600}.vsi-balance-amount{color:#0a1e3c;font-weight:600}.vsi-no-settlements{color:#94a3b8;font-size:13px;font-style:italic}.vsi-cell-actions{min-width:180px}.vsi-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.vsi-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.vsi-btn-icon{font-size:14px}.vsi-btn-clear{background:#fff;border:2px solid #e2e8f0!important;color:#475569;width:100%}.vsi-btn-clear:hover{background:#f1f5f9;border-color:#94a3b8!important;transform:translateY(-1px)}.vsi-btn-download{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c26;color:#fff;flex:1 1}.vsi-btn-download:hover{background:#1e3a6b;box-shadow:0 8px 20px #0a1e3c33;transform:translateY(-2px)}.vsi-btn-delete{background:#fee2e2;color:#dc2626;flex:1 1}.vsi-btn-delete:hover{background:#fecaca;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.vsi-loading{padding:60px 20px;text-align:center}.vsi-spinner{animation:vsi-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;height:40px;margin:0 auto 16px;width:40px}@keyframes vsi-spin{to{transform:rotate(1turn)}}.vsi-loading p{color:#64748b;font-size:14px}.vsi-empty{background:#f8fafc;border-radius:16px;margin:20px;padding:60px 20px;text-align:center}.vsi-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.vsi-empty h3{color:#1e293b;font-size:18px;margin:8px 0 4px}.vsi-empty p{color:#64748b;font-size:14px}@media (max-width:1024px){.vsi-wrapper{justify-content:flex-start;margin-left:230px;padding:16px}.vsi-container{border-radius:22px;max-width:770px;padding:22px;width:calc(100% - 20px)}.vsi-title{font-size:24px}.vsi-title-icon{font-size:26px;height:46px;width:46px}.vsi-subtitle{font-size:14px;margin-left:56px}.vsi-filters-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vsi-table{min-width:900px}.vsi-settlement-details{flex-direction:column;gap:6px}.vsi-action-buttons{flex-direction:column}}@media (max-width:768px){.vsi-wrapper{padding:16px}.vsi-container{padding:20px}.vsi-filters-grid{grid-template-columns:1fr}.vsi-filter-actions{grid-column:span 1}.vsi-results-header{align-items:flex-start;gap:12px}.vsi-action-buttons,.vsi-results-header{flex-direction:column}.vsi-btn{width:100%}.vsi-settlement-details{flex-direction:column;gap:4px}}@media print{.vsi-btn,.vsi-filters-card,.vsi-results-header{display:none}.vsi-container{box-shadow:none;padding:0}.vsi-table td{color:#000!important}}.vsi-filter-input,.vsi-filter-label,.vsi-results-title,.vsi-subtitle,.vsi-table td,.vsi-title{color:#1e293b!important}.vsi-filter-input::placeholder{color:#94a3b8!important}.vsi-settlement-date{color:#475569!important}.vsi-label{color:#64748b!important}.vsi-paid-amount{color:#059669!important}.vsi-balance-amount{color:#0a1e3c!important}.vsi-no-settlements{color:#94a3b8!important}.vsi-btn-clear{color:#475569!important}.vsi-btn-download{color:#fff!important}.vsi-btn-delete{color:#dc2626!important}.vpt-wrapper{align-items:flex-start;background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:24px}.vpt-container{background:#fff;border:1px solid #eef2f6;border-radius:28px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:1400px;overflow-y:auto;padding:28px;width:100%}.vpt-container::-webkit-scrollbar{width:8px}.vpt-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.vpt-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vpt-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vpt-header{align-items:flex-start;border-bottom:2px solid #eef2f6;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.vpt-header-left{flex:1 1}.vpt-title{color:#0a1e3c;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.vpt-title,.vpt-title-icon{align-items:center;display:flex}.vpt-title-icon{background:#e8f0fe;border-radius:16px;font-size:32px;height:52px;justify-content:center;width:52px}.vpt-subtitle{color:#64748b;font-size:15px;margin:0 0 0 64px}.vpt-header-actions{display:flex;gap:12px}.vpt-btn-excel{background:#059669!important;border-radius:14px!important;box-shadow:0 4px 12px #05966933;color:#fff!important;font-weight:600;padding:12px 24px!important}.vpt-btn-excel:hover{background:#047857!important;box-shadow:0 8px 20px #0596694d;transform:translateY(-2px)}.vpt-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.vpt-search-wrapper{flex:1 1;min-width:300px;position:relative}.vpt-search-icon{color:#94a3b8;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.vpt-search-input{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;color:#1e293b!important;font-size:15px;outline:none;padding:16px 48px;transition:all .2s ease;width:100%}.vpt-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.vpt-search-input::placeholder{color:#94a3b8!important}.vpt-search-clear{background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.vpt-search-clear:hover{background:#f1f5f9;color:#475569}.vpt-search-results{background:#f1f5f9;border-radius:30px;color:#64748b;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.vpt-table-wrapper{border:2px solid #eef2f6;border-radius:16px;max-height:calc(90vh - 280px);overflow-x:auto;overflow-y:auto}.vpt-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.vpt-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.vpt-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vpt-table{border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.vpt-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.vpt-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#0a1e3c;font-size:13px;font-weight:600;letter-spacing:.3px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.vpt-table td{border-bottom:1px solid #eef2f6;color:#334155;padding:18px 16px;vertical-align:middle}.vpt-row:hover{background-color:#f8fafc}.vpt-cell-patient{color:#0a1e3c;font-weight:500}.vpt-cell-patient strong{font-size:15px}.vpt-gender-badge{border-radius:30px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.vpt-gender-male{background:#e0f2fe;color:#0284c7}.vpt-gender-female{background:#fce7f3;color:#db2777}.vpt-followup-date{align-items:center;color:#475569;display:flex;gap:4px}.vpt-cell-description{max-width:200px}.vpt-description{color:#64748b;cursor:help;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpt-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.vpt-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.vpt-btn-edit{background:#e8f0fe;color:#0a1e3c}.vpt-btn-edit:hover{background:#d0e0ff;box-shadow:0 4px 12px #0a1e3c1a;transform:translateY(-2px)}.vpt-btn-delete{background:#fee2e2;color:#dc2626}.vpt-btn-delete:hover{background:#fecaca;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.vpt-loading{padding:60px 20px;text-align:center}.vpt-spinner{animation:vpt-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0a1e3c;height:40px;margin:0 auto 16px;width:40px}@keyframes vpt-spin{to{transform:rotate(1turn)}}.vpt-loading p{color:#64748b;font-size:14px}.vpt-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;padding:60px 20px;text-align:center}.vpt-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.vpt-empty h3{color:#1e293b;font-size:18px;margin:8px 0 4px}.vpt-empty p{color:#64748b;font-size:14px}.vpt-modal-overlay{align-items:center;animation:vpt-fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes vpt-fadeIn{0%{opacity:0}to{opacity:1}}.vpt-modal{animation:vpt-slideUp .3s ease;background:#fff;border-radius:28px;box-shadow:0 30px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:90%}@keyframes vpt-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vpt-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.vpt-modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.vpt-modal-header{background:#f8fafc;border-bottom:2px solid #eef2f6;padding:28px 32px}.vpt-modal-title{align-items:center;color:#0a1e3c;display:flex;font-size:22px;font-weight:600;gap:10px;margin:0 0 8px}.vpt-modal-icon{font-size:24px}.vpt-modal-subtitle{color:#64748b;font-size:14px;margin:0}.vpt-modal-form{padding:24px 32px 32px}.vpt-modal-content{max-height:calc(85vh - 250px);overflow-y:auto;padding-right:8px}.vpt-form-group{margin-bottom:20px}.vpt-form-label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.vpt-required{color:#dc2626;margin-left:4px}.vpt-form-input,.vpt-form-textarea{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:14px!important;color:#1e293b!important;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.vpt-form-input:focus,.vpt-form-textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1a!important}.vpt-form-input::placeholder,.vpt-form-textarea::placeholder{color:#94a3b8!important}.vpt-form-textarea{min-height:100px;resize:vertical}.vpt-date-input{font-family:inherit}.vpt-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;padding:4px}.vpt-modal-actions{border-top:2px solid #eef2f6;display:flex;gap:16px;margin-top:28px;padding-top:20px}.vpt-btn-primary{background:#0a1e3c;box-shadow:0 4px 12px #0a1e3c33;color:#fff;flex:1 1;font-size:15px;padding:14px 24px}.vpt-btn-primary:hover{background:#1e3a6b;box-shadow:0 8px 20px #0a1e3c4d;transform:translateY(-2px)}.vpt-btn-secondary{background:#fff;border:2px solid #e2e8f0!important;color:#475569;flex:1 1;font-size:15px;padding:14px 24px}.vpt-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8!important;transform:translateY(-2px)}.vpt-btn-icon{font-size:18px}@media (max-width:1024px){.vpt-wrapper{justify-content:flex-start;margin-left:230px;padding:16px}.vpt-container{border-radius:22px;max-width:770px;padding:22px;width:calc(100% - 20px)}.vpt-title{font-size:24px}.vpt-title-icon{font-size:26px;height:46px;width:46px}.vpt-search-wrapper{min-width:240px}.vpt-table{min-width:900px}}@media (max-width:768px){.vpt-wrapper{padding:16px}.vpt-container{padding:20px}.vpt-title{font-size:24px}.vpt-title-icon{font-size:24px;height:44px;width:44px}.vpt-search-section{align-items:stretch;flex-direction:column}.vpt-search-wrapper{min-width:auto}.vpt-search-results{text-align:right}.vpt-action-buttons{flex-direction:column}.vpt-btn{width:100%}.vpt-modal{margin:16px;width:95%}.vpt-modal-actions{flex-direction:column}}@media print{.vpt-action-buttons,.vpt-header-actions,.vpt-search-section{display:none}.vpt-container{box-shadow:none;padding:0}.vpt-table td{color:#000!important}}.sales-container{background:#fff;border-radius:14px;box-shadow:0 6px 20px #0000000f;box-sizing:border-box;color:#000;font-family:Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:24px;width:100%}.sales-title{color:#1f2937;font-size:22px;font-weight:600;margin-bottom:18px}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;min-width:150px;outline:none;padding:8px 12px;transition:.2s ease}.filter-input:focus,.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.download-buttons{display:flex;gap:10px;margin-left:auto}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 15px;transition:.2s ease}.btn-pdf{background:#4a90e2}.btn-excel{background:#4caf50}.btn:hover{opacity:.9;transform:translateY(-2px)}.summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:14px;padding:14px}.summary-card span{color:#111827;display:block;font-size:16px;font-weight:600;margin-top:4px}.table-wrapper{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.sales-table{border-collapse:collapse;font-size:13px;min-width:1200px;width:100%}.sales-table th{background:#f3f4f6;border-bottom:1px solid #d1d5db;font-size:12px;letter-spacing:.3px;padding:10px;text-align:left;text-transform:uppercase}.sales-table td{border-bottom:1px solid #e5e7eb;padding:9px 10px}.sales-table tr:hover{background:#f9fafb}.balance{color:#dc2626;font-weight:600}.no-data{color:#6b7280;font-style:italic;padding:18px;text-align:center}@media (max-width:1024px){.sales-container{max-width:760px;padding:20px}.sales-title{font-size:20px}.filter-controls{gap:10px}.download-buttons{margin-left:0}.summary{grid-template-columns:repeat(2,1fr)}.sales-table{min-width:1000px}}@media (max-width:768px){.sales-container{padding:16px}.filter-controls{align-items:flex-start;flex-direction:column}.download-buttons{justify-content:flex-start;width:100%}.summary{grid-template-columns:1fr}.sales-table{min-width:900px}}
/*# sourceMappingURL=main.2bbbc454.css.map*/