@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@font-face{font-family:SF Pro Display;src:local(SF Pro Display),url(https://github.com/sahibjotsaggu/San-Francisco-Pro-Fonts/blob/master/SF-Pro-Display-Regular.otf?raw=true)format("opentype")}:root{--background:#09090b;--background-secondary:#0c0c0e;--card:#131316;--card-hover:#1a1a1c;--border:#ffffff1a;--border-hover:#fff3;--text-primary:#fffffff2;--text-secondary:#ffffffbf;--text-muted:#ffffff8c;--text-faint:#ffffff73;--muted:#ffffff8c;--muted-foreground:#ffffff73;--foreground:#fffffff2;--accent:#fc7924;--accent-hover:#e56a1a;--accent-foreground:#000;--accent-subtle:#fc79241a;--accent-border:#fc79244d;--accent-glow:#fc792414;--status-idle:#ffffff73;--status-success:#86efac;--status-warning:#fcd34d;--status-error:#fca5a5;--status-info:#7dd3fc;--highlight-purple:#8b5cf626;--highlight-purple-border:#8b5cf64d;--font-primary:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*,:before,:after{font-family:var(--font-primary);box-sizing:border-box}html,body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);letter-spacing:.76px;margin:0;padding:0}button,input,select,textarea{font-family:var(--font-primary)}*{-webkit-user-select:none;user-select:none}:focus{outline:0!important}.login-root{background:var(--background);width:100%;min-height:100vh;font-family:var(--font-primary);justify-content:center;align-items:center;padding:32px 16px;display:flex;position:relative;overflow:hidden}.login-bg-orb{filter:blur(80px);opacity:.35;pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.login-bg-orb-1{background:linear-gradient(135deg,#fc7924 0%,#f97316 50%,#e56a1a 100%);width:400px;height:400px;animation:12s ease-in-out infinite orbit1,4s ease-in-out infinite pulse1;top:-100px;left:-100px}.login-bg-orb-2{opacity:.25;background:linear-gradient(135deg,#fc7924 0%,#f97316 50%,#e56a1a 100%);width:350px;height:350px;animation:15s ease-in-out infinite orbit2,5s ease-in-out infinite pulse2;bottom:-100px;right:-80px}@keyframes orbit1{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(80px,60px)rotate(90deg)}50%{transform:translate(40px,120px)rotate(180deg)}75%{transform:translate(-40px,60px)rotate(270deg)}}@keyframes orbit2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-60px,-80px)rotate(-90deg)}50%{transform:translate(-120px,-40px)rotate(-180deg)}75%{transform:translate(-60px,40px)rotate(-270deg)}}@keyframes pulse1{0%,to{opacity:.35;filter:blur(80px)}50%{opacity:.5;filter:blur(60px)}}@keyframes pulse2{0%,to{opacity:.25;filter:blur(90px)}50%{opacity:.35;filter:blur(70px)}}.login-form-section{z-index:10;width:100%;max-width:460px;position:relative}.login-form-wrapper{background:var(--card);border:1px solid var(--border);border-radius:6px;width:100%;padding:32px;box-shadow:0 4px 24px #00000080}.login-form-header{text-align:left;margin-bottom:28px}.login-form-header h2{color:var(--text-primary);font-size:24px;font-weight:700;font-family:var(--font-primary);margin:0 0 8px}.login-form-header p{color:var(--text-muted);margin:0;font-size:14px;font-weight:400}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.login-input-wrapper{border:1px solid var(--border);background:#ffffff08;border-radius:3px;transition:all .1s;position:relative}.login-input-wrapper:focus-within{box-shadow:0 0 0 2px var(--accent-glow);border-color:#fc792466}.login-input-wrapper:hover:not(:focus-within){border-color:var(--border-hover)}.login-input{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-primary);letter-spacing:normal;background:0 0;border:none;border-radius:3px;padding:12px 14px}.login-input::placeholder{color:var(--text-faint);font-family:var(--font-primary);letter-spacing:normal;font-size:14px}.login-input:focus{outline:none}.login-submit-btn{background:var(--accent);width:100%;color:var(--accent-foreground);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-primary);border:none;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #fc79244d}.login-submit-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 12px #fc792459}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn-loading{color:var(--accent-foreground);background:var(--accent-hover)}.login-submit-btn-loading:after{content:"";pointer-events:none;background:linear-gradient(120deg,#fff0 0%,#ffffff24 45%,#fff0 90%);animation:1.2s linear infinite login-btn-shimmer;position:absolute;inset:0}@keyframes login-btn-shimmer{0%{transform:translate(-80%)}to{transform:translate(80%)}}.login-form-footer{justify-content:center;margin-top:6px;display:flex}.login-hint{color:var(--text-faint);margin:0;font-size:12px}.form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.form-success h3{color:var(--text-primary);margin:12px 0 8px;font-size:20px;font-weight:500}.form-success p{color:var(--text-muted);margin:0;font-size:14px}.landing-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;padding:0 32px;display:flex;position:relative}.landing-content{text-align:center;font-family:var(--font-primary);flex-direction:column;align-items:center;gap:8px;display:flex}.landing-title-wrapper{justify-content:center;align-items:center;gap:12px;display:flex}.landing-logo-icon{object-fit:contain;width:24px;height:24px}.landing-title{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.1;font-family:var(--font-primary);letter-spacing:2px;text-transform:uppercase;margin:0}.landing-version-pill{background:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-primary);color:var(--accent);letter-spacing:.5px;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.landing-title-chinese{color:var(--text-muted);opacity:.9;font-size:14px;font-weight:400;font-family:var(--font-primary);letter-spacing:1px}.landing-subtitle{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.4;font-family:var(--font-primary);letter-spacing:1.5px;margin:0}.landing-pricing-pill{background:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-primary);color:var(--accent);letter-spacing:1px;border-radius:3px;justify-content:center;align-items:center;margin-top:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.landing-buttons{justify-content:center;gap:12px;margin-top:24px;display:flex}.landing-btn{font-family:var(--font-primary);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:10px 20px;font-size:11px;font-weight:600;text-decoration:none;transition:all .1s;display:inline-flex}.landing-btn-primary{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent);box-shadow:0 2px 8px #fc79244d}.landing-btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 12px #fc792459}.landing-btn-secondary{color:var(--text-secondary);border-color:var(--border);background:0 0}.landing-btn-secondary:hover{background:var(--card);color:var(--text-primary);border-color:var(--border-hover)}.landing-page{background:var(--background);width:100%;overflow-x:hidden}.landing-hero-section{height:100vh;min-height:100vh;overflow:visible}.landing-preview-section{background:var(--background);flex-direction:column;align-items:center;width:100%;padding:32px 0 60px;display:flex}.landing-preview-header{text-align:center;margin-bottom:24px;padding:0 20px}.landing-preview-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700;display:block}.landing-preview-sub{color:#ffffff73;margin:8px 0 0;font-size:12px;font-weight:400;display:block}@media (max-width:640px){.landing-preview-section{padding:24px 0 32px}}.homepage-sections{flex-direction:column;gap:0;width:100%;max-width:1080px;margin:0 auto;padding:0 24px;display:flex}.section-header{text-align:center;margin-bottom:48px}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px;font-weight:700;display:inline-block}.section-title{color:#fffffff2;letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:700}.section-description{color:#ffffff73;margin:0;font-size:13px;font-weight:400;line-height:1.6}.section-divider{max-width:120px;background:#ffffff14!important;margin:64px auto!important}.features-section,.timeline-section{opacity:0;transform:translateY(24px)}.features-section.section-visible,.timeline-section.section-visible{animation:.5s cubic-bezier(.22,1,.36,1) forwards sectionFadeIn}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.features-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feature-tile{cursor:default;opacity:0;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:12px;padding:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}.feature-tile:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:12px;right:12px}.feature-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:radial-gradient(at 30% -20%,#fc79240f 0%,#0000 50%),radial-gradient(at 70% 110%,#8b5cf60a 0%,#0000 50%),linear-gradient(165deg,#ffffff0a 0%,#fff0 40%,#ffffff04 100%);transition:opacity .4s;position:absolute;inset:0}.feature-tile:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px -8px #00000080,0 4px 16px -4px #0000004d,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05}.feature-tile:hover:before,.feature-tile:hover:after{opacity:1}.section-visible .feature-tile{animation:.4s cubic-bezier(.22,1,.36,1) forwards tileFadeIn}@keyframes tileFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feature-icon-wrap{z-index:2;width:36px;height:36px;color:var(--accent);background:#fc792414;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s,box-shadow .3s;display:flex;position:relative}.feature-tile:hover .feature-icon-wrap{background:#fc792421;box-shadow:0 0 12px #fc792414}.feature-text{z-index:2;flex-direction:column;gap:4px;display:flex;position:relative}.feature-title{color:#ffffffe6;letter-spacing:-.1px;margin:0;font-size:13px;font-weight:650}.feature-description{color:#ffffff61;margin:0;font-size:11px;font-weight:400;line-height:1.55;transition:color .3s}.feature-tile:hover .feature-description{color:#ffffff80}.feature-badge{z-index:3;letter-spacing:.3px;position:absolute;top:8px;right:8px;color:#8b5cf6d9!important;background:#8b5cf614!important;border-color:#8b5cf640!important;border-radius:4px!important;padding:3px 9px!important;font-size:10px!important;font-weight:600!important}.timeline-track{flex-direction:column;gap:0;max-width:560px;margin:0 auto;display:flex}.timeline-item{opacity:0;gap:20px;display:flex;position:relative;transform:translateY(12px)}.section-visible .timeline-item{animation:.4s cubic-bezier(.22,1,.36,1) forwards tileFadeIn}.timeline-node{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:4px;display:flex}.timeline-dot{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.timeline-status-icon.completed{color:var(--accent)}.timeline-status-icon.in-progress{color:#8b5cf6e6}.timeline-status-icon.upcoming{color:#fff3}.timeline-line{background:#ffffff14;flex:1;width:1px;margin:4px 0}.timeline-item.completed .timeline-line{background:#fc792433}.timeline-item.in-progress .timeline-line{background:linear-gradient(#8b5cf64d,#ffffff0f)}.timeline-card{flex:1;min-width:0;padding:16px 20px 28px}.timeline-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.timeline-card-icon{color:#ffffff73;background:#ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.timeline-item.completed .timeline-card-icon{color:var(--accent);background:#fc792414}.timeline-item.in-progress .timeline-card-icon{color:#8b5cf6e6;background:#8b5cf61a}.timeline-card-meta{align-items:center;gap:8px;display:flex}.timeline-phase{letter-spacing:.8px;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.timeline-badge{letter-spacing:.3px;border-radius:20px!important;padding:2px 8px!important;font-size:9px!important;font-weight:600!important}.timeline-badge.completed{color:var(--accent)!important;background:#fc79240f!important;border-color:#fc792440!important}.timeline-badge.in-progress{color:#8b5cf6e6!important;background:#8b5cf614!important;border-color:#8b5cf64d!important}.timeline-badge.upcoming{color:#ffffff4d!important;background:#ffffff05!important;border-color:#ffffff14!important}.timeline-card-title{color:#ffffffe6;margin:0 0 6px;font-size:15px;font-weight:650}.timeline-item.upcoming .timeline-card-title{color:#fff6}.timeline-card-desc{color:#fff6;margin:0;font-size:12px;font-weight:400;line-height:1.6}.timeline-item.upcoming .timeline-card-desc{color:#ffffff38}.homepage-cta{flex-direction:column;align-items:center;gap:20px;padding:64px 0 32px;display:flex}.cta-text{color:#ffffff80;margin:0;font-size:14px;font-weight:500}.cta-buttons{gap:12px;display:flex}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:20px}}@media (max-width:640px){.homepage-sections{padding:0 16px}.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-tile{aspect-ratio:auto;padding:14px}.feature-icon-wrap{border-radius:4px;width:32px;height:32px}.feature-description{font-size:11px}.section-header{margin-bottom:32px}.section-title{font-size:18px}.section-divider{margin:48px auto!important}.timeline-card{padding:12px 0 24px}.homepage-cta{padding:48px 0 16px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .landing-btn{text-align:center;width:100%}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.feature-tile{aspect-ratio:auto;flex-direction:row;align-items:flex-start;gap:12px;padding:14px}}@media (max-width:374px){.section-title{font-size:16px}.section-description{font-size:12px}}@media (max-width:640px){:is(a[href=\/]:has(svg),a[href=\/login]){padding:6px 12px!important;font-size:13px!important;top:52px!important}a[href=\/]:has(svg){left:16px!important}a[href=\/login]{right:16px!important}}@media (max-width:768px){.landing-container{padding:0 20px}.landing-title{font-size:16px}.landing-version-pill{padding:2px 6px;font-size:9px}.landing-title-chinese{font-size:12px}.landing-subtitle{font-size:11px}.landing-buttons{flex-direction:column;width:100%;max-width:250px}.landing-btn{width:100%}}@media (max-width:640px){.login-form-wrapper{padding:24px 20px}.login-form-header h2{font-size:20px}.login-form-header p{font-size:13px}.login-input{padding:11px 12px;font-size:16px}.login-submit-btn{padding:12px 18px}.landing-title{font-size:14px}.landing-version-pill{padding:1px 5px;font-size:8px}.landing-title-chinese{font-size:11px}.landing-subtitle{font-size:10px}}.dashboard-root{background:var(--background-secondary);width:100%;min-height:100vh;font-family:var(--font-primary);position:relative;overflow-x:hidden}.dashboard-container{z-index:10;max-width:1400px;margin:0 auto;padding:32px;position:relative}.dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 0;display:flex}.dashboard-nav{gap:8px;display:flex}.nav-pill{border:1px solid var(--border);font-family:var(--font-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .1s;display:inline-flex}.nav-pill:hover{background:var(--card);border-color:var(--border-hover);color:var(--text-primary)}.nav-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.dashboard-user{align-items:center;gap:12px;display:flex}.dashboard-avatar{width:40px;height:40px;color:var(--text-primary);border:1px solid var(--border);font-family:var(--font-primary);background:#ffffff14;font-weight:700}.logout-btn{border:1px solid var(--border);font-family:var(--font-primary);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .1s;display:inline-flex}.logout-btn:hover:not(:disabled){background:var(--card);border-color:var(--border-hover);color:var(--text-primary)}.dashboard-content{flex-direction:column;gap:24px;display:flex}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dashboard-stats-full{grid-column:span 3}.dashboard-checkout-feed{grid-column:span 2}.stats-widget{background:var(--card);border:1px solid var(--border);border-radius:4px;transition:border-color .1s;overflow:hidden}.stats-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.stats-title{color:var(--text-primary);align-items:center;gap:8px;display:flex}.stats-title h2{margin:0;font-size:13px;font-weight:700}.stats-dropdown{position:relative}.stats-dropdown-trigger{color:var(--text-secondary);background:var(--card-hover);border:1px solid var(--border);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .1s;display:flex}.stats-dropdown-trigger:hover{border-color:var(--border-hover);color:var(--text-primary)}.stats-dropdown-trigger svg{transition:transform .1s}.stats-dropdown-trigger svg.rotated{transform:rotate(180deg)}.stats-dropdown-menu{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:4px;min-width:120px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 24px #00000080}.stats-dropdown-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:8px 12px;font-size:12px;transition:all .1s;display:block}.stats-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.stats-dropdown-item.active{background:var(--accent-subtle);color:var(--accent)}.stats-cards{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.stat-card{background:var(--card);min-height:100px;padding:16px}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.stat-card-icon{border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-sparkline{width:60px;height:32px}.sparkline{width:100%;height:100%}.stat-card-content{flex-direction:column;gap:4px;display:flex}.stat-card-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.stat-card-value-row{align-items:baseline;gap:8px;display:flex}.stat-card-value{color:var(--text-primary);font-size:20px;font-weight:700}.stat-card-change{align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.pie-chart-container{width:100%;height:280px;padding:20px 0}@media (max-width:480px){.pie-chart-container{height:220px;padding:16px 0}}@media (max-width:374px){.pie-chart-container{height:200px;padding:12px 0}}.pie-chart-legend{border-top:1px solid var(--border);background:#00000026;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;display:grid}.pie-legend-item{align-items:center;gap:8px;display:flex}.pie-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pie-legend-label{color:var(--text-secondary);flex:1;font-size:12px}.pie-legend-value{color:var(--text-primary);font-size:12px;font-weight:600}.checkout-search-container{border-bottom:1px solid var(--border);background:#00000026;padding:12px 16px}.checkout-search-wrapper{align-items:center;display:flex;position:relative}.checkout-search-icon{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.checkout-search-input{border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:12px;font-family:var(--font-primary);background:#ffffff08;border-radius:3px;padding:8px 12px 8px 38px;transition:all .1s}.checkout-search-input::placeholder{color:var(--text-faint)}.checkout-search-input:focus{box-shadow:0 0 0 2px var(--accent-glow);border-color:#fc792466;outline:none}.checkout-search-input:hover:not(:focus){border-color:var(--border-hover)}.checkout-feed-list{max-height:400px;overflow:hidden auto}.checkout-feed-list::-webkit-scrollbar{width:6px}.checkout-feed-list::-webkit-scrollbar-track{background:0 0}.checkout-feed-list::-webkit-scrollbar-thumb{background:#fc792400;border-radius:3px;min-height:40px}.checkout-feed-list:hover::-webkit-scrollbar-thumb{background:#fc79242e}.checkout-feed-list::-webkit-scrollbar-thumb:hover{background:#fc79244d}.checkout-feed-list::-webkit-scrollbar-thumb:active{background:#fc792466}.checkout-feed-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.checkout-feed-item:hover{background:#ffffff08}.checkout-feed-item:last-child{border-bottom:none}.checkout-feed-image{background:#ffffff0d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.checkout-feed-img{object-fit:cover;width:100%;height:100%}.checkout-feed-fallback-icon{color:var(--text-faint);font-size:32px;font-weight:700;font-family:var(--font-primary)}.checkout-feed-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.checkout-feed-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.checkout-feed-meta{align-items:center;gap:8px;display:flex}.checkout-feed-site-pill{text-transform:uppercase;letter-spacing:.3px;border:1px solid;border-radius:3px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.checkout-feed-timestamp{color:var(--text-faint);font-size:11px}.checkout-feed-price{color:var(--accent);flex-shrink:0;font-size:15px;font-weight:700}.checkout-feed-empty{text-align:center;justify-content:center;align-items:center;padding:48px 24px;display:flex}.checkout-feed-empty p{color:var(--text-faint);margin:0;font-size:13px}@media (max-width:768px){.dashboard-container{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-nav{width:100%;padding-bottom:8px;overflow-x:auto}.stats-cards,.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-stats-full,.dashboard-checkout-feed{grid-column:span 1}.pie-chart-legend{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.stats-cards{grid-template-columns:1fr;gap:0}.stat-card{padding:14px}.stat-card-value{font-size:18px}}@media (max-width:768px) and (min-width:481px){.login-form-wrapper{padding:28px 24px}.stats-widget{border-radius:4px}.stats-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.stats-title h2{font-size:14px}.stats-dropdown-trigger{padding:6px 10px;font-size:11px}.stat-card{padding:16px}.stat-card-title{font-size:10px}.stat-card-value{font-size:18px}.pie-chart-legend{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}}@media (max-width:480px){.login-form-wrapper{border-radius:4px;padding:24px 20px}.login-form-header h2{font-size:20px}.login-form-header p{font-size:13px}.stats-widget{border-radius:4px}.stats-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.stats-title{width:100%}.stats-title h2{font-size:13px}.stats-dropdown{width:100%}.stats-dropdown-trigger{justify-content:space-between;width:100%}.stat-card{padding:14px 12px}.stat-card-title{font-size:10px}.stat-card-value{font-size:16px}.stat-card-icon{width:32px;height:32px}.pie-chart-legend{grid-template-columns:1fr;gap:10px;padding:12px}.pie-legend-item{gap:6px}.pie-legend-label,.pie-legend-value{font-size:11px}.logout-btn{padding:7px 14px;font-size:11px}}@media (max-width:374px){.login-form-wrapper{border-radius:4px;padding:20px 16px}.login-form-header h2{font-size:18px}.login-form-header p{font-size:12px}.stats-header{padding:10px 12px}.stats-title h2{font-size:12px}.stats-dropdown-trigger{padding:5px 8px;font-size:11px}.stat-card{padding:12px 10px}.stat-card-title{font-size:9px}.stat-card-value{font-size:15px}.stat-card-icon{width:28px;height:28px}.pie-chart-legend{gap:8px;padding:10px}.pie-legend-label,.pie-legend-value{font-size:10px}.logout-btn{padding:6px 12px;font-size:11px}.dashboard-avatar{width:32px;height:32px;font-size:10px}}.guides-root,.guide-page-root{background:var(--background);min-height:100vh;font-family:var(--font-primary);flex-direction:column;display:flex}.guides-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#09090bd9;position:sticky;top:0}.guides-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:48px;margin:0 auto;padding:0 32px;display:flex}.guides-back-link{letter-spacing:1.2px;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:700;text-decoration:none;transition:color .1s;display:flex}.guides-back-link:hover{color:var(--text-primary)}.guides-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 32px 64px}.guides-hero{text-align:center;padding:56px 0 40px}.guides-hero-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:16px;font-size:10px;font-weight:700;display:inline-flex}.guides-hero-title{color:var(--text-primary);letter-spacing:.5px;margin:0 0 8px;font-size:28px;font-weight:700}.guides-hero-subtitle{color:var(--text-muted);margin:0 0 28px;font-size:13px;font-weight:400}.guides-search-wrapper{max-width:520px;margin:0 auto;position:relative}.guides-search-icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.guides-search-input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-primary);letter-spacing:.3px;border-radius:4px;padding:12px 80px 12px 42px;transition:border-color .1s,box-shadow .1s}.guides-search-input::placeholder{color:var(--text-faint)}.guides-search-input:focus{box-shadow:0 0 0 2px var(--accent-glow);border-color:#fc792466;outline:none}.guides-search-input:hover:not(:focus){border-color:var(--border-hover)}.guides-search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .1s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.guides-search-clear:hover{color:var(--text-primary);background:#ffffff0d}.guides-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.guides-filter-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-primary);letter-spacing:.3px;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:6px 14px;transition:all .1s;display:inline-flex}.guides-filter-pill:hover{background:var(--card);border-color:var(--border-hover);color:var(--text-primary)}.guides-filter-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.guides-categories{margin-bottom:40px}.guides-section-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px;font-size:10px;font-weight:700}.guides-category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guides-category-card{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:var(--font-primary);border-radius:4px;align-items:flex-start;gap:14px;padding:20px;transition:all .1s;display:flex}.guides-category-card:hover{background:var(--card-hover);border-color:var(--border-hover)}.guides-category-icon{background:var(--accent-subtle);border:1px solid var(--accent-border);width:36px;height:36px;color:var(--accent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guides-category-info{flex:1;min-width:0}.guides-category-info h3{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:700}.guides-category-info p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.guides-category-count{color:var(--text-faint);letter-spacing:.3px;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:600}.guides-category-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.guides-category-chevron{color:var(--text-faint);transition:transform .1s}.guides-category-chevron.expanded{transform:rotate(180deg)}.guides-category-tree{flex-direction:column;display:flex}.guides-subcategory-list{border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;flex-direction:column;display:flex;overflow:hidden}.guides-subcategory-item{background:var(--background-secondary);border-top:1px solid var(--border);font-family:var(--font-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px 20px 10px 52px;transition:all .1s;display:flex}.guides-subcategory-item:hover{background:var(--card)}.guides-subcategory-item.active{background:var(--accent-subtle)}.guides-subcategory-title{color:var(--text-secondary);font-size:12px;font-weight:600}.guides-subcategory-item.active .guides-subcategory-title{color:var(--accent)}.guides-subcategory-count{color:var(--text-faint);font-size:10px;font-weight:600}.guides-category-tree .guides-category-card{border-radius:4px}.guides-category-tree:has(.guides-subcategory-list) .guides-category-card{border-radius:4px 4px 0 0}.guides-articles{margin-top:8px}.guides-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.guides-article-count{color:var(--text-faint);font-size:11px;font-weight:500}.guides-article-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.guides-article-card{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:all .1s;display:flex}.guides-article-card:hover{background:var(--card-hover);border-color:var(--border-hover)}.guides-article-card:hover .guides-article-arrow{color:var(--accent);transform:translate(2px)}.guides-article-card-top{justify-content:space-between;align-items:center;display:flex}.guides-article-category-pill{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.guides-article-arrow{color:var(--text-faint);transition:all .1s}.guides-article-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700;line-height:1.3}.guides-article-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.guides-article-meta{gap:16px;margin-top:auto;display:flex}.guides-article-meta span{color:var(--text-faint);align-items:center;gap:4px;font-size:10px;font-weight:500;display:inline-flex}.guides-empty{text-align:center;padding:48px 24px}.guides-empty p{color:var(--text-faint);font-size:13px}.guides-footer{text-align:center;border-top:1px solid var(--border);padding:24px 32px}.guides-footer p{color:var(--text-faint);margin:0;font-size:12px}@media (max-width:900px){.guides-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.guides-main{padding:0 16px 48px}.guides-header-inner{padding:0 16px}.guides-hero{padding:36px 0 28px}.guides-hero-title{font-size:22px}.guides-category-grid,.guides-article-list{grid-template-columns:1fr}.guides-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.guides-filter-pill{flex-shrink:0}}.guide-page-layout{flex:1;gap:48px;width:100%;max-width:1200px;margin:0 auto;padding:0 32px 64px;display:flex}.guide-sidebar{flex-shrink:0;width:220px;padding-top:40px}.guide-sidebar-inner{position:sticky;top:80px}.guide-sidebar-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;font-size:10px;font-weight:700}.guide-toc{flex-direction:column;gap:2px;display:flex}.guide-toc-link{color:var(--text-muted);border-left:2px solid #0000;border-radius:0;padding:5px 10px;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .1s;display:block}.guide-toc-link:hover{color:var(--text-primary);background:#ffffff08}.guide-toc-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-subtle)}.guide-toc-sub{padding-left:20px;font-size:10px}.guide-sidebar-nav{flex-direction:column;gap:2px;display:flex}.guide-sidebar-link{color:var(--text-muted);border-radius:3px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .1s;display:block}.guide-sidebar-link:hover{color:var(--text-primary);background:#ffffff08}.guide-sidebar-link.active{color:var(--accent);background:var(--accent-subtle);font-weight:600}.guide-sidebar-link-nested{padding-left:20px}.guide-sidebar-subcategory{letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);padding:8px 10px 4px;font-size:10px;font-weight:700}.guide-sidebar-subcategory.active{color:var(--accent)}.guide-content-main{flex:1;min-width:0;padding-top:32px}.guide-breadcrumb{align-items:center;gap:6px;margin-bottom:28px;font-size:11px;display:flex}.guide-breadcrumb a{color:var(--text-faint);font-weight:500;text-decoration:none;transition:color .1s}.guide-breadcrumb a:hover{color:var(--text-primary)}.guide-breadcrumb span{color:var(--text-muted);font-weight:600}.guide-breadcrumb svg{color:var(--text-faint);flex-shrink:0}.guide-article-header{margin-bottom:24px}.guide-article-title{color:var(--text-primary);letter-spacing:.3px;margin:12px 0 8px;font-size:26px;font-weight:700;line-height:1.25}.guide-article-description{color:var(--text-muted);margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.5}.guide-article-meta{gap:20px;display:flex}.guide-article-meta span{color:var(--text-faint);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.guide-article-body{max-width:680px}.guide-content-h2{color:var(--text-primary);letter-spacing:.2px;margin:36px 0 12px;scroll-margin-top:80px;font-size:18px;font-weight:700}.guide-content-h3{color:var(--text-primary);letter-spacing:.2px;margin:28px 0 8px;scroll-margin-top:80px;font-size:14px;font-weight:700}.guide-content-p{color:var(--text-secondary);margin:0 0 16px;font-size:13px;font-weight:400;line-height:1.7}.guide-content-figure{margin:20px 0}.guide-content-image-wrapper{border:1px solid var(--border);background:var(--card);border-radius:4px;overflow:hidden}.guide-content-image{width:100%;height:auto;display:block}.guide-content-caption{color:var(--text-faint);text-align:center;margin-top:8px;font-size:11px;font-style:normal;font-weight:500}.guide-content-list{margin:0 0 16px;padding-left:20px}.guide-content-list li{color:var(--text-secondary);margin-bottom:6px;font-size:13px;line-height:1.7}.guide-content-list-unordered li::marker{color:var(--accent)}.guide-content-list-ordered li::marker{color:var(--text-faint);font-size:12px;font-weight:600}.guide-callout{border:1px solid;border-radius:4px;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.guide-callout-icon{flex-shrink:0;margin-top:1px}.guide-callout p{margin:0;font-size:12px;font-weight:400;line-height:1.6}.guide-callout-info{background:#7dd3fc0f;border-color:#7dd3fc33}.guide-callout-info .guide-callout-icon{color:var(--status-info)}.guide-callout-info p{color:#7dd3fcd9}.guide-callout-warning{background:#fcd34d0f;border-color:#fcd34d33}.guide-callout-warning .guide-callout-icon{color:var(--status-warning)}.guide-callout-warning p{color:#fcd34dd9}.guide-callout-tip{background:#86efac0f;border-color:#86efac33}.guide-callout-tip .guide-callout-icon{color:var(--status-success)}.guide-callout-tip p{color:#86efacd9}.guide-content-code{background:var(--background-secondary);border:1px solid var(--border);border-radius:4px;margin:16px 0;padding:16px;overflow-x:auto}.guide-content-code code{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre;font-size:12px;line-height:1.6}.guide-content-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.guide-inline-code{font-family:var(--font-mono);border:1px solid var(--border);color:var(--accent);background:#ffffff0f;border-radius:3px;padding:2px 6px;font-size:.9em}.guide-article-body strong{color:var(--text-primary);font-weight:700}.guide-article-body em{font-style:italic}.guide-article-body u{text-underline-offset:3px;text-decoration-color:#ffffff4d}.guide-callout strong{font-weight:700}.guide-nav-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;padding-top:32px;display:grid}.guide-nav-card{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:6px;padding:16px;text-decoration:none;transition:all .1s;display:flex}.guide-nav-card:hover{background:var(--card-hover);border-color:var(--border-hover)}.guide-nav-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.guide-nav-title{color:var(--text-primary);font-size:13px;font-weight:600}.guide-nav-next{text-align:right;align-items:flex-end}@media (max-width:900px){.guide-sidebar{display:none}.guide-page-layout{padding:0 16px 48px}}@media (max-width:640px){.guide-article-title{font-size:20px}.guide-content-h2{font-size:16px}.guide-content-h3{font-size:13px}.guide-nav-footer{grid-template-columns:1fr}.guide-breadcrumb{font-size:10px}}.announcement-banner{-webkit-backdrop-filter:blur(14px);color:#ffffffd9;width:100%;font-family:var(--font-primary);z-index:90;background:linear-gradient(90deg,#09090beb 0%,#140e09f0 50%,#09090beb 100%);border-bottom:1px solid #fc792438;text-decoration:none;transition:background .15s,border-color .15s;display:block;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px #0006,0 8px 24px -16px #fc792466}.announcement-banner:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(at 50% 0,#fc79242e 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.announcement-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fc792480,#0000);height:1px;position:absolute;top:0;left:0;right:0}.announcement-banner:hover{border-bottom-color:#fc792473}.announcement-banner:hover:before{opacity:1}.announcement-banner-inner{z-index:1;justify-content:center;align-items:center;gap:14px;max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;position:relative}.announcement-banner-pill{background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:1.2px;text-transform:uppercase;border-radius:3px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.announcement-banner-pill svg{color:var(--accent)}.announcement-banner-text{color:#ffffffbf;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.announcement-banner-text strong{color:var(--text-primary);letter-spacing:.3px;font-weight:700}.announcement-banner-divider{background:#ffffff26;flex-shrink:0;width:1px;height:12px}.announcement-banner-cta{color:var(--accent);letter-spacing:.5px;align-items:center;gap:6px;font-weight:600;transition:color .15s;display:inline-flex}.announcement-banner:hover .announcement-banner-cta{color:var(--accent-hover)}.announcement-banner-arrow{flex-shrink:0;transition:transform .2s cubic-bezier(.22,1,.36,1)}.announcement-banner:hover .announcement-banner-arrow{transform:translate(3px)}.announcement-banner-text-short{display:none}@media (max-width:768px){.announcement-banner-inner{gap:10px;padding:9px 14px}.announcement-banner-text{gap:10px;font-size:11px}}@media (max-width:640px){.announcement-banner-text-full{display:none}.announcement-banner-text-short{display:inline-flex}}@media (max-width:480px){.announcement-banner-inner{gap:8px;padding:8px 12px}.announcement-banner-text{letter-spacing:.3px;gap:8px;font-size:10px}.announcement-banner-pill{letter-spacing:.8px;padding:2px 6px;font-size:9px}.announcement-banner-divider{height:10px}}.announcement-banner{opacity:0;will-change:transform,opacity;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s,background .15s,border-color .15s;transform:translateY(-100%)}.announcement-banner-visible{opacity:1;transform:translateY(0)}.announcement-banner-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.announcement-banner-close{z-index:2;color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.announcement-banner-close:hover{color:#fffffff2;background:#ffffff0f;border-color:#ffffff1f}.announcement-banner-close:active{background:#ffffff1a}@media (max-width:480px){.announcement-banner-close{width:20px;height:20px;margin-left:2px}}