@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Outfit:wght@100..900&display=swap";@font-face{font-family:Canela;src:local(Canela),local(Canela-Regular),url(https://fonts.cdnfonts.com/s/91030/CanelaRegular.woff)format("woff");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}:root{--color-white:#fff;--color-dark:#0f172a;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-accent:#3c627d;--color-accent-hover:#2d4c62;--color-accent-glow:#3c627d26;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b26;--color-danger:#ef4444;--color-info:#3b82f6;--color-text:#1e293b;--color-text-muted:#64748b;--font-serif:"Canela", "EB Garamond", serif;--font-sans:"Outfit", sans-serif;--font-canela:"Canela", "EB Garamond", serif;--glass-bg:#ffffffd9;--glass-border:#3c627d14;--glass-blur:blur(16px);--radius:16px;--radius-sm:10px;--shadow-glow:0 10px 30px #3c627d0a;--transition:.3s cubic-bezier(.4, 0, .2, 1);--border-light:#e2e8f0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.login-container{background:radial-gradient(ellipse 80% 60% at 50% 0%, #6366f114, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 100%, #10b9810d, transparent 50%), var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius);width:100%;max-width:420px;padding:48px 40px;animation:.6s ease-out fadeInUp;box-shadow:0 20px 40px #0f172a0d}.login-card .brand{text-align:center;margin-bottom:40px}.login-card .brand h1{font-family:var(--font-serif);letter-spacing:.08em;color:var(--color-dark);font-size:2.6rem;font-weight:500}.login-card .brand p{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:6px;font-size:.85rem}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.form-group input{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--color-dark);font-family:var(--font-sans);transition:var(--transition);outline:none;padding:14px 16px;font-size:.95rem}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-group input::placeholder{color:#94a3b8}.login-btn{background:linear-gradient(135deg, var(--color-accent), #4f46e5);border-radius:var(--radius-sm);width:100%;color:var(--color-white);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);letter-spacing:.03em;border:none;margin-top:8px;padding:14px;font-size:.95rem;font-weight:600}.login-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.login-btn:active{transform:translateY(0)}.login-error{color:var(--color-danger);text-align:center;margin-top:16px;font-size:.85rem;animation:.4s ease-in-out shake}.dashboard{background:var(--color-bg);min-height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--border-light);z-index:100;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:36px 24px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;margin-bottom:40px;display:flex}.sidebar-logo img{height:38px;display:block}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.sidebar-menu-item{color:var(--color-text-muted);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.sidebar-menu-item:hover{background:var(--color-surface-2);color:var(--color-accent)}.sidebar-menu-item.active{background:var(--color-accent-glow);color:var(--color-accent)}.sidebar-footer{border-top:1px solid var(--border-light);padding-top:24px}.logout-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);letter-spacing:.04em;background:0 0;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.88rem;font-weight:600;display:flex}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44440d}.mobile-header{background:var(--color-surface);border-bottom:1px solid var(--border-light);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:none;position:sticky;top:0}.mobile-header img{height:32px}.hamburger-btn{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.5rem;display:flex}.hamburger-btn:hover{background:var(--color-surface-2)}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0f172a4d;animation:.25s ease-out forwards fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--color-surface);z-index:1001;flex-direction:column;width:280px;padding:32px 24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000014}.mobile-drawer-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mobile-drawer-header img{width:auto;height:32px;display:block}.close-btn{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:1.6rem;display:flex}.close-btn:hover{background:var(--color-surface-2)}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{transform:translate(0)}}.dashboard-content{width:100%;max-width:1440px;margin:0 auto;padding:40px}.dashboard-title{font-family:var(--font-serif);color:var(--color-accent);margin-bottom:8px;font-size:2.2rem;font-weight:500}.dashboard-subtitle{color:var(--color-text-muted);margin-bottom:32px;font-size:.88rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:1rem;display:flex}.metric-card.accent .metric-icon{color:var(--color-accent);background:#3c627d1a}.metric-card.success .metric-icon{background:var(--color-success-bg);color:var(--color-success)}.metric-card.warning .metric-icon{background:var(--color-warning-bg);color:var(--color-warning)}.metric-card.info .metric-icon{color:var(--color-info);background:#3b82f61a}.sidebar-icon{flex-shrink:0;width:16px!important}.metric-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius);transition:var(--transition);padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.metric-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.metric-card.accent:before{background:var(--color-accent)}.metric-card.success:before{background:var(--color-success)}.metric-card.warning:before{background:var(--color-warning)}.metric-card.info:before{background:var(--color-info)}.metric-card:hover{border-color:var(--color-accent-glow);transform:translateY(-3px);box-shadow:0 10px 20px #6366f10d}.metric-card .metric-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:12px;font-size:.78rem;font-weight:600}.metric-card .metric-value{color:var(--color-dark);font-size:2.2rem;font-weight:700;line-height:1}.referral-highlight-box{border-radius:var(--radius);background:linear-gradient(135deg,#6366f108,#10b98108);border:1px dashed #6366f133;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;padding:24px;display:grid}.ref-highlight-item{flex-direction:column;display:flex}.ref-highlight-label{color:var(--color-text-muted);margin-bottom:6px;font-size:.8rem}.ref-highlight-value{color:var(--color-dark);font-size:1.4rem;font-weight:700}.section-title{font-family:var(--font-canela);color:var(--color-accent);align-items:center;gap:8px;margin-top:24px;margin-bottom:16px;font-size:1.45rem;font-weight:500;display:flex}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:24px;margin-bottom:32px;display:grid}.chart-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius);transition:var(--transition);padding:28px;box-shadow:0 4px 6px -1px #00000005}.chart-card:hover{box-shadow:0 10px 15px -3px #0000000d}.chart-card h3{font-family:var(--font-sans);color:var(--color-dark);letter-spacing:.02em;margin-bottom:20px;font-size:.95rem;font-weight:600}.table-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:32px;padding:28px;overflow-x:auto;box-shadow:0 4px 6px -1px #00000005}.table-card h3{color:var(--color-dark);margin-bottom:20px;font-size:.95rem;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);border-bottom:1px solid var(--border-light);background:var(--color-surface-2);padding:12px 16px;font-size:.72rem;font-weight:600}.data-table td{color:var(--color-text);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:.88rem}.data-table tr:hover td{background:var(--color-surface-2)}.data-table .badge{letter-spacing:.04em;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge.mobile{color:var(--color-accent);background:#6366f11a}.badge.desktop{color:var(--color-success);background:#10b9811a}.badge.tablet{color:var(--color-warning);background:#f59e0b1a}.badge.unknown{color:var(--color-text-muted);background:#64748b1a}.loading-container{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.spinner{border:3px solid var(--border-light);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out both fadeInUp}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}@media (width<=768px){.sidebar{display:none}.mobile-header{display:flex}.dashboard{flex-direction:column}.dashboard-content{padding:24px 16px}.charts-grid{grid-template-columns:1fr}.login-card{padding:36px 28px}.dashboard-title{font-size:1.6rem}.referral-highlight-box{grid-template-columns:1fr}}.brand-logo-tint{filter:invert(37%)sepia(21%)saturate(983%)hue-rotate(164deg)brightness(94%)contrast(89%)}