:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Segoe UI,sans-serif}.login-card{background:#fffffff0;border-radius:16px;padding:40px;width:360px;text-align:center;box-shadow:0 6px 25px #00000026}.login-card h1{color:#004aad;font-size:1.8rem;margin-bottom:15px;font-weight:700}.login-card p{color:#555;margin-bottom:25px}.login-button{background:#004aad;color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-weight:700;font-size:1rem;transition:background .3s,transform .2s}.login-button:hover{background:#0064e0;transform:scale(1.03)}.register-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a73e8,#004ba0);font-family:Segoe UI,sans-serif}.register-card{background:#fff;border-radius:12px;padding:40px;width:380px;box-shadow:0 6px 15px #00000026;text-align:center}.register-card h1{color:#1a73e8;margin-bottom:10px}.register-card p{color:#666;margin-bottom:25px;font-size:.95rem}.register-card form{display:flex;flex-direction:column;gap:12px}.register-card input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.register-card button{background:#1a73e8;color:#fff;border:none;border-radius:6px;padding:10px;cursor:pointer;font-weight:700;transition:background .3s}.register-card button:hover{background:#0b5ed7}.error-text{color:#e53935;margin-top:10px;font-weight:600}.success-text{color:#43a047;margin-top:10px;font-weight:600}.login-link{margin-top:20px;font-size:.9rem;color:#444}.login-link span{color:#1a73e8;cursor:pointer;font-weight:700}.dashboard-container{position:relative;height:100vh;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;overflow-y:auto;font-family:Segoe UI,sans-serif}.dashboard-overlay{position:absolute;inset:0;background:#ffffff0d;-webkit-backdrop-filter:brightness(1.1) blur(1px);backdrop-filter:brightness(1.1) blur(1px);z-index:0}.dashboard-content{position:relative;z-index:1;padding:30px 40px;display:flex;flex-direction:column;align-items:center}.monitor-bar{position:relative;width:100%;height:35px;background:#002b1f;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 10px #00ff004d;margin-bottom:20px}.pulse-line{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#00ff88,transparent);animation:pulseMove 2.2s infinite linear;opacity:.8}.monitor-text{color:#0f8;font-weight:700;font-family:Consolas,monospace;z-index:1;text-shadow:0 0 8px #00ff88;animation:glowPulse 1.8s infinite ease-in-out}@keyframes pulseMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{opacity:.8;text-shadow:0 0 8px #00ff88}50%{opacity:1;text-shadow:0 0 20px #00ff88}}.dashboard-header{text-align:center;color:#fff;margin-bottom:25px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.dashboard-menu{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.dashboard-menu button{background:#004aade6;color:#fff;font-weight:700;border-radius:8px;padding:10px 16px;margin:6px;border:none;box-shadow:0 4px 10px #0000004d;cursor:pointer;transition:transform .2s ease,background .3s ease}.dashboard-menu button:hover{background:#06f;transform:scale(1.05)}.logout-btn{background:linear-gradient(135deg,#ff4e50,#c31432);color:#fff;font-weight:700;border-radius:8px;padding:10px 16px;border:none;margin:6px;cursor:pointer}.dashboard-panel{background:#ffffffed;border-radius:16px;padding:30px;width:90%;max-width:1100px;box-shadow:0 8px 28px #00000026;margin-bottom:40px}.charts-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.chart-box{background:#fff;padding:15px;border-radius:12px;width:380px;box-shadow:0 4px 10px #0000001a}.inventory-actions{display:flex;flex-wrap:wrap;justify-content:center;margin-top:25px;gap:12px}.inventory-actions button{border:none;border-radius:8px;font-weight:700;padding:10px 16px;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .2s ease-in-out}.inventory-actions button:nth-child(1){background:linear-gradient(135deg,#10b981,#16a34a);color:#fff}.inventory-actions button:nth-child(2){background:linear-gradient(135deg,#facc15,#eab308);color:#111}.inventory-actions button:nth-child(3){background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.inventory-actions button:nth-child(4){background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.inventory-actions button:hover{transform:scale(1.08);filter:brightness(1.15)}@media(max-width:768px){.dashboard-panel{width:95%;padding:20px}.chart-box{width:90%}}.patients-page{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.patients-container{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 8px 25px #0000004d;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.patient-form{display:flex;flex-direction:column;align-items:center;gap:12px}.patient-form input{padding:10px;width:260px;border-radius:6px;border:1px solid #ccc;font-size:1rem;outline:none}.patient-form input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.patient-form button{margin-top:10px;background:#004aad;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.patient-form button:hover{background:#007bff;transform:scale(1.05)}.patient-list{margin-top:30px;text-align:left;display:flex;justify-content:center;height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#004aad #f0f0f0}.patient-list ul{list-style:none;padding:0;width:100%}.patient-list li{background:#fffffff2;border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000026}.patient-info{flex:1;color:#333}.patient-actions{display:flex;gap:8px}@media(max-width:768px){.patients-container{width:90%;padding:25px}.patient-form input{width:100%}.patient-list{height:180px}}.doctors-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.doctors-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 8px 25px #0000004d;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#004aad;font-weight:700;margin-bottom:25px}.doctor-form{display:flex;flex-direction:column;align-items:center;gap:12px}.doctor-form input{padding:10px;width:260px;border-radius:6px;border:1px solid #ccc;font-size:1rem;outline:none}.doctor-form input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.doctor-form button{margin-top:10px;background:#004aad;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.doctor-form button:hover{background:#007bff;transform:scale(1.05)}.doctor-list{margin-top:30px;text-align:left;display:flex;justify-content:center;height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#004aad #f0f0f0}.doctor-list ul{list-style:none;padding:0;width:100%}.doctor-list li{background:#fffffff2;border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000026}.doctor-info{flex:1;color:#333}.doctor-actions{display:flex;gap:8px}.edit-btn{background:#007bff}.edit-btn:hover{background:#005ad9}.delete-btn:hover{background:#c31432}@media(max-width:768px){.doctors-card{width:90%;padding:25px}.doctor-form input{width:100%}.doctor-list{height:180px}}.appointments-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.appointments-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 8px 25px #0000004d;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#15803d;font-weight:700;margin-bottom:25px}.appointment-form{display:flex;flex-direction:column;align-items:center;gap:12px}.appointment-form input{padding:10px;width:260px;border-radius:6px;border:1px solid #ccc;font-size:1rem;outline:none}.appointment-form input:focus{border-color:#22c55e;box-shadow:0 0 4px #22c55e80}.appointment-form button{margin-top:10px;background:#16a34a;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.appointment-form button:hover{background:#22c55e;transform:scale(1.05)}.appointment-list{margin-top:30px;text-align:left;display:flex;justify-content:center;height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#16a34a #f0f0f0}.appointment-list ul{list-style:none;padding:0;width:100%}.appointment-list li{background:#fffffff2;border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000026}.appointment-info{flex:1;color:#333}.appointment-actions{display:flex;gap:8px}@media(max-width:768px){.appointments-card{width:90%;padding:25px}.appointment-form input{width:100%}.appointment-list{height:180px}}body,html{margin:0;padding:0;height:100%}.medicines-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.medicines-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:500px;box-shadow:0 8px 25px #0000004d;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#9333ea;font-weight:700;margin-bottom:25px}.medicine-form{display:flex;flex-direction:column;align-items:center;gap:12px}.medicine-form input{padding:10px;width:260px;border-radius:6px;border:1px solid #ccc;font-size:1rem;outline:none}.medicine-form input:focus{border-color:#a855f7;box-shadow:0 0 4px #a855f780}.medicine-form button{margin-top:10px;background:#9333ea;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:all .3s ease}.medicine-form button:hover{background:#a855f7;transform:scale(1.05)}.medicine-list{margin-top:30px;text-align:left;display:flex;justify-content:center;height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9333ea #f0f0f0}.medicine-list ul{list-style:none;padding:0;width:100%}.medicine-list li{background:#fffffff2;border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000026}.medicine-info{flex:1;color:#333}.medicine-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.edit-btn,.delete-btn{border:none;color:#fff;font-weight:700;padding:8px 14px;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #00000040}@media(max-width:768px){.medicines-card{width:90%;padding:25px}.medicine-form input{width:100%}.medicine-list{height:180px}.medicine-actions{justify-content:center;flex-wrap:wrap;gap:6px}}.inventory-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.inventory-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:500px;text-align:center;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#0d9488;font-weight:700;margin-bottom:25px}.inventory-form{display:flex;flex-direction:column;align-items:center;gap:12px}.inventory-form input{padding:10px;width:260px;border-radius:6px;border:1px solid #ccc;font-size:1rem;outline:none}.inventory-form input:focus{border-color:#0d9488;box-shadow:0 0 5px #0d948899}.inventory-form button{margin-top:10px;background:#0d9488;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.inventory-form button:hover{background:#14b8a6;transform:scale(1.05)}.inventory-list{margin-top:30px;text-align:left;display:flex;justify-content:center;height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#0d9488 #f0f0f0}.inventory-list ul{list-style:none;padding:0;width:100%}.inventory-list li{background:#fffffff2;border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000026}.inventory-list li.low{border-left:5px solid #facc15}.inventory-list li.out{border-left:5px solid #ef4444}.edit-btn,.delete-btn{border:none;color:#fff;font-weight:700;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #00000040}.edit-btn{background:#3b82f6}.delete-btn{background:#e11d48}.edit-btn:hover{background:#2563eb}.delete-btn:hover{background:#be123c}@media(max-width:768px){.inventory-card{width:90%;padding:25px}.inventory-form input{width:100%}.inventory-list{height:180px}}.reports-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.reports-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:700px;text-align:center;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#1e3a8a;font-weight:700;margin-bottom:10px}.subtitle{color:#475569;margin-bottom:20px}.export-btn{background:#2563eb;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:30px;transition:all .3s ease;box-shadow:0 4px 8px #00000040}.export-btn:hover{background:#1d4ed8;transform:scale(1.05)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-card{background:#fffffff2;border-radius:12px;padding:25px;text-align:center;box-shadow:0 3px 8px #00000026;transition:all .3s ease}.stat-card h2{margin-bottom:8px;font-weight:600}.stat-card p{font-size:22px;font-weight:700;color:#111827}.stat-card.blue h2{color:#2563eb}.stat-card.green h2{color:#059669}.stat-card.purple h2{color:#9333ea}.stat-card.pink h2{color:#db2777}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000040}@media(max-width:768px){.reports-card{width:90%;padding:25px}}html,body{margin:0;padding:0;height:100%}.profile-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif}.profile-card{background:#ffffffed;border-radius:16px;padding:40px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{color:#1e3a8a;font-weight:700;margin-bottom:10px;text-align:center}.subtitle{color:#475569;margin-bottom:20px;text-align:center}.search-box{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.search-box input{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;width:60%}.search-box button{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.search-box button:hover{background:#1d4ed8;transform:scale(1.05)}.section{margin-top:25px;text-align:left;background:#f0f9ffe6;padding:20px;border-radius:10px;box-shadow:inset 0 0 6px #0000001a}.section h2{color:#0f172a;border-bottom:2px solid #2563eb;padding-bottom:5px;margin-bottom:10px}.section ul{list-style:none;padding:0}.section li{margin-bottom:8px;line-height:1.4}.status-text{text-align:center;font-weight:700;color:#059669;margin-bottom:10px}@media(max-width:768px){.profile-card{width:90%;padding:25px}.search-box input{width:100%}}