@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary:#5e6ad2;--color-primary-hover:#4a55ab;--color-primary-light:#e0e4fc;--color-primary-bg:#f5f7ff;--color-primary-50:#f5f7ff;--color-primary-100:#e0e4fc;--color-primary-600:#5e6ad2;--color-primary-700:#4a55ab;--color-bg:#fcfcfd;--color-bg-mesh:radial-gradient(at 0% 0%, #5e6ad20a 0px, transparent 50%), radial-gradient(at 100% 100%, #5e6ad20a 0px, transparent 50%);--color-surface:#ffffffa6;--color-surface-hover:#ffffffe6;--color-border:#0000000f;--color-border-light:#00000008;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-success:#10b981;--color-success-bg:#10b9811a;--color-success-text:#065f46;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-text:#92400e;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-text:#991b1b;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-text:#1e40af;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000008, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000008, 0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #00000008, 0 10px 10px -5px #00000005;--shadow-glow:0 0 20px #5e6ad226;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1);--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);background-image:var(--color-bg-mesh);color:var(--color-text-primary);background-attachment:fixed;min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.app-layout{min-height:100vh;display:flex}.app-main{padding:var(--space-6) var(--space-8);flex:1;max-width:100%;overflow-y:auto}@media (width>=1024px){.app-main{padding:var(--space-12)}}.page-container{max-width:1200px;margin:0 auto}.bento-card{background-color:var(--color-surface);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);border:1px solid var(--color-border)}.bento-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#5e6ad233;transform:translateY(-4px)}.bento-card--flat{box-shadow:var(--shadow-sm)}.bento-card--flat:hover{box-shadow:var(--shadow-md);transform:none}.bento-card--dark{background-color:var(--color-text-primary);color:var(--color-text-inverse);border-color:#0000;position:relative;overflow:hidden}.bento-card--dark:before{content:"";background:var(--color-primary);opacity:.15;filter:blur(60px);border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.sidebar{width:var(--sidebar-width);background:var(--color-surface);-webkit-backdrop-filter:blur(30px);border-right:1px solid var(--color-border);padding:var(--space-8);gap:var(--space-8);z-index:40;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--hidden{transform:translate(-100%)}@media (width>=1024px){.sidebar{top:var(--space-4);height:calc(100vh - var(--space-8));margin:var(--space-4) 0 var(--space-4) var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);position:sticky;transform:none}.app-main{padding:var(--space-8) var(--space-12);margin-left:0}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0000004d;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:auto}.sidebar__logo{font-size:var(--font-size-xl);letter-spacing:-.025em;color:var(--color-text-primary);font-weight:800}.sidebar__logo span{color:var(--color-primary)}.sidebar__section-title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600}.sidebar__nav{gap:var(--space-6);min-height:0;padding-right:var(--space-2);margin-right:calc(var(--space-2) * -1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar__nav-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.sidebar__nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar__nav-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translate(2px)}.sidebar__nav-link--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.sidebar__nav-link--active:before{content:"";background:var(--color-primary);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:20%;left:0}.sidebar__nav-link--active:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translate(0)}.sidebar__nav-icon{flex-shrink:0;width:20px;height:20px}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-8);flex-direction:column;justify-content:space-between;min-height:160px;display:flex}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:500}.stat-card__value{font-size:var(--font-size-5xl);color:var(--color-text-primary);margin-top:var(--space-4);font-weight:800;line-height:1}.stat-card__unit{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-left:var(--space-2);font-weight:500}.stat-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-4)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.5;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success-text)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge--info{background:var(--color-info-bg);color:var(--color-info-text)}.badge--neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:var(--color-text-inverse);border:1px solid var(--color-primary-hover);box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff26}.btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px #5e6ad24d,inset 0 1px #fff3}.btn--primary:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a}.btn--secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover{filter:brightness(.9)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover{filter:brightness(.9)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-10);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.table-container{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-4) var(--space-6);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-bg);font-weight:600}.table td{padding:var(--space-4) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg)}.table__name{color:var(--color-text-primary);font-weight:600}.table__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.score-bar{background:var(--color-border-light);border-radius:var(--radius-full);vertical-align:middle;width:80px;height:6px;margin-right:var(--space-2);display:inline-block;overflow:hidden}.score-bar__fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.score-bar__fill--high{background:var(--color-success)}.score-bar__fill--medium{background:var(--color-warning)}.score-bar__fill--low{background:var(--color-danger)}.section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.section-header__title{font-size:var(--font-size-2xl);color:var(--color-text-primary);letter-spacing:-.025em;font-weight:700}.section-header__action{font-size:var(--font-size-sm);color:var(--color-primary);transition:opacity var(--transition-fast);font-weight:600}.section-header__action:hover{opacity:.8}.page-header{margin-bottom:var(--space-12)}.page-header__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);display:flex}.page-header__breadcrumb-current{color:var(--color-text-secondary)}.page-header__title{font-size:var(--font-size-3xl);color:var(--color-text-primary);letter-spacing:-.03em;font-weight:800;line-height:1.2}@media (width>=1024px){.page-header__title{font-size:var(--font-size-4xl)}}.page-header__title span{color:var(--color-primary)}.sync-indicator{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.sync-indicator__dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.sync-indicator__dot--active{background:var(--color-success)}.sync-indicator__dot--error{background:var(--color-danger);animation:none}.sync-indicator__dot--pending{background:var(--color-warning)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-text-muted);opacity:.4}.empty-state__title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:320px;margin:0 auto}.mobile-menu-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover{background:var(--color-surface-hover)}@media (width>=1024px){.mobile-menu-btn{display:none}}.filters-bar{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;font-weight:500;display:inline-flex}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--color-text-muted)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);display:flex}.activity-item:last-child{border-bottom:none}.activity-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-item__icon--sync{background:var(--color-info-bg);color:var(--color-info-text)}.activity-item__icon--lead{background:var(--color-success-bg);color:var(--color-success-text)}.activity-item__icon--error{background:var(--color-danger-bg);color:var(--color-danger-text)}.activity-item__content{flex:1;min-width:0}.activity-item__title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.activity-item__time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-in{animation:.3s forwards slideInRight}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.app-main{padding:var(--space-4)}.bento-card{border-radius:var(--radius-lg)}.stat-card__value{font-size:var(--font-size-4xl)}}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-orb{filter:blur(80px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.login-bg-orb--1{background:var(--color-primary);opacity:.08;width:400px;height:400px;animation:8s ease-in-out infinite orb-float;top:-120px;right:-80px}.login-bg-orb--2{background:var(--color-success);opacity:.06;width:300px;height:300px;animation:10s ease-in-out infinite reverse orb-float;bottom:-100px;left:-60px}.login-bg-orb--3{background:var(--color-warning);opacity:.05;width:200px;height:200px;animation:12s ease-in-out 2s infinite orb-float;top:40%;left:60%}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}.login-container{width:100%;max-width:420px;padding:var(--space-6);z-index:1;position:relative}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-card{padding:var(--space-10)}.login-card:hover{transform:none}.login-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-6);font-weight:500;animation:.2s fadeIn;display:flex}.login-field{margin-bottom:var(--space-5)}.login-field label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:600;display:block}.login-input-wrap{position:relative}.login-input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.login-submit{width:100%;padding:var(--space-4);font-size:var(--font-size-base);margin-top:var(--space-2)}.login-switch{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-switch-btn{color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.login-switch-btn:hover{opacity:.8}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px -3px #2563eb66}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px -3px #2563eb80}