@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");:root{--color-primary:#06c;--color-primary-focus:#0071e3;--color-primary-on-dark:#2997ff;--color-canvas:#fff;--color-canvas-parchment:#f5f5f7;--color-surface-pearl:#fafafc;--color-surface:#fff;--color-tile-1:#272729;--color-tile-2:#2a2a2c;--color-tile-3:#252527;--color-surface-black:#000;--color-ink:#1d1d1f;--color-body-on-dark:#fff;--color-body-muted:#ccc;--color-ink-muted-80:#333;--color-ink-muted-48:#7a7a7a;--color-hairline:#e0e0e0;--color-divider-soft:rgba(0,0,0,.04)}:root[data-theme=dark]{--color-canvas:#121212;--color-canvas-parchment:#18181b;--color-surface-pearl:#27272a;--color-tile-1:#18181b;--color-tile-2:#27272a;--color-tile-3:#3f3f46;--color-ink:#e4e4e7;--color-ink-muted-80:#a1a1aa;--color-ink-muted-48:#71717a;--color-primary:#2997ff;--color-hairline:#27272a;--color-divider-soft:hsla(0,0%,100%,.05);--color-surface:#18181b}:root{--font-family:"Inter",system-ui,-apple-system,sans-serif;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:17px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:80px;--rounded-none:0px;--rounded-xs:5px;--rounded-sm:8px;--rounded-md:11px;--rounded-lg:18px;--rounded-pill:9999px;--rounded-full:50%;--shadow-product:rgba(0,0,0,.22) 3px 5px 30px 0px;--shadow-hairline:0 0 0 1px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-hero-display{font:600 56px/1.07 var(--font-family);letter-spacing:-.28px}@media (max-width:1068px){.text-hero-display{font-size:40px}}@media (max-width:640px){.text-hero-display{font-size:34px}}@media (max-width:419px){.text-hero-display{font-size:28px}}.text-display-lg{font:600 40px/1.1 var(--font-family)}.text-display-md{font:600 34px/1.47 var(--font-family);letter-spacing:-.374px}.text-lead{font:400 28px/1.14 var(--font-family);letter-spacing:.196px}.text-tagline{font:600 21px/1.19 var(--font-family);letter-spacing:.231px}.text-body-strong{font:600 17px/1.47 var(--font-family);letter-spacing:-.374px}.text-body{font:400 17px/1.47 var(--font-family);letter-spacing:-.374px}.text-caption{font:400 14px/1.43 var(--font-family);letter-spacing:-.224px}.text-caption-strong{font:600 14px/1.29 var(--font-family);letter-spacing:-.224px}.text-button-large{font:300 18px/1 var(--font-family)}.text-button-utility{font:400 14px/1.29 var(--font-family);letter-spacing:-.224px}.text-fine-print,.text-nav-link{font:400 12px/1 var(--font-family);letter-spacing:-.12px}.dark-tile{background-color:var(--color-tile-1);color:var(--color-body-on-dark)}.interactive-scale{transition:transform .2s ease-in-out}.interactive-scale:active{transform:scale(.95)}.btn-primary{background:var(--color-primary);color:#fff;font:var(--text-body);border-radius:var(--rounded-pill);padding:11px 22px;border:none;cursor:pointer;transition:transform 80ms ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary:active{transform:scale(.95)}.btn-primary:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px}.btn-secondary-pill{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--rounded-pill);padding:11px 22px;font:var(--text-body);cursor:pointer;transition:transform 80ms ease;display:inline-flex;align-items:center;justify-content:center}.btn-secondary-pill:active{transform:scale(.95)}.btn-utility{background:var(--color-ink);color:var(--color-body-on-dark);font:var(--text-button-utility);border-radius:var(--rounded-sm);padding:8px 15px;border:none;cursor:pointer;transition:transform 80ms ease;display:inline-flex;align-items:center;justify-content:center}.btn-utility:active{transform:scale(.95)}.btn-icon-circular{width:44px;height:44px;background:hsla(240,6%,83%,.64);border-radius:var(--rounded-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 80ms ease}.btn-icon-circular:active{transform:scale(.95)}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-field,.input-label{color:var(--color-ink)}.input-field{padding:12px 16px;border:1px solid var(--color-hairline);border-radius:var(--rounded-md);font:var(--text-body);outline:none;transition:border-color .2s,box-shadow .2s;background:var(--color-canvas)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,102,204,.15)}.input-error{border-color:#ff3b30}.input-error-text{color:#ff3b30}.product-tile-dark{background:var(--color-tile-1);color:var(--color-body-on-dark);padding:var(--spacing-section) 0;width:100%;border-radius:var(--rounded-none);text-align:center}.product-tile-dark a{color:var(--color-primary-on-dark)}.product-tile-light{background:var(--color-canvas);color:var(--color-ink);padding:var(--spacing-section) 0}.utility-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg)}.utility-card img{border-radius:var(--rounded-sm)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--spacing-lg)}.modal-content{background:var(--color-canvas);border-radius:var(--rounded-lg);box-shadow:0 10px 30px rgba(0,0,0,.2);width:100%;max-width:480px;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-hairline);display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:none;font-size:24px;line-height:1;color:var(--color-ink-muted-48);cursor:pointer;padding:4px}.modal-close:hover{color:var(--color-ink)}.modal-body{padding:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--rounded-pill);font:var(--text-fine-print);font-weight:600;text-transform:uppercase}.badge-neutral{background:var(--color-hairline);color:var(--color-ink)}.badge-success{background:#e3f5eb;color:#1e7e44}.badge-warning{background:#fff5cc;color:#997000}.badge-error{background:#ffebeb;color:#c00}.app-spinner{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-hairline);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.avatar{border-radius:var(--rounded-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-hairline);color:var(--color-ink-muted-80)}.avatar-sm{width:32px;height:32px}.avatar-md{width:44px;height:44px}.avatar-lg{width:64px;height:64px}.avatar-img{width:100%;height:100%;object-fit:cover}.auth-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);background-color:var(--color-tile-1);background-image:url(/bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.auth-layout:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0}.auth-card-container{position:relative;z-index:1;width:100%;max-width:440px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-xl);box-shadow:0 10px 40px rgba(0,0,0,.2)}.auth-title{font:var(--text-display-md);color:var(--color-ink);text-align:center;margin-bottom:var(--spacing-xs)}.auth-subtitle{font:var(--text-body);color:var(--color-ink-muted-48);text-align:center;margin-bottom:var(--spacing-xl)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:#ffebeb;color:#c00;border-radius:var(--rounded-sm);font:var(--text-caption-strong);text-align:center}.auth-footer-text{text-align:center;margin-top:var(--spacing-lg);font:var(--text-caption);color:var(--color-ink-muted-80)}.auth-footer-link{font:var(--text-caption-strong);color:var(--color-primary);text-decoration:none;margin-left:4px}.auth-footer-link:hover{text-decoration:underline}.auth-btn-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.dash-layout-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-canvas)}.dash-main-container{display:flex;flex:1 1}.dash-main-content{flex:1 1;min-width:0;padding:var(--spacing-lg) var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}.global-nav{height:44px;background-color:var(--color-surface-black);color:var(--color-body-on-dark);justify-content:space-between;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.global-nav,.global-nav-left{display:flex;align-items:center}.mobile-menu-btn{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.global-nav-logo{font:var(--text-body-strong);font-weight:600;letter-spacing:.5px;color:var(--color-body-on-dark);text-decoration:none}.global-nav-center{display:none;align-items:center;gap:var(--spacing-xl)}@media (min-width:834px){.global-nav-center{display:flex}}.global-nav-link{font:var(--text-nav-link);color:var(--color-body-muted);text-decoration:none;transition:color .2s}.global-nav-link.active,.global-nav-link:hover{color:var(--color-body-on-dark)}.global-nav-right{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-icon-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-body-muted);background:transparent;border:none;cursor:pointer;transition:color .2s}.nav-icon-btn:hover{color:var(--color-body-on-dark)}.nav-badge{position:absolute;top:10px;right:12px;width:8px;height:8px;background-color:var(--color-primary);border-radius:var(--rounded-full)}.dash-sidebar{width:240px;display:flex;flex-direction:column;height:calc(100vh - 44px);background-color:var(--color-canvas-parchment);border-right:1px solid var(--color-hairline);position:-webkit-sticky;position:sticky;top:44px;margin-left:-240px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap}.dash-sidebar.open{margin-left:0}.dash-sidebar-menu{flex:1 1;padding:var(--spacing-lg) var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--rounded-sm);text-decoration:none;transition:background-color .15s,color .15s;color:var(--color-ink-muted-80)}.sidebar-item:hover{background-color:#e8e8ed}.sidebar-item.active{background-color:rgba(0,102,204,.08);color:var(--color-primary);font-weight:600}.sidebar-item-icon{width:20px;height:20px;margin-right:12px;color:var(--color-ink-muted-48)}.sidebar-item.active .sidebar-item-icon{color:var(--color-primary)}.dash-sidebar-footer{padding:var(--spacing-sm) 0}@media (max-width:768px){.mobile-menu-btn{display:flex;color:var(--color-body-on-dark);margin-right:12px}.dash-sidebar{position:fixed;top:44px;left:0;bottom:0;margin-left:0;width:240px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50}.dash-sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;top:44px}}.dash-sidebar-footer{border-top:1px solid var(--color-hairline);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.user-profile-mini{margin-bottom:var(--spacing-sm);width:100%}.user-profile-avatar,.user-profile-mini{display:flex;align-items:center;justify-content:center}.user-profile-avatar{width:40px;height:40px;border-radius:var(--rounded-full);background-color:var(--color-primary);color:#fff;font:var(--text-body-strong)}.user-profile-info{margin-left:12px;overflow:hidden;text-align:left}.user-profile-name{font:var(--text-caption-strong)}.user-profile-email,.user-profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{font:var(--text-fine-print);color:var(--color-ink-muted-48)}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--rounded-sm);cursor:pointer;color:var(--color-ink-muted-80);font:var(--text-body);transition:background-color .15s}.sidebar-logout-btn:hover{background-color:#e8e8ed}.sidebar-logout-btn svg{margin-right:12px;color:var(--color-ink-muted-48)}.dash-table{width:100%;min-width:600px;border-collapse:collapse}.dash-table td,.dash-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-hairline);font:var(--text-body);color:var(--color-ink-muted-80)}.dash-table th{font:var(--text-caption-strong);color:var(--color-ink);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-canvas-parchment)}.dash-table tbody tr:hover{background-color:rgba(0,0,0,.02)}:root[data-theme=dark] .dash-table tbody tr:hover{background-color:hsla(0,0%,100%,.02)}.dash-header{margin-bottom:var(--spacing-xl)}.dash-header-title{font:var(--text-display-lg);color:var(--color-ink);margin-bottom:var(--spacing-xs)}.dash-header-subtitle{font:var(--text-lead);color:var(--color-ink-muted-48)}.dash-section{margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.cam-balance-widget{background-color:var(--color-tile-1);color:#fff;padding:40px 20px;border-radius:var(--rounded-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-product)}.cam-balance-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background-color:var(--color-primary);border-radius:50%;filter:blur(100px);opacity:.2;pointer-events:none}.cam-balance-label{font:var(--text-caption-strong);color:var(--color-body-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--spacing-sm);z-index:1}.cam-balance-value-row{display:flex;align-items:baseline;gap:8px;z-index:1}.cam-balance-number{font-weight:600;font-size:56px;line-height:1.07;letter-spacing:-.5px}.cam-balance-currency{font:var(--text-display-md);color:var(--color-primary)}.cam-balance-vnd{margin-top:var(--spacing-md);font:var(--text-body);color:#7a7a7a;z-index:1}.stats-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);padding:var(--spacing-lg);border-radius:var(--rounded-lg);display:flex;flex-direction:column}.stats-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stats-card-icon-wrapper{width:40px;height:40px;border-radius:var(--rounded-full);background-color:var(--color-canvas-parchment);display:flex;align-items:center;justify-content:center}.stats-card-icon-wrapper svg{color:var(--color-primary);width:20px;height:20px}.stats-card-trend{font:var(--text-caption-strong)}.stats-card-trend.positive{color:#1e7e44}.stats-card-title,.stats-card-trend.neutral{color:var(--color-ink-muted-48)}.stats-card-title{font:var(--text-caption);margin-bottom:4px}.stats-card-value{font:var(--text-display-md);color:var(--color-ink)}.empty-state-box{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:32px;text-align:center;color:var(--color-ink-muted-48);font:var(--text-body)}.dash-form-group{margin-bottom:var(--spacing-lg)}.dash-label{display:block;font:var(--text-caption-strong);color:var(--color-ink);margin-bottom:var(--spacing-sm)}.dash-input{width:100%;background-color:var(--color-canvas-parchment);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:12px 16px;font:var(--text-body);color:var(--color-ink);transition:border-color .2s,box-shadow .2s;outline:none}.dash-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.dash-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--rounded-pill);font:var(--text-body-strong);cursor:pointer;transition:transform .2s,background-color .2s,opacity .2s;border:none;outline:none}.dash-btn:active{transform:scale(.98)}.dash-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dash-btn-primary{background-color:var(--color-primary);color:#fff}.dash-btn-primary:hover:not(:disabled){opacity:.9}.dash-alert{padding:16px;border-radius:var(--rounded-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;font:var(--text-body-strong)}.dash-alert-success{background-color:#e8f5e9;color:#1e7e44;border:1px solid #c8e6c9}.dash-alert-error{background-color:#ffebeb;color:#c00;border:1px solid #ffcdd2}.dash-alert-warning{background-color:#fff8e1;color:#b28900;border:1px solid #ffecb3}:root[data-theme=dark] .dash-alert-success{background-color:rgba(30,126,68,.15);color:#4ade80;border-color:rgba(30,126,68,.3)}:root[data-theme=dark] .dash-alert-error{background-color:rgba(204,0,0,.15);color:#f87171;border-color:rgba(204,0,0,.3)}:root[data-theme=dark] .dash-alert-warning{background-color:rgba(202,138,4,.15);color:#facc15;border-color:rgba(202,138,4,.3)}.dash-alert-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0}.dash-tab-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:8px}.dash-tab{display:flex;align-items:center;padding:12px 24px;border-radius:var(--rounded-pill);font:var(--text-body-strong);white-space:nowrap;transition:all .2s;cursor:pointer;background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-ink-muted-80)}.dash-tab:hover{background-color:#f5f5f7}.dash-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.landing-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-canvas)}.landing-main{flex:1 1}.hero-section{background-color:var(--color-tile-1);background-image:url(/landingbg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;color:var(--color-body-on-dark);padding:120px 20px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:0}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-family:var(--font-family);font-weight:700;font-size:80px;line-height:1.05;letter-spacing:-1px;margin-bottom:var(--spacing-md);background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.5)}@media (max-width:768px){.hero-title{font-size:56px}}.hero-subtitle{font:var(--text-lead);color:var(--color-body-muted);margin-bottom:var(--spacing-xxl);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features-section{background-color:var(--color-canvas);padding:120px 20px;text-align:center}.features-header{margin-bottom:80px}.features-title{font:var(--text-display-lg);color:var(--color-ink);margin-bottom:var(--spacing-sm)}.features-subtitle{font:var(--text-lead);color:var(--color-ink-muted-48)}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;max-width:1000px;margin:0 auto}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{flex-direction:column;padding:var(--spacing-lg)}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{width:64px;height:64px;background-color:var(--color-canvas-parchment);border-radius:var(--rounded-full);justify-content:center;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.feature-icon svg{width:32px;height:32px}.feature-item-title{font:var(--text-tagline);color:var(--color-ink);margin-bottom:var(--spacing-xs)}.feature-item-desc{font:var(--text-body);color:var(--color-ink-muted-48)}.landing-footer{background-color:var(--color-canvas-parchment);padding:60px 20px;text-align:center;border-top:1px solid var(--color-hairline)}.landing-footer-text{font:var(--text-caption);color:var(--color-ink-muted-48)}