html,body,#root{width:100%;margin:0;padding:0;color:#000}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;//font-family: inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-container{padding-top:20px;padding-left:80px;padding-right:80px;min-height:100vh;color:#000}.top-section{display:flex;margin-bottom:30px}.top-right-buttons{gap:10px;display:flex;margin-left:auto}.export-full-btn{padding:10px;border-color:#add8e6;border-radius:10px;background-color:#fff;color:#00f}.add-medicine-btn{padding:10px;border-color:#000;border-radius:10px;background-color:#00f;color:#fff}.dashboard-cards{display:flex;gap:20px;margin-bottom:30px}.dashboard-card{color:#000;flex:1;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease}.dashboard-card:hover{transform:translateY(-4px)}.dashboard-card h3{margin:0;font-size:14px;color:#666}.dashboard-card p{margin-top:10px;font-size:22px;font-weight:700}.toggle-container{color:#000;flex:1;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease}.toggle-buttons{display:flex;align-items:center;gap:30px;background-color:#fff;color:#000;border:none;border-radius:18px;cursor:pointer;font-weight:700;margin-bottom:20px}.left-buttons{padding:3px;border-radius:18px;background-color:#d3d3d3;display:flex;gap:10px}.right-buttons{display:flex;gap:10px;margin-left:auto}.new-sale-btn{padding:10px;border-color:#add8e6;border-radius:10px;background-color:#00f;color:#fff}.new-purchase-btn{padding:10px;border-color:#d3d3d3;border-radius:10px;background-color:#fff;color:#000}.active-btn{background-color:#fff;color:#000;padding:5px;border-radius:20px;cursor:pointer;font-weight:700}.inactive-btn{background-color:#d3d3d3;color:#000;padding:5px;border-radius:20px;cursor:pointer;font-weight:700}.sale-form-container{background-color:#eafefd;border-color:#c8fff5;border-radius:10px;padding:10px}.sale-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;margin-bottom:15px}.sale-form input,.sale-form select{color:#000;background-color:#fff;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.sale-form button{grid-column:span 1;background-color:#10b981;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700}.sale-form button:hover{background-color:#059669}.recent-sales-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.recent-sales-table th{background-color:#f0f2f5;text-align:left;padding:12px;font-size:13px;color:#555}.recent-sales-table td{color:#000;padding:12px;border-top:1px solid #eee;font-size:14px}.recent-sales-table tr:hover{background-color:#fafafa}.inventory-container{background-color:#f5f7fb;min-height:100vh;font-family:Arial,sans-serif;color:#000;flex:1;background:#fff;transition:transform .2s ease}.inventory-container h1{margin-bottom:20px}.overview-container{margin-top:30px;margin-bottom:30px;border-color:#c8fff5;background-color:#eafefd;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease}.overview-section{display:flex;color:#000;flex:1}.overview-card{flex:1;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease}.overview-card:hover{transform:translateY(-4px)}.overview-card h3{margin:0;font-size:14px;color:#666}.overview-card p{margin-top:10px;font-size:22px;font-weight:700;color:#222}.inventory-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.inventory-table th{background-color:#f0f2f5;text-align:left;padding:12px;font-size:13px;color:#555}.inventory-table td{color:#000;padding:12px;border-top:1px solid #eee;font-size:14px}.inventory-table tr:hover{background-color:#fafafa}.status{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.status.active{background-color:#d4f8e8;color:#0c7c59}.status.low-stock{background-color:#fff4cc;color:#b78103}.status.expired{background-color:#ffd6d6;color:#b00020}.status.out-of-stock{background-color:#e0e0e0;color:#555}.edit-btn{background-color:#4f46e5;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.edit-btn:hover{background-color:#4338ca}.medicine-form-container{background-color:#eafefd;border-color:#c8fff5;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:10px}.medicine-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;margin-bottom:15px}.medicine-form input,.medicine-form select{color:#000;background-color:#fff;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.medicine-form button{grid-column:span 2;background-color:#10b981;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700}.medicine-form button:hover{background-color:#059669}