html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background:#fff;--white-color:#fff;--off-white-color:#f3f4f6;--primary-calendar:#ebf5ff;--primary-calendar-hover:#1a56db;--primary-color:#2ac7bf;--primary-hover:#0f8882;--text-secondary:#111928;--gray-color:#6b7280;--action-color:#5cef77;--inactive-color:#bdbdbd;--brand-color:#e12828;--text-color:#000;--input-text-color:#121826;--border-color:#e5e7eb;--icon-color:#727e92;--gray-light:#f9fafb;--button-secondary:#374151;--nb-base-height:2.5rem;--patient-icon-color:#10b981;--stock-icon-color:#ef4444;--finance-icon-color:#3b82f6;--alert-error-bg:#fdecea;--alert-error-text:#b00020;--alert-error-border:#f5c2c0;--alert-success-bg:#e6f4ea;--alert-success-text:#0f5132;--alert-success-border:#badbcc;--primary-light-bg:#e0f7f6;--primary-lighter-bg:#f0faf9;--primary-disabled:#7dd9d1;--primary-shadow:#2ac7bf33}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{color:var(--text-color);background:var(--background);font-family:var(--font-inter),sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:24px;font-weight:700;font-family:var(--font-inter);margin-bottom:5px}p{font-size:14px;font-weight:400}label{color:var(--input-text-color);background:var(--background)}input{border:1px solid var(--border-color)}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.loading-container{z-index:9999;background:#f8f9fa;justify-content:center;align-items:flex-start;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-bar{background:#e9ecef;width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}.loading-progress{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){html{font-size:14px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}p{font-size:13px}.form-grid-2{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){html{font-size:13px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}p{font-size:12px}input,select,textarea,button{font-size:16px!important}button{min-width:44px;min-height:44px}body{width:100%;position:fixed}}