@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #4caf50b3}70%{transform:scale(1);box-shadow:0 0 0 6px #4caf5000}to{transform:scale(.95);box-shadow:0 0 #4caf5000}}@media (width<=1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.stat-cards-grid{grid-template-columns:repeat(2,1fr)}.info-cards-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.stat-cards-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--sidebar-w:260px;--header-h:64px;--bg-main:#f0f2f5;--bg-sidebar:#263238;--bg-sidebar-dark:#1c272c;--bg-card:#fff;--bg-header:#fff;--orange-ref:#ff9f6d;--green-ref:#52d6a4;--pink-ref:#ff526d;--teal-ref:#4ecdc4;--pink:var(--pink-ref);--cyan:var(--teal-ref);--green:var(--green-ref);--orange:var(--orange-ref);--teal:var(--teal-ref);--red:#ff5252;--purple:#9c27b0;--text-primary:#212121;--text-secondary:#757575;--text-muted:#9e9e9e;--text-sidebar:#ffffffb3;--text-sidebar-active:#fff;--border:#e0e0e0;--border-light:#f5f5f5;--shadow-card:0 2px 10px #00000014;--shadow-card-hover:0 8px 25px #00000026;--shadow-sidebar:4px 0 15px #0003;--transition:.25s ease;--transition-fast:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-primary);background:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}#root{height:100%}.admin-shell{background:var(--bg-main);min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);box-shadow:var(--shadow-sidebar);z-index:100;transition:transform var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-brand{min-height:var(--header-h);border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--pink), #ff5722);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex;box-shadow:0 4px 12px #e91e6366}.sidebar-brand-name{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:800;line-height:1}.sidebar-brand-sub{color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:600}.sidebar-user{cursor:pointer;transition:background var(--transition-fast);background:#0003;align-items:center;gap:12px;padding:16px 20px;display:flex}.sidebar-user:hover{background:#0000004d}.sidebar-user-avatar{background:linear-gradient(135deg, var(--pink), var(--orange));color:#fff;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex}.sidebar-user-name{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.sidebar-user-role{color:#ffffff73;letter-spacing:.5px;font-size:10px;font-weight:500}.sidebar-section-label{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;padding:20px 20px 8px;font-size:9px;font-weight:700}.sidebar-nav{flex:1;padding:8px 12px}.sidebar-nav-item{color:var(--text-sidebar);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{color:#fff;background:#ffffff12}.sidebar-nav-item.active{background:var(--pink);color:#fff;font-weight:700;box-shadow:0 4px 15px #e91e6366}.sidebar-nav-link.active .link-icon{color:#fff}.sidebar-nav-item .nav-icon{opacity:.8;flex-shrink:0;width:18px;height:18px}.sidebar-nav-item.active .nav-icon{opacity:1}.sidebar-nav-badge{background:var(--pink);color:#fff;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:800;line-height:1.4}.sidebar-nav-item.active .sidebar-nav-badge{background:#ffffff40}.sidebar-nav-chevron{opacity:.5;transition:transform var(--transition-fast);margin-left:auto}.sidebar-labels{padding:0 12px 20px}.sidebar-label-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.admin-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.admin-header{height:var(--header-h);background:var(--bg-header);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.header-left{align-items:center;gap:16px;display:flex}.header-breadcrumb{color:var(--text-muted);letter-spacing:.3px;font-size:11px;font-weight:500}.header-title{color:var(--text-primary);font-size:15px;font-weight:700}.header-search{border:1px solid var(--border);transition:all var(--transition-fast);background:#f5f5f5;border-radius:8px;align-items:center;gap:10px;width:240px;padding:8px 14px;display:flex}.header-search:focus-within{border-color:var(--pink);background:#fff;box-shadow:0 0 0 3px #e91e6314}.header-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.header-search input::placeholder{color:var(--text-muted)}.header-right{align-items:center;gap:8px;display:flex}.header-icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{color:var(--text-primary);background:#f5f5f5}.header-notif-badge{background:var(--pink);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.header-avatar{background:linear-gradient(135deg, var(--pink), var(--orange));color:#fff;cursor:pointer;border:2px solid var(--border);width:34px;height:34px;transition:border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.header-avatar:hover{border-color:var(--pink)}.system-status{text-transform:uppercase;letter-spacing:.5px;background:#f0f2f5;border-radius:20px;align-items:center;gap:8px;margin-right:12px;padding:6px 12px;font-size:10px;font-weight:700;display:flex}.status-pulse{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 #4caf50b3}.admin-page{flex:1;padding:24px;overflow-x:hidden}.page-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.page-title{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1}.stat-cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px;display:grid}.stat-card{cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--transition);border-radius:8px;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.stat-card:hover{filter:brightness(1.05)}.stat-card:after{content:"";transition:background var(--transition);background:#fff0;position:absolute;inset:0}.stat-card-pink{background:var(--pink)}.stat-card-cyan{background:var(--cyan)}.stat-card-green{background:var(--green)}.stat-card-orange{background:var(--orange)}.stat-card-icon{color:#ffffffe6;background:#00000026;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-card-content{color:#fff;flex:1}.stat-card-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.85;margin-bottom:6px;font-size:10px;font-weight:600}.stat-card-value{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.card{background:var(--bg-card);box-shadow:var(--shadow-card);transition:box-shadow var(--transition);border-radius:4px;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover)}.clickable-row:hover{transition:background-color .2s;background-color:#f8f9fa!important}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.card-menu-btn{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.card-menu-btn:hover{color:var(--text-primary);background:#f5f5f5}.card-body{padding:20px}.chart-realtime-row{color:var(--text-muted);letter-spacing:.3px;justify-content:flex-end;align-items:center;gap:12px;padding:0 20px;font-size:11px;font-weight:600;display:flex}.toggle-switch{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle-track{background:var(--cyan);width:36px;height:18px;transition:background var(--transition);border-radius:20px;position:relative}.toggle-thumb{width:14px;height:14px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;right:2px;box-shadow:0 1px 4px #0003}.chart-area{height:220px;padding:0 20px 20px;position:relative}.bar-chart-container{align-items:flex-end;gap:3px;height:100%;padding-top:10px;display:flex}.bar-chart-bar{transition:opacity var(--transition-fast), transform var(--transition-fast);cursor:pointer;border-radius:3px 3px 0 0;flex:1;min-height:4px}.bar-chart-bar:hover{opacity:.8;transform:scaleX(1.1)}.line-chart-svg{width:100%;height:100%;overflow:visible}.info-cards-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.mini-stat-card{box-shadow:var(--shadow-card);border-radius:4px;overflow:hidden}.mini-stat-pink{background:var(--pink)}.mini-stat-cyan{background:var(--cyan)}.mini-stat-teal{background:var(--teal)}.mini-stat-body{color:#fff;padding:20px}.mini-stat-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.8;margin-bottom:2px;font-size:10px;font-weight:600}.mini-stat-value{letter-spacing:-.5px;font-size:22px;font-weight:800}.mini-stat-badge{color:#fff9;margin-left:4px;font-size:10px;font-weight:500}.mini-stat-row{justify-content:space-between;align-items:flex-end;margin-top:12px;display:flex}.trend-item{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:500;display:flex}.trend-item:last-child{border-bottom:none}.trend-item-tag{opacity:.85}.trend-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ticket-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.ticket-val{color:var(--text-primary);font-size:13px;font-weight:800}.ticket-unit{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-left:4px;font-size:9px;font-weight:600}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border);white-space:nowrap;background:#fafafa;padding:12px 16px;font-size:11px;font-weight:700}.admin-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer}.admin-table tbody tr:hover{background:#f9f9f9}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{vertical-align:middle;padding:14px 16px}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge-new{color:#3f51b5;background:#e8eaf6}.badge-approved{color:#388e3c;background:#e8f5e9}.badge-rejected{color:#f44336;background:#ffebee}.progress-bar-wrap{background:#eee;border-radius:20px;width:120px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:20px;height:100%;transition:width .6s}.progress-green{background:var(--green)}.progress-blue{background:#3498db}.progress-orange{background:var(--orange)}.progress-pink{background:var(--pink)}.browser-list{margin-top:16px}.browser-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:8px 0;font-size:13px;font-weight:500;display:flex}.browser-item:last-child{border-bottom:none}.browser-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.browser-name{color:var(--text-primary);flex:1}.browser-pct{color:var(--text-secondary);font-weight:700}.donut-chart-wrap{flex-direction:column;justify-content:center;align-items:center;padding:12px 0;display:flex}.donut-label{color:var(--text-primary);margin-top:8px;font-size:22px;font-weight:800}.donut-sub{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:600}.bottom-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.leads-top-bar{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.tab-pills{background:#f5f5f5;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.tab-pill{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:11px;font-weight:700}.tab-pill.active{background:var(--pink);color:#fff;box-shadow:0 2px 8px #e91e634d}.search-box{border:1px solid var(--border);max-width:320px;transition:all var(--transition-fast);background:#f5f5f5;border-radius:8px;flex:1;align-items:center;gap:8px;padding:7px 14px;display:flex}.search-box:focus-within{border-color:var(--pink);background:#fff;box-shadow:0 0 0 3px #e91e6314}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.avatar-init{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.btn{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 4px 12px #e91e634d}.btn-primary:hover{background:#c2185b;box-shadow:0 6px 18px #e91e6366}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#f5f5f5}@media (width<=1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.stat-cards-grid{grid-template-columns:repeat(2,1fr)}.info-cards-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.stat-cards-grid{grid-template-columns:1fr}}.page-container{flex-direction:column;gap:24px;animation:.4s ease-out fadeSlideUp;display:flex}.page-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-heading{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:800}.page-subheading{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:500}.tabs-row{border-bottom:1px solid var(--border);gap:8px;padding-bottom:1px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-size:13px;font-weight:700}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--pink);border-bottom-color:var(--pink)}.user-info-cell{align-items:center;gap:12px;display:flex}.user-avatar-small{width:32px;height:32px;color:var(--pink);border:1px solid var(--border);background:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:700}.user-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.icon-btn-ghost{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.icon-btn-ghost:hover{color:var(--text-primary);background:#0000000d}.badge-todo{color:#616161;background:#e0e0e0}.badge-inprog{color:#1976d2;background:#e3f2fd}.badge-done{color:#2e7d32;background:#e8f5e9}.btn-icon-edit,.btn-icon-delete{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-edit{color:#ff9800;background:#fdf3e7}.btn-icon-edit:hover{color:#fff;background:#ff9800;transform:translateY(-2px)}.btn-icon-delete{color:#f44336;background:#ffebee}.btn-icon-delete:hover{color:#fff;background:#f44336;transform:translateY(-2px)}.btn-icon-view{color:#2196f3;cursor:pointer;background:#e3f2fd;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-view:hover{color:#fff;background:#2196f3;transform:translateY(-2px)}.detail-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.detail-full-width{grid-column:span 2}.modal-card.wide{max-width:700px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--border-light);background:#f9fafb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.form-group input:focus{border-color:var(--pink)}.live-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse-dot;display:inline-block}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.relative{position:relative}.notification-dropdown{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;width:320px;margin-top:12px;animation:.2s slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.notif-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px;display:flex}.notif-header h3{color:var(--text-primary);font-size:14px;font-weight:700}.notif-mark-all{color:var(--pink);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.notif-body{max-height:400px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-light);gap:12px;padding:16px;transition:background .2s;display:flex;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#fdf2f8}.notif-icon{flex-shrink:0}.icon-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-circle.contact{background:var(--pink)}.icon-circle.franchise{background:var(--orange)}.icon-circle.appaccess{background:var(--cyan)}.icon-circle.registration{background:var(--green)}.notif-content{flex:1}.notif-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.notif-message{color:var(--text-secondary);margin-bottom:4px;font-size:12px;line-height:1.4}.notif-time{color:var(--text-muted);font-size:10px}.unread-dot{background:var(--pink);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.notif-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.notif-footer{text-align:center;border-top:1px solid var(--border-light);background:#f8fafc;width:100%;padding:12px}.login-wrapper{background:var(--bg-sidebar);background-image:radial-gradient(circle at 20% 30%,#e91e6326 0%,#0000 50%),radial-gradient(circle at 80% 70%,#4caf501a 0%,#0000 50%);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 15px 50px #0000004d}.login-logo{background:#fdf2f8;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.login-header h2{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:800}.login-header p{color:var(--text-secondary);margin-bottom:32px;font-size:13px}.login-form{text-align:left}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{border:1px solid var(--border);background:#f8fafc;border-radius:8px;width:100%;padding:12px 12px 12px 40px;font-size:14px;transition:all .2s}.input-with-icon input:focus{border-color:var(--pink);background:#fff;outline:none;box-shadow:0 0 0 4px #e91e631a}.login-btn{background:var(--pink);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:32px;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #e91e634d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e91e6366}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-error{color:var(--red);background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;margin-top:16px;padding:10px;font-size:12px;font-weight:600}.login-footer{border-top:1px solid var(--border-light);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:32px;padding-top:24px;font-size:10px;font-weight:700}