:root{--primary-color:#0ea5e9;--primary-hover:#0284c7;--bg-color:#f0fdfa;--card-bg:#ffffffb3;--text-dark:#0f172a;--text-light:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-dark);background-image:radial-gradient(at 10% 10%,#0ea5e926 0,#0000 50%),radial-gradient(at 90% 90%,#10b9811a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,sans-serif}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border:1px solid #ffffff4d;border-radius:16px}.login-form{width:100%;max-width:420px;padding:2.5rem}.login-form h1{color:var(--text-dark);text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-form p{color:var(--text-light);text-align:center;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:#ffffffe6;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0ea5e933}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;display:flex}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex}.navbar{box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo{color:var(--primary-color);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.nav-right{align-items:center;gap:1.5rem;display:flex}.user-badge{color:var(--text-dark);align-items:center;gap:.5rem;font-weight:500;display:flex}.btn-logout{cursor:pointer;color:var(--text-dark);background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background .2s;display:flex}.btn-logout:hover{background:#f1f5f9}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h2{color:var(--text-dark);font-size:1.75rem;font-weight:600}.profile-card{background:#fff;padding:2rem}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.profile-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.profile-label{color:var(--text-light);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.profile-value{color:var(--text-dark);font-size:1.1rem;font-weight:600}.role-badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.role-admin{color:#b45309;background:#fef3c7}.role-doctor{color:#0284c7;background:#e0f2fe}.icon{width:18px;height:18px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:5vh 1rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:550px;max-height:fit-content;margin-bottom:2rem;animation:.3s ease-out forwards slideDown;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;padding:.25rem;transition:color .2s}.modal-close:hover{color:#0f172a}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-secondary{color:var(--text-dark);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:#f8fafc}.btn-primary.small{width:auto;padding:.5rem 1rem}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;color:var(--text-light);background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:600}td{color:var(--text-dark);border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-layout{min-height:100vh;display:flex}.sidebar{z-index:10;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 10px #00000005}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.sidebar-link{color:var(--text-light);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text-dark);background:#f8fafc}.sidebar-link.active{color:var(--primary-color);background:#0ea5e91a;font-weight:600}.sidebar-footer{border-top:1px solid #e2e8f0;padding:1.5rem}.user-info{flex-direction:column;margin-bottom:1rem;display:flex}.user-name{color:var(--text-dark);font-weight:600}.user-role{color:var(--text-light);text-transform:uppercase;font-size:.75rem;font-weight:600}.btn-logout-sidebar{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-logout-sidebar:hover{background:#fecaca}.main-content-area{flex:1;width:calc(100% - 260px);margin-left:260px;padding:2rem}@media print{.sidebar,.btn-primary,.btn-secondary,.modal-close,nav,button{display:none!important}.app-layout{background:#fff;display:block}.main-content-area{width:100%!important;margin:0!important;padding:0!important}.glass-card{box-shadow:none!important;background:#fff!important;border:none!important;padding:0!important}body{color:#000;background:#fff}input,textarea,select{font-weight:600;background:0 0!important;border:none!important;padding:0!important}}