@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{background:radial-gradient(circle at 15% 30%,#0d2927 0,#0f121d 60%),radial-gradient(circle at 85% 70%,#151833 0,#0c0d14 70%);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container,.login-page{align-items:center;display:flex;width:100%}.login-container{flex-direction:column;max-width:440px}.login-logo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.logo-badge{align-items:center;background:linear-gradient(135deg,#0cd8b6,#00a1ab);border-radius:12px;box-shadow:0 4px 12px #0cd8b64d;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.logo-badge .checkmark{color:#fff;font-size:20px;font-weight:700}.logo-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.logo-subtext{color:#8fa0b5;font-size:14px;margin:4px 0 0}.unregistered-alert-banner{align-items:center;animation:bannerSlideDownIn .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ef444412;border:1px solid #ef444440;border-radius:16px;box-shadow:0 10px 30px #00000040;box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;margin-bottom:20px;padding:14px 18px;width:100%}.alert-text-group{align-items:flex-start;display:flex;gap:12px}.alert-icon{font-size:18px;margin-top:1px}.unregistered-alert-banner h5{color:#f87171;font-size:14px;font-weight:600;margin:0 0 3px;text-align:left}.unregistered-alert-banner p{color:#cbd5e1;font-size:12px;line-height:1.4;margin:0;text-align:left}.alert-action-btn{background:linear-gradient(90deg,#02c3d1,#00d2c4);border:none;border-radius:6px;box-shadow:0 4px 12px #02c3d126;color:#0b0f19;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:opacity .2s ease,transform .1s ease;white-space:nowrap}.alert-action-btn:hover{opacity:.95}.alert-action-btn:active{transform:scale(.97)}.login-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#161c2d73;border:1px solid #ffffff12;border-radius:20px;box-shadow:0 20px 40px #0006;box-sizing:border-box;padding:40px 32px 32px;width:100%}.login-card h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.card-subtitle{color:#8fa0b5;font-size:14px;margin:0 0 28px}.login-form{width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#9cb3c9;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:8px;text-align:left}.form-group input{background:#1e293b80;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus{background:#1e293bcc;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a626}.form-group input:disabled{cursor:not-allowed;opacity:.6}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{padding-right:44px}.password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.password-toggle-btn:hover{color:#94a3b8}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.eye-icon{height:18px;width:18px}.login-error-text{color:#f87171;font-size:13px;font-weight:500;margin:-8px 0 16px;text-align:left}.submit-btn{background:#02c3d1;background:linear-gradient(90deg,#02c3d1,#00d2c4);border:none;border-radius:8px;color:#0b0f19;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s ease,transform .1s ease;width:100%}.submit-btn:hover:not(:disabled){opacity:.95}.submit-btn:active:not(:disabled){transform:scale(.995)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.register-text{color:#8fa0b5;font-size:13px;margin:24px 0 0;text-align:center}.register-link{color:#00d2c4;cursor:pointer;font-weight:500;transition:-webkit-text-decoration .2s ease;transition:text-decoration .2s ease;transition:text-decoration .2s ease,-webkit-text-decoration .2s ease}.register-link:hover{text-decoration:underline}.demo-credentials-box{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:flex;justify-content:center;margin-top:28px;padding:10px 14px}.lock-icon{font-size:11px;margin-right:8px;opacity:.7}.demo-credentials-box p{color:#64748b;font-size:12px;letter-spacing:.2px;margin:0}@keyframes bannerSlideDownIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-card{padding:32px 20px 24px}.unregistered-alert-banner{align-items:flex-start;flex-direction:column;padding:16px}.alert-action-btn{text-align:center;width:100%}}.signup-page{align-items:flex-start;background:#0b0f19;box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:60px 20px;position:relative;width:100%}.signup-overlay{background-image:radial-gradient(circle at 15% 25%,#14b8a626 0,#0000 45%),radial-gradient(circle at 85% 75%,#6366f12e 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.signup-container{flex-direction:column;max-width:620px;position:relative;width:100%;z-index:2}.signup-container,.signup-logo{align-items:center;display:flex}.signup-logo{gap:14px;margin-bottom:40px;text-align:left}.logo-circle{align-items:center;background:linear-gradient(135deg,#0cd8b6,#14b8a6);border-radius:12px;box-shadow:0 0 20px #14b8a659;color:#0b0f19;display:flex;font-size:20px;font-weight:700;height:42px;justify-content:center;width:42px}.signup-logo h1{color:#fff;font-size:22px;font-weight:700;letter-spacing:1.5px;margin:0}.signup-logo p{color:#64748b;font-size:13px;font-weight:500;margin:2px 0 0}.signup-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#161e31a6;border:1px solid #ffffff12;border-radius:20px;box-shadow:0 20px 50px -12px #00000080;box-sizing:border-box;padding:40px;text-align:left;width:100%}.signup-card h2{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}.subtitle{color:#94a3b8;font-size:15px;margin:0 0 32px}label{color:#cbd5e1;display:block;font-size:13px;font-weight:500;letter-spacing:.2px;margin-bottom:8px}input[type=email],input[type=password],input[type=text],textarea{background:#0d121eb3;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14.5px;margin-bottom:24px;padding:13px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}input:focus,textarea:focus{background:#0d121ee6;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626;outline:none}.row{display:flex;gap:20px;width:100%}.field{flex:1 1}.custom-dropdown-container{margin-bottom:24px;position:relative;width:100%}.custom-dropdown-header{align-items:center;background:#0d121eb3;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14.5px;justify-content:space-between;padding:13px 16px;transition:all .2s ease;width:100%}.custom-dropdown-header.active,.custom-dropdown-header:hover{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.dropdown-arrow{color:#64748b;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{color:#14b8a6;transform:rotate(180deg)}.custom-dropdown-menu{background:#111827;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 20px 40px #0009;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:6px 0;position:absolute;top:calc(100% + 6px);width:100%;z-index:999}.custom-dropdown-menu li{color:#e2e8f0;cursor:pointer;font-size:14px;padding:11px 16px;transition:all .15s ease}.custom-dropdown-menu li:hover{background:#14b8a626;color:#0cd8b6}.custom-dropdown-menu li.selected{background:#14b8a6;color:#0b0f19;font-weight:600}.experience-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.experience-card{background:#0d121e66;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;padding:18px;transition:all .2s ease}.experience-card:hover{background:#0d121e99;border-color:#fff3}.experience-card.active{background:#14b8a614;border-color:#14b8a6;box-shadow:0 0 0 1px #14b8a6}.experience-card h4{color:#fff;font-size:14.5px;font-weight:600;margin:0 0 6px}.experience-card p{color:#0cd8b6;font-size:13px;font-weight:500;margin:0}.upload-box{background:#0d121e4d;border:2px dashed #ffffff26;border-radius:12px;margin-bottom:30px;position:relative;transition:all .2s ease}.upload-box:hover{background:#14b8a605;border-color:#14b8a6}.upload-box input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.upload-box-content{align-items:center;display:flex;flex-direction:column;margin:0;padding:32px 20px;pointer-events:none;text-align:center}.upload-icon{font-size:28px;margin-bottom:12px}.upload-box h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.upload-box p{color:#64748b;font-size:12.5px;line-height:1.5;margin:0}.file-name{color:#0cd8b6;font-size:13px;font-weight:500;margin-top:12px}.profile-upload-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.profile-preview{align-items:center;background:#0d121e80;border:2px dashed #fff3;border-radius:50%;display:flex;height:110px;justify-content:center;margin-bottom:16px;overflow:hidden;width:110px}.preview-image{height:100%;object-fit:cover;width:100%}.profile-placeholder{color:#475569;font-size:36px}.upload-photo-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease}.upload-photo-btn:hover{background:#ffffff26;border-color:#ffffff4d}.file-name-text{color:#0cd8b6;font-size:12px;margin-top:8px}.tip-box{background:#1e293b4d;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:30px;padding:16px 20px}.tip-box strong{color:#e2e8f0;display:block;font-size:13.5px;margin-bottom:8px}.tip-box ul{margin:0;padding-left:18px}.tip-box li{color:#94a3b8;font-size:13px;line-height:1.6;margin-bottom:4px}.agreement-card{align-items:center;background:#0d121e66;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px;padding:16px 20px}.agreement-text{text-align:left}.agreement-card h4{color:#fff;font-size:14.5px;font-weight:600;margin:0 0 4px}.agreement-card p{color:#64748b;font-size:12.5px;line-height:1.4;margin:0}.view-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.view-btn:hover{background:#14b8a61f;border-color:#14b8a6;color:#0cd8b6}.checkbox-container{align-items:flex-start;cursor:pointer;display:flex;gap:12px;margin:26px 0 32px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{background-color:#0d121eb3;border:1px solid #fff3;border-radius:5px;flex-shrink:0;height:18px;position:relative;top:2px;transition:all .2s ease;width:18px}.checkbox-container:hover input~.custom-checkbox{border-color:#14b8a6}.checkbox-container input:checked~.custom-checkbox{background-color:#14b8a6;border-color:#14b8a6}.custom-checkbox:after{border:solid #0b0f19;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-container input:checked~.custom-checkbox:after{display:block}.checkbox-text{color:#94a3b8;font-size:13px;line-height:1.5}.primary-btn{background:linear-gradient(135deg,#0cd8b6,#14b8a6);border:none;border-radius:10px;box-shadow:0 4px 20px #14b8a640;color:#0b0f19;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.primary-btn:hover:not(:disabled){box-shadow:0 4px 25px #14b8a666;opacity:.95;transform:translateY(-1px)}.primary-btn:disabled{background:#1e293b;border:1px solid #ffffff0d;box-shadow:none;color:#475569;cursor:not-allowed;transform:none}.button-group{display:flex;gap:16px;width:100%}.secondary-btn{background:#0000;border:1px solid #ffffff1f;border-radius:10px;color:#cbd5e1;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px;transition:all .2s ease}.secondary-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}.signin-text{color:#64748b;font-size:13.5px;margin:24px 0 0;text-align:center}.signin-text span{color:#0cd8b6;cursor:pointer;font-weight:500}.signin-text span:hover{text-decoration:underline}.success-wrapper{padding:20px 0;text-align:center}.success-icon{align-items:center;background:#14b8a61a;border:2px solid #14b8a6;border-radius:50%;box-shadow:0 0 30px #14b8a633;color:#0cd8b6;display:flex;font-size:26px;font-weight:700;height:60px;justify-content:center;margin:0 auto 24px;width:60px}.success-text{color:#94a3b8;line-height:1.6;margin-bottom:36px}.progress-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 10px;width:100%}.progress-item{align-items:center;display:flex;flex-direction:column;gap:8px;z-index:2}.progress-circle{align-items:center;background:#111827;border:2px solid #334155;border-radius:50%;color:#64748b;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.progress-circle.active{background:#14b8a60d;border-color:#14b8a6;box-shadow:0 0 14px #14b8a64d;color:#14b8a6}.progress-circle.completed{background:#14b8a6;border-color:#14b8a6;color:#0b0f19}.progress-item span{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.2px}.progress-line{background:#334155;flex:1 1;height:2px;margin-top:-18px;transition:background-color .3s ease;z-index:1}.progress-line.filled{background:#14b8a6}:root{--bg-primary:#f8f9fa;--sidebar-dark:#0b132b;--text-dark:#1c2541;--teal-accent:#06b6d4;--card-shadow:0 4px 20px #0000000a;--border-color:#e2e8f0}body{background-color:#f8f9fa;background-color:var(--bg-primary);color:#1c2541;color:var(--text-dark);font-family:Inter,sans-serif;margin:0}.dashboard-container{display:flex;min-height:100vh}.sidebar{background-color:#0b132b;background-color:var(--sidebar-dark);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:260px}.logo-section{gap:10px;margin-bottom:32px}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background-color:#06b6d4;background-color:var(--teal-accent);border-radius:6px;color:#0b132b;color:var(--sidebar-dark);font-weight:700;height:28px;justify-content:center;width:28px}.logo-section h2{font-size:20px;letter-spacing:1px;margin:0}.portal-tag{color:#64748b;display:block;font-size:11px;margin-left:auto}.profile-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:14px}.avatar-placeholder{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;text-transform:uppercase;width:44px}.profile-info{display:flex;flex-direction:column;overflow:hidden}.profile-info h3{color:#fff;font-size:14px;margin:0}.profile-info h3,.profile-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info p{color:#94a3b8;font-size:11px;margin:2px 0 6px}.price-badge{align-self:flex-start;background:#06b6d433;border-radius:20px;color:#06b6d4;color:var(--teal-accent);font-size:11px;font-weight:500;padding:2px 8px}.nav-menu{display:flex;flex-direction:column;flex-grow:1;gap:6px;overflow-y:auto}.nav-item{align-items:center;background:none;border:none;border-radius:8px;box-sizing:border-box;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item.active,.nav-item:hover{background-color:#ffffff14;color:#fff}.nav-item.active{border-left:3px solid #06b6d4;border-left:3px solid var(--teal-accent);padding-left:11px}.badge-parent{align-items:center;display:flex;justify-content:space-between;width:100%}.badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-top:auto;padding:12px 14px;text-align:left;transition:background .2s ease;width:100%}.logout-btn:hover{background:#ef444414}.main-content{background-color:#f8f9fa;background-color:var(--bg-primary);box-sizing:border-box;flex-grow:1;height:100vh;overflow-y:auto;padding:32px 40px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.content-header h1{color:#1c2541;color:var(--text-dark);font-size:26px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.icon-notification-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:50%;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background .2s ease;width:40px}.icon-notification-btn:hover{background:#f8fafc}.dot{background-color:#ef4444;border:1.5px solid #fff;border-radius:50%;height:8px;position:absolute;right:11px;top:10px;width:8px}.user-pill{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:30px;font-size:14px;font-weight:500;padding:8px 16px}.pill-sub{color:#64748b;font-size:12px;margin-left:6px}.welcome-banner{background:linear-gradient(135deg,#0f766e,#115e59);border-radius:16px;color:#fff;margin-bottom:32px;padding:32px}.welcome-banner h2{font-size:24px;margin:0 0 8px}.welcome-banner p{color:#ccfbf1;font-size:14px;margin:0 0 24px}.banner-buttons{display:flex;gap:12px}.primary-banner-btn{background:#fff;border:none;border-radius:8px;color:#115e59;cursor:pointer;font-weight:500;padding:10px 20px;transition:opacity .2s}.primary-banner-btn:hover{opacity:.95}.secondary-banner-btn{background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.secondary-banner-btn:hover{background:#ffffff40}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.metric-card{background:#fff;border:1px solid #00000003;border-radius:16px;box-shadow:0 4px 20px #0000000a;box-shadow:var(--card-shadow);padding:24px}.icon-wrapper{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:16px;width:40px}.green-bg{background-color:#ecfdf5;color:#10b981}.purple-bg{background-color:#f5f3ff;color:#8b5cf6}.orange-bg{background-color:#fff7ed;color:#f97316}.pink-bg{background-color:#fdf2f8;color:#ec4899}.metric-body h2{color:#1c2541;color:var(--text-dark);font-size:24px;margin:0}.metric-body p{color:#64748b;font-size:14px;margin:4px 0 12px}.growth-indicator{background-color:#e6fbf2;border-radius:4px;color:#10b981;font-size:12px;font-weight:500;padding:2px 8px}.analytics-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;box-shadow:var(--card-shadow);padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-header h3{color:#1c2541;color:var(--text-dark);font-size:16px;margin:0}.time-metric{color:#94a3b8;font-size:12px}.chart-view{min-height:220px}.empty-chart-fallback{align-items:center;border:2px dashed #f1f5f9;border-radius:12px;box-sizing:border-box;color:#94a3b8;display:flex;font-size:13px;height:220px;justify-content:center;padding:0 40px;text-align:center}.consultations-card,.view-card-wrapper{background:#fff;border:1px solid #00000005;border-radius:16px;box-shadow:0 4px 20px #0000000a;box-shadow:var(--card-shadow);padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1c2541;color:var(--text-dark);font-size:16px;margin:0}.empty-list-placeholder{border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;font-size:14px;padding:48px;text-align:center}.subtabs-navigation{border-bottom:1px solid #f1f5f9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:4px}.subtabs-navigation button{position:relative;transition:all .2s ease}.subtabs-navigation button:hover{color:#3b82f6!important}.active-day-workspace input[type=checkbox]{accent-color:#0d9488;cursor:pointer;height:16px;width:16px}.info-block-card h3{color:#1c2541;color:var(--text-dark);font-size:16px;margin:0 0 12px}.days-row-selector button:hover{background-color:#f8fafc!important;box-shadow:0 2px 4px #00000005;transform:translateY(-1px)}.notification-view-container{margin:0 auto 0 0;max-width:800px;padding:32px!important}.section-header-inline{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.notification-count-tag{background-color:#f1f5f9;border-radius:20px;color:#475569;font-size:12px;font-weight:600;padding:4px 12px}.notification-cards-stack{display:flex;flex-direction:column;gap:16px}.notification-item-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000005;display:flex;justify-content:space-between;padding:18px 24px;transition:transform .2s ease,box-shadow .2s ease}.notification-item-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.notification-item-card.system{border-left:4px solid #3b82f6}.notification-item-card.alert{border-left:4px solid #f59e0b}.notification-item-card.success{border-left:4px solid #10b981}.notification-left-block{align-items:flex-start;display:flex;gap:16px}.notification-badge-type{background:#f8fafc;border-radius:6px;color:#64748b;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.notification-message-content{display:flex;flex-direction:column;gap:4px}.notification-text-msg{color:#1e293b;font-size:14.5px;font-weight:500;line-height:1.5;margin:0}.notification-timestamp-clock{color:#94a3b8;font-size:11.5px}.notification-dismiss-action-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.notification-dismiss-action-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.fallback-tab-view{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000a;box-shadow:var(--card-shadow)}
/*# sourceMappingURL=main.24a67232.css.map*/