body{margin:0;padding:0}.login-page-container{background-color:#34495e;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif}.login-form{background-color:#fff;padding:40px;border-radius:40px;width:100%;max-width:340px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;align-items:center;text-align:center}.logo{width:120px}h1{font-size:24px;color:#333;margin-bottom:10px}p{color:#666;font-size:14px;margin-bottom:30px}input[type=email],input[type=password],input[type=text]{width:100%;padding:15px;margin-bottom:15px;border:none;background-color:#f0f0f0;border-radius:15px;box-sizing:border-box}.passDiv{width:100%;position:relative}.show-password-btn{position:absolute;right:15px;top:15px;background:none;border:none;cursor:pointer;color:#999}.addons{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px}.remember-me{display:flex;align-items:center;gap:5px;color:#444}.forgot-password{color:#4da6ff;text-decoration:none;font-weight:700}.submit-btn{width:60%;padding:12px;background-color:#4da6ff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s}.submit-btn:hover{background-color:#3991e6}.sidebar-main{width:260px;height:100vh;background-color:#435b83;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;padding:0;box-sizing:border-box}.sidebar-top{padding:25px}.logo-box{display:flex;align-items:center;gap:15px}.logo-box .logo{width:45px;height:auto}.logo-box span{font-size:1.3rem;font-weight:500}.sidebar-divider{border:0;border-top:1px solid rgba(255,255,255,.3);margin:0;width:100%}.sidebar-menu{flex-grow:1;display:flex;flex-direction:column;padding-top:10px}.menu-item{background:transparent;border:none;color:#e0e6ed;padding:18px 25px;text-align:left;display:flex;align-items:center;gap:15px;cursor:pointer;font-size:15px;width:100%;transition:all .2s ease;box-sizing:border-box}.menu-item span{font-weight:400;transition:font-weight .2s ease}.menu-item:hover,.menu-item.active{background-color:#ffffff1a;color:#fff}.menu-item.active{border-left:5px solid white;padding-left:20px}.menu-item i{font-size:18px;transition:transform .2s ease}.menu-item:hover i{transform:scale(1.1)}.sidebar-bottom-section{margin-top:auto;padding-bottom:0}.logout{color:#ff5c5c!important;padding:20px 25px}.logout i{color:#ff5c5c}.navbar-main{position:fixed;top:0;right:0;width:calc(100% - 260px);height:70px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #e2e8f0;z-index:100;box-sizing:border-box}.navbar-left h1{font-size:1.2rem;margin:0;color:#1a202c;font-weight:600}.connection-status{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#768191;margin-top:2px}.connection-status i{font-size:10px}.navbar-right{display:flex;align-items:center;gap:20px}.notification-btn{background:transparent;border:none;font-size:1.2rem;color:#4a5568;cursor:pointer;display:flex}.navbar-divider-vertical{width:1px;height:35px;background-color:#e2e8f0}.user-profile{display:flex;align-items:center;gap:15px}.user-info{display:flex;flex-direction:column;text-align:right}.user-name{font-size:.9rem;font-weight:700;color:#2d3748}.user-role{font-size:.75rem;color:#768191}.user-avatar{width:40px;height:40px;background-color:#4299e1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.dashboard-layout{display:flex;background-color:#f4f7f9;min-height:100vh}.dashboard-main-area{flex-grow:1;margin-left:260px;display:flex;flex-direction:column}.dashboard-content{padding:40px 50px;margin-top:40px}.content-header{margin-bottom:35px}.content-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:8px}.content-header p{color:#718096;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.stat-card{background:#fff;padding:25px 30px;border-radius:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #00000008}.stat-icon{width:65px;height:65px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.stat-icon.blue{background-color:#3dabff1e;color:#4299e1}.stat-icon.red{background-color:#ff000026;color:#f56565}.stat-icon.green{background-color:#00ff4426;color:#48bb78}.stat-details{display:flex;flex-direction:column}.stat-number{display:block;font-size:2.2rem;font-weight:700;color:#2d3748;line-height:1;margin-bottom:5px}.stat-label{color:#a0aec0;font-size:.95rem}.activity-card{background:#fff;border-radius:24px;padding:15px 35px;box-shadow:0 4px 20px #00000008}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.activity-header h3{font-size:1.2rem;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:12px}.btn-view-all{background:none;border:none;color:#3182ce;font-weight:700;font-size:.9rem;cursor:pointer;transition:color .2s}.btn-view-all:hover{color:#2b6cb0;text-decoration:underline}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #f7fafc;gap:20px;transition:background-color .2s}.activity-item:last-child{border-bottom:none}.status-dot{width:12px;height:12px;border-radius:50%}.red-dot{background-color:#f56565;box-shadow:0 0 8px #f5656566}.green-dot{background-color:#48bb78;box-shadow:0 0 8px #48bb7866}.yellow-dot{background-color:#dae158;box-shadow:0 0 8px #a6bb4866}.blue-dot{background-color:#51c9d4;box-shadow:0 0 8px #48b5bb66}.patient-info{flex-grow:1;display:flex;flex-direction:column}.patient-name{font-weight:700;color:#2d3748;font-size:1rem}.patient-status{font-size:.9rem;color:#a0aec0;margin-top:2px}.time-ago{color:#8b9096;font-size:.85rem;margin-right:15px}.arrow{color:#8b9096;font-size:.9rem}