@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50: #f0f9f4;--primary-100: #dcf2e6;--primary-200: #bce5d0;--primary-300: #8ed3b0;--primary-400: #55b886;--primary-500: #2d8b5e;--primary-600: #1e6d4a;--primary-700: #0B4D33;--primary-800: #083624;--primary-900: #052016;--primary-950: #02110b;--primary-color: var(--primary-500);--accent-gold: #c4a74a;--accent-orange: #e5a84c;--accent-coral: #e67c73;--accent-purple: #8e7cc3;--accent-blue: #6bb3c9;--status-success: #34a853;--status-warning: #fbbc05;--status-error: #ea4335;--status-info: #4285f4;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #868e96;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--bg-main: #f5f7f5;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-hover: rgba(45, 139, 94, .08);--bg-active: rgba(45, 139, 94, .12);--text-primary: #1a1a1a;--text-secondary: #5a5a5a;--text-muted: #8a8a8a;--text-inverse: #ffffff;--gradient-primary: linear-gradient(135deg, #0B4D33 0%, #052016 100%);--gradient-card-green: linear-gradient(135deg, #0f5238 0%, #083624 100%);--gradient-card-light: linear-gradient(145deg, #ffffff 0%, #f4f6f5 100%);--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-wave: linear-gradient(135deg, #174532 0%, #1e6d4a 50%, #2d8b5e 100%);--shadow-sm: 0 2px 8px -2px rgba(11, 77, 51, .05);--shadow-md: 0 8px 16px -4px rgba(11, 77, 51, .08);--shadow-lg: 0 12px 24px -6px rgba(11, 77, 51, .12);--shadow-xl: 0 24px 48px -12px rgba(11, 77, 51, .18);--shadow-card: 0 4px 24px -4px rgba(0, 0, 0, .04), 0 2px 8px -2px rgba(0, 0, 0, .02);--shadow-button: 0 8px 20px -6px rgba(11, 77, 51, .4);--shadow-glow: 0 0 20px rgba(45, 139, 94, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.spinning{animation:spin 1s linear infinite}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-in{animation:slideIn .4s ease forwards}.animate-pulse{animation:pulse 2s infinite}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.5}}.industry-widget-panel{animation:fadeInUp .35s ease-out forwards}.industry-widget-grid>*:nth-child(1){animation-delay:.05s}.industry-widget-grid>*:nth-child(2){animation-delay:.1s}.industry-widget-grid>*:nth-child(3){animation-delay:.15s}.industry-widget-grid>*:nth-child(4){animation-delay:.2s}.industry-widget-grid>*:nth-child(5){animation-delay:.25s}.industry-kpi-grid>*{animation:fadeInUp .3s ease-out backwards}.industry-kpi-grid>*:nth-child(1){animation-delay:0s}.industry-kpi-grid>*:nth-child(2){animation-delay:.06s}.industry-kpi-grid>*:nth-child(3){animation-delay:.12s}.industry-kpi-grid>*:nth-child(4){animation-delay:.18s}.widget-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:150px;gap:8px}.widget-empty-state span{color:#9ca3af;font-size:14px}.badge-confirmed,.badge-active,.badge-completed,.badge-approved,.badge-hired,.badge-available,.badge-open{background:#dcfce7;color:#166534}.badge-pending,.badge-scheduled,.badge-under_review,.badge-planning,.badge-screening,.badge-submitted,.badge-inquiry{background:#fef3c7;color:#92400e}.badge-cancelled,.badge-rejected,.badge-failed,.badge-emergency,.badge-critical,.badge-closed{background:#fee2e2;color:#991b1b}.badge-in_progress,.badge-interview,.badge-in_transit,.badge-booked{background:#e0e7ff;color:#3730a3}.badge-offer,.badge-disbursed,.badge-premium,.badge-vip{background:#f3e8ff;color:#6b21a8}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary-600)}.text-white{color:#fff}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-green{background:var(--gradient-card-green);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #0b4d3366;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b4d3380}.btn-primary:hover:after{left:100%}.btn-secondary{background:#fffc;color:var(--primary-700);border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#fff;border-color:#2d8b5e33;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-outline:hover{background:var(--primary-600);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.input-field{padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast);outline:none;background:var(--neutral-50)}.input-field:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #2d8b5e26;background:#fff}.input-field::placeholder{color:var(--text-muted)}.search-input{display:flex;align-items:center;gap:var(--space-3);background:var(--neutral-100);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid transparent;transition:all var(--transition-fast)}.search-input:focus-within{background:#fff;border-color:var(--primary-400);box-shadow:var(--shadow-md)}.search-input input{border:none;background:transparent;outline:none;font-size:var(--font-size-sm);width:200px}.search-input .kbd{background:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-muted);border:1px solid var(--neutral-200)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.badge-success{background:#34a85326;color:var(--status-success)}.badge-warning{background:#fbbc0526;color:#b88a00}.badge-info{background:#4285f426;color:var(--status-info)}.badge-error{background:#ea433526;color:var(--status-error)}.badge-primary{background:#2d8b5e26;color:var(--primary-600)}.progress-container{position:relative;width:120px;height:120px}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--neutral-200);stroke-width:10}.progress-fill{fill:none;stroke:url(#progressGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.progress-label{font-size:var(--font-size-xs);color:var(--text-muted)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid white;box-shadow:var(--shadow-sm)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:48px;height:48px}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:all var(--transition-bounce);color:var(--text-secondary)}.icon-btn:hover{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm);transform:rotate(10deg)}.icon-btn-sm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;color:#6b7280}.icon-btn-sm:hover{background:#f3f4f6;color:#111827;border-color:#d1d5db}.stat-card{padding:var(--space-5);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden}.stat-card.green{background:var(--gradient-card-green);color:#fff}.stat-card.white{background:#fff;box-shadow:var(--shadow-card)}.stat-card .stat-icon{position:absolute;top:var(--space-4);right:var(--space-4);opacity:.8}.stat-card .stat-value{font-size:var(--font-size-4xl);font-weight:700;line-height:1}.stat-card .stat-label{font-size:var(--font-size-sm);opacity:.9}.stat-card .stat-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);margin-top:var(--space-2)}.analytics-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:120px;padding-top:var(--space-4)}.bar-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.bar-stack{display:flex;flex-direction:column;gap:2px;width:32px}.bar-segment{width:100%;border-radius:4px 4px 0 0;transition:all var(--transition-fast)}.bar-segment:hover{transform:scaleY(1.05);filter:brightness(1.1)}.bar-segment.filled{background:var(--primary-600)}.bar-segment.striped{background:repeating-linear-gradient(-45deg,var(--primary-600),var(--primary-600) 3px,var(--primary-300) 3px,var(--primary-300) 6px)}.bar-segment.outlined{background:transparent;border:2px solid var(--primary-600)}.bar-day{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.sidebar{width:240px;background:var(--bg-sidebar);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;height:calc(100vh - 40px);box-shadow:var(--shadow-card)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-6)}.sidebar-logo img{width:36px;height:36px}.sidebar-logo span{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-700)}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--primary-600)}.nav-item.active{background:var(--bg-active);color:var(--primary-700);font-weight:600}.nav-item .notification-badge{margin-left:auto;background:var(--primary-600);color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full)}.mobile-promo{margin-top:auto;background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;position:relative;overflow:hidden}.mobile-promo:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%)}.mobile-promo h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.mobile-promo p{font-size:var(--font-size-xs);opacity:.8;margin-bottom:var(--space-4)}.mobile-promo .download-btn{background:#fff;color:var(--primary-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);width:100%}.mobile-promo .download-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.main-content{flex:1;padding:var(--space-6);overflow-y:auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.header-left h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.header-left p{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;margin-bottom:var(--space-4)}.top-bar-right{display:flex;align-items:center;gap:var(--space-4)}.user-profile{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-profile:hover{background:var(--neutral-100)}.user-info{text-align:right}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.user-role{font-size:var(--font-size-xs);color:var(--text-muted)}.project-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.project-icon{width:24px;height:24px;border-radius:var(--radius-sm)}.project-details{flex:1}.project-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.project-date{font-size:var(--font-size-xs);color:var(--text-muted)}.team-member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.team-member:last-child{border-bottom:none}.member-info{flex:1}.member-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.member-task{font-size:var(--font-size-xs);color:var(--text-muted)}.member-task strong{color:var(--primary-600)}.time-tracker{background:var(--gradient-wave);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;position:relative;overflow:hidden}.time-tracker:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q25 30 50 50 T100 50 V100 H0Z' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");background-size:cover}.time-tracker h4{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-3);position:relative;z-index:1}.time-display{font-size:var(--font-size-4xl);font-weight:700;font-family:Courier New,monospace;position:relative;z-index:1}.time-controls{display:flex;gap:var(--space-3);margin-top:var(--space-4);position:relative;z-index:1}.time-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.time-btn.pause{background:#fff3;color:#fff}.time-btn.pause:hover{background:#ffffff4d}.time-btn.stop{background:var(--status-error);color:#fff}.time-btn.stop:hover{background:#d32f2f}.reminder-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card)}.reminder-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-3)}.reminder-meeting h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.reminder-time{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.dashboard-layout{display:flex;min-height:100vh;padding:var(--space-5);gap:var(--space-5);background:var(--bg-main)}@media (max-width: 1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{display:none}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.dashboard-layout{padding:var(--space-3)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.login-page{display:flex;min-height:100vh;background:var(--bg-main)}.login-left{flex:1;background:linear-gradient(135deg,#022c22,#14532d);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-10);z-index:1}.siri-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;z-index:0;pointer-events:none;filter:blur(50px);opacity:.8}.siri-blob{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;mix-blend-mode:screen;animation:siri-rotate 10s infinite linear}.siri-blob-1{background:radial-gradient(circle at 30% 30%,rgba(52,211,153,.6),transparent 60%);animation:siri-drift 8s infinite ease-in-out alternate}.siri-blob-2{background:radial-gradient(circle at 70% 30%,rgba(20,184,166,.6),transparent 60%);animation:siri-drift 12s infinite ease-in-out alternate-reverse}.siri-blob-3{background:radial-gradient(circle at 50% 80%,rgba(132,204,22,.5),transparent 60%);animation:siri-drift 10s infinite ease-in-out alternate}.siri-blob-4{background:radial-gradient(circle at 80% 80%,rgba(45,212,191,.5),transparent 60%);animation:siri-drift 14s infinite ease-in-out alternate-reverse}.siri-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(20px);mix-blend-mode:overlay;animation:siri-pulse 3s infinite ease-in-out}@keyframes siri-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}to{transform:translate(-20px,20px) scale(.9)}}@keyframes siri-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}}.login-left-content{position:relative;z-index:2;max-width:480px;color:#fff}.brand-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12)}.logo-icon{width:48px;height:48px}.logo-icon svg{width:100%;height:100%}.brand-name{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.5px}.hero-content h1{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:var(--font-size-lg);opacity:.9;line-height:1.7;margin-bottom:var(--space-8)}.features-list{display:flex;flex-direction:column;gap:var(--space-4)}.feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);opacity:.95}.feature-icon{width:24px;height:24px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.decorative-circles,.wave-pattern{display:none}.wave-pattern svg{width:100%;height:100%}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10);background:#fff}.login-form-container{width:100%;max-width:420px;animation:fadeIn .6s ease forwards}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.form-header p{color:var(--text-muted);font-size:var(--font-size-base)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:var(--space-4);color:var(--text-muted);pointer-events:none;z-index:1}.input-field.with-icon{padding-left:calc(var(--space-4) + 28px);padding-right:var(--space-4);width:100%}.password-toggle{position:absolute;right:var(--space-4);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--primary-600)}.form-options{display:flex;justify-content:space-between;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--neutral-400);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkbox-label input:checked+.checkbox-custom{background:var(--primary-600);border-color:var(--primary-600)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.forgot-link{font-size:var(--font-size-sm);color:var(--primary-600);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.forgot-link:hover{color:var(--primary-700);text-decoration:underline}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-button);margin-top:var(--space-2)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2d8b5e80}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.8}.login-btn.loading{pointer-events:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--neutral-200)}.divider span{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.social-login{display:flex;gap:var(--space-4)}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.social-btn:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-1px)}.signup-link{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--text-muted)}.signup-link a{color:var(--primary-600);font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media (max-width: 992px){.login-left{display:none}.login-right{padding:var(--space-6)}}@media (max-width: 480px){.form-header h2{font-size:var(--font-size-2xl)}.social-login{flex-direction:column}.form-options{flex-direction:column;gap:var(--space-3);align-items:flex-start}}