.sn09-page{--gold: #f4db8d;--gold-sub: #f3df9a;--input-ph: #8da6c3;--canvas-scale: 1;position:relative;width:100%;height:100dvh;overflow:hidden;background:#000;color:#fff}.sn09-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.sn09-bg img,.sn09-bg-desktop{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.sn09-desktop{position:relative;z-index:1;width:100%;height:100%}.sn09-scaler{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sn09-canvas{--fit: min(100vw / 1920px, 100dvh / 1200px);--s: calc(var(--fit) * var(--canvas-scale));position:relative;width:1920px;height:1200px;flex-shrink:0;transform:scale(var(--s));transform-origin:center center;margin-inline:calc((1920px * var(--s) - 1920px) / 2);margin-block:calc((1200px * var(--s) - 1200px) / 2)}.sn09-canvas>*{position:absolute}.sn09-canvas img{display:block;max-width:none}.sn09-banner--left{left:-262px;top:-66px;width:658px;height:166px;z-index:2;pointer-events:none}.sn09-banner--left img{width:100%;height:100%;object-fit:cover}.sn09-banner--right{left:1316px;top:7px;width:658px;height:166px;z-index:2;pointer-events:none;transform:rotate(180deg) scaleY(-1)}.sn09-banner--right img{width:100%;height:100%;object-fit:cover}.sn09-deco-top{left:1163px;top:-89px;width:658px;height:658px;z-index:3;pointer-events:none;overflow:hidden}.sn09-deco-top img{width:100%;height:100%;object-fit:cover}.sn09-float--left{left:359px;top:207px;width:111.592px;height:111.592px;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}.sn09-float--left img{width:79.985px;height:79.985px;transform:rotate(35.58deg);object-fit:cover}.sn09-float--right{left:1460px;top:236px;width:126.702px;height:126.702px;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}.sn09-float--right img{width:90.816px;height:90.816px;transform:rotate(144.42deg) scaleY(-1);object-fit:cover}.sn09-gift--bl{left:-149.11px;top:880.89px;width:545.224px;height:545.224px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.sn09-gift--bl img{width:431px;height:431px;transform:rotate(18.44deg);object-fit:cover}.sn09-gift--br{left:1565px;top:905px;width:545.224px;height:545.224px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.sn09-gift--br img{width:431px;height:431px;transform:rotate(161.56deg) scaleY(-1);object-fit:cover}.sn09-hero-cake{left:9.5%;top:44.33333%;width:824px;height:550px;z-index:6;pointer-events:none}.sn09-hero-cake img{width:100%;height:100%;object-fit:contain}.sn09-panel-bg{left:1210px;top:223px;width:545px;height:753px;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:center}.sn09-panel-bg-inner{position:relative;width:753px;height:545px;transform:rotate(-90deg);flex-shrink:0;overflow:hidden}.sn09-panel-bg-inner img{position:absolute;width:148.2%;height:136.54%;left:-24.72%;top:-16.64%;object-fit:cover}.sn09-logo{left:1328px;top:370px;width:298px;height:121px;z-index:10;object-fit:contain;pointer-events:none}.sn09-form{left:1224px;top:530px;width:517px;height:320px;z-index:11;margin:0;padding:0}.sn09-form-inner{position:absolute;left:50%;top:12px;width:610px;height:324px;transform:translate(-50%)}.sn09-form-heading{position:absolute;left:50%;top:7px;transform:translate(calc(-50% - 1px));text-align:center;text-transform:uppercase;white-space:nowrap}.sn09-form-title{margin:0;font-family:Inter,Be Vietnam Pro,sans-serif;font-size:30px;font-weight:700;line-height:38px;letter-spacing:-.3px;color:#fff}.sn09-form-sub{margin:0;font-family:Inter,Be Vietnam Pro,sans-serif;font-size:40px;font-weight:700;line-height:45px;letter-spacing:-.3px;color:var(--gold-sub)}.sn09-field{position:absolute;left:50%;top:108px;width:519.091px;height:109px;transform:translate(calc(-50% + .05px))}.sn09-label{position:absolute;left:50%;top:30px;transform:translate(-50%,-100%);font-family:Inter,Be Vietnam Pro,sans-serif;font-size:24.826px;font-weight:700;letter-spacing:-.4965px;color:var(--gold);white-space:nowrap}.sn09-input-wrap{position:absolute;left:61.5px;top:43px;width:395px;height:51px}.sn09-input{width:100%;height:100%;padding:0 62px;box-sizing:border-box;font-family:Inter,Be Vietnam Pro,sans-serif;font-size:18.908px;font-weight:500;line-height:1.31;color:#333;background:linear-gradient(180deg,#fdfeff,#eaedfc);border:none;border-radius:67.528px;outline:none;box-shadow:0 0 5.132px #4579bc40,inset 0 -4.052px 1.08px #fff,inset 0 4.052px 3.241px #fff}.sn09-input::placeholder{color:var(--input-ph)}.sn09-input:focus{box-shadow:0 0 0 3px #f4db8d73,0 0 5.132px #4579bc40,inset 0 -4.052px 1.08px #fff,inset 0 4.052px 3.241px #fff}.sn09-input:disabled{opacity:.65}.sn09-submit{position:absolute;left:144.5px;top:248px;width:228px;height:50px;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .15s,filter .2s}.sn09-submit-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.sn09-submit span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-family:Inter,Be Vietnam Pro,sans-serif;font-size:23.688px;font-weight:700;letter-spacing:-.4738px;text-transform:uppercase;color:#fff;text-shadow:0 1px 1.8px rgba(0,50,103,.65)}.sn09-submit:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.08)}.sn09-submit:active:not(:disabled){transform:scale(.97)}.sn09-submit:disabled{opacity:.75;cursor:wait}.sn09-home-btn{left:86px;top:90px;width:201px;height:41px;z-index:20;display:block;text-decoration:none;overflow:hidden;transition:filter .2s}.sn09-home-bg{position:absolute;top:-4.78%;right:-5.87%;bottom:-52.78%;left:-5.87%;width:111.74%;height:157.56%;pointer-events:none}.sn09-home-shine{position:absolute;top:0;right:0;bottom:0;left:67.11%;width:32.89%;height:100%;mix-blend-mode:screen;pointer-events:none}.sn09-home-btn span{position:absolute;left:11.94%;right:37.81%;top:24.53%;bottom:24.25%;display:flex;align-items:center;font-family:Roboto,Be Vietnam Pro,sans-serif;font-size:18px;font-weight:800;color:#fff;white-space:nowrap}.sn09-home-icon{position:absolute;left:79.29%;right:7.5%;top:17.65%;bottom:17.65%;pointer-events:none}.sn09-home-btn:hover{filter:brightness(1.12)}.sn09-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sn09-overlay--loading{background:#000000a6}.sn09-loading-box{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--gold);font-weight:500}.sn09-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(244,219,141,.25);border-top-color:var(--gold);border-radius:50%;animation:sn09-spin .7s linear infinite}.sn09-spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes sn09-spin{to{transform:rotate(360deg)}}.sn09-modal{position:relative;width:100%;max-width:380px;padding:1.75rem 1.5rem;background:#121212f2;border:2px solid var(--gold);border-radius:4px;color:#fff;text-align:center}.sn09-modal--error p{margin-bottom:1.25rem;line-height:1.6}.sn09-modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;font-size:1.5rem;color:var(--gold);background:none;border:none;cursor:pointer}.sn09-modal-title{font-size:1.125rem;font-weight:700;color:var(--gold-sub);margin-bottom:.75rem}.sn09-modal-note{font-size:.8125rem;color:var(--gold);margin-bottom:.75rem}.sn09-modal-amount{margin:.25rem 0 .75rem;font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:.02em;color:#fff;text-shadow:0 0 18px rgba(244,219,141,.35)}.sn09-modal-amount-unit{margin-left:.35rem;font-size:.95rem;font-weight:600;color:var(--gold-sub)}.sn09-modal-timer{margin:1rem 0 1.25rem}.sn09-modal-timer-bar{height:6px;border-radius:999px;background:#f4db8d26;overflow:hidden}.sn09-modal-timer-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4db8d,#cfb47e);transition:width 1s linear}.sn09-modal-timer-text{margin:.55rem 0 0;font-size:.8125rem;color:#ffffffbf}.sn09-modal-timer-text strong{color:var(--gold-sub)}.sn09-modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:.65rem}.sn09-modal-btn{width:100%;padding:.75rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(180deg,#3a3a3a,#1a1a1a);border:2px solid var(--gold);border-radius:999px;cursor:pointer}.sn09-modal-btn:hover:not(:disabled){filter:brightness(1.1)}.sn09-modal-btn:disabled{opacity:.65;cursor:wait}.sn09-modal-btn--ghost{color:var(--gold-sub);background:transparent}.sn09-modal-btn--primary{background:linear-gradient(180deg,#4a3a1a,#2a1f0c)}.sn09-bg-mobile,.sn09-mobile{display:none}@media(max-width:900px){.sn09-page{overflow:hidden}.sn09-bg-desktop{display:none}.sn09-bg-mobile{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.sn09-desktop{display:none}.sn09-mobile{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden}.sn09-mb-scaler{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.sn09-mb-canvas{--fit: min(100vw / 440px, 100dvh / 956px);--s: var(--fit);position:relative;width:440px;height:956px;flex-shrink:0;transform:scale(var(--s));transform-origin:center center;margin-inline:calc((440px * var(--s) - 440px) / 2);margin-block:calc((956px * var(--s) - 956px) / 2);overflow:hidden}.sn09-mb-canvas>*{position:absolute}.sn09-mb-canvas img{display:block;max-width:none}.sn09-mb-banner{z-index:2;pointer-events:none}.sn09-mb-banner img{width:100%;height:100%;object-fit:cover}.sn09-mb-banner--left{left:-40px;top:-10px;width:283px;height:71px}.sn09-mb-banner--right{left:220px;top:-20px;width:283px;height:71px;transform:rotate(180deg) scaleY(-1)}.sn09-mb-home.sn09-home-btn{left:119px;top:148px;width:201px;height:41px;z-index:20}.sn09-mb-panel{left:53px;top:222px;width:337px;height:465px;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.sn09-mb-panel-inner{position:relative;width:465px;height:337px;transform:rotate(-90deg);flex-shrink:0;overflow:hidden}.sn09-mb-panel-inner img{position:absolute;width:148.2%;height:136.54%;left:-24.72%;top:-16.64%;object-fit:cover}.sn09-mb-logo{left:143px;top:330px;width:157px;height:63px;z-index:10;object-fit:contain;pointer-events:none}.sn09-mb-form{left:98px;top:410px;width:247px;height:200px;z-index:11;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sn09-mb-form .sn09-form-inner{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;display:flex;flex-direction:column;align-items:center}.sn09-mb-form .sn09-form-heading{position:relative;left:auto;top:auto;transform:none;text-align:center;text-transform:uppercase;white-space:nowrap;margin-bottom:10px}.sn09-mb-form .sn09-form-title{margin:0;font-size:20px;font-weight:700;line-height:30px;letter-spacing:-.2px;color:#fff}.sn09-mb-form .sn09-form-sub{margin:0;font-size:20px;font-weight:700;line-height:30px;letter-spacing:-.2px;color:#cfb47e}.sn09-mb-form .sn09-field{position:relative;left:auto;top:auto;width:247px;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:10px}.sn09-mb-form .sn09-label{position:relative;left:auto;top:auto;transform:none;font-size:12px;font-weight:700;letter-spacing:-.24px;color:var(--gold)}.sn09-mb-form .sn09-input-wrap{position:relative;left:auto;top:auto;width:247px;height:38px}.sn09-mb-form .sn09-input{padding:0 1rem;font-size:10px}.sn09-mb-form .sn09-input::placeholder{color:#858585}.sn09-mb-form .sn09-submit{position:relative;left:auto;top:auto;width:115px;height:39px;margin-top:10px}.sn09-mb-form .sn09-submit span{font-size:10px;letter-spacing:-.2px}.sn09-mb-cake{left:-7px;top:670px;width:454px;height:302px;z-index:6;pointer-events:none}.sn09-mb-cake img{width:100%;height:100%;object-fit:contain}}.admin-page{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.admin-login-page .admin-card{width:100%;max-width:22rem;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #0006}.admin-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.25rem}.admin-subtitle{font-size:.875rem;color:var(--text-muted);text-align:center;margin-bottom:1.5rem}.admin-form{display:flex;flex-direction:column;gap:.75rem}.admin-form .input-full{min-height:2.75rem}.admin-error{color:#ef4444;font-size:.875rem;margin:-.25rem 0 0}.admin-dashboard-page{align-items:stretch;justify-content:flex-start;padding:1rem}.admin-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;max-width:56rem;width:100%;margin-left:auto;margin-right:auto}.admin-header .admin-title{font-size:1.25rem;margin-bottom:0;text-align:left}.btn-logout{padding:.5rem 1rem;font-size:.875rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:color .2s,border-color .2s}.btn-logout:hover{color:var(--text);border-color:var(--text-muted)}.admin-content{max-width:56rem;width:100%;margin:0 auto}.admin-search-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.admin-search-input{flex:1;min-width:12rem;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);color:var(--text)}.admin-search-input::placeholder{color:var(--text-muted)}.admin-search-input:focus{outline:none;border-color:var(--orange)}.admin-search-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:.5rem;background:var(--orange);color:#fff;cursor:pointer;transition:opacity .2s}.admin-search-btn:hover{opacity:.9}.admin-search-clear{padding:.5rem .75rem;font-size:.8125rem;border:1px solid var(--border);border-radius:.5rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.admin-search-clear:hover{color:var(--text);border-color:var(--text-muted)}.admin-empty{color:var(--text-muted);text-align:center;padding:2rem}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:.75rem;background:var(--card);margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table thead th{background:var(--bg);font-weight:600;color:var(--text)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#00000008}.admin-th-num,.admin-td-num{width:4rem;text-align:center}.admin-td-account{font-weight:500}.admin-td-date{color:var(--text-muted);white-space:nowrap}.admin-td-codes{max-width:280px}.admin-td-empty{text-align:center;color:var(--text-muted);padding:2rem!important}.code-list-inline{flex-wrap:wrap}.admin-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.admin-pagination-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-muted)}.admin-pagination-limit{display:inline-flex;align-items:center;gap:.5rem}.admin-pagination-limit select{padding:.35rem .5rem;font-size:.875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--card);color:var(--text);cursor:pointer}.admin-pagination-btns{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.admin-pagination-btn{min-width:2.25rem;padding:.4rem .6rem;font-size:.875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--card);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s}.admin-pagination-btn:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted)}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.admin-pagination-ellipsis{padding:0 .25rem;color:var(--text-muted);font-size:.875rem}.user-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.user-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.user-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:.75rem}.user-account{font-weight:600;font-size:1rem}.user-date{font-size:.8125rem;color:var(--text-muted)}.user-codes{display:flex;flex-direction:column;gap:.5rem}.codes-label{font-size:.8125rem;color:var(--text-muted)}.code-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.code-item{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem}.code-value{font-weight:500}.btn-remove-code{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1.1rem;line-height:1;color:var(--text-muted);background:none;border:none;border-radius:.25rem;cursor:pointer;transition:color .2s,background .2s}.btn-remove-code:hover{color:#ef4444;background:#ef444426}.no-codes{font-size:.875rem;color:var(--text-muted);font-style:italic}.add-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}.input-code{width:10rem;min-width:0;padding:.5rem .75rem;font-size:.875rem;min-height:2.25rem}.btn-add-code,.btn-cancel{padding:.5rem .75rem;font-size:.875rem;border-radius:.375rem;cursor:pointer;border:none;transition:opacity .2s}.btn-add-code{background:var(--orange);color:#fff;font-weight:500}.btn-add-code:hover{opacity:.9}.btn-cancel{background:var(--border);color:var(--text)}.btn-cancel:hover{opacity:.9}.btn-add-code-link{font-size:.875rem;color:var(--orange-light);background:none;border:none;cursor:pointer;padding:.25rem 0;text-decoration:underline;transition:color .2s}.btn-add-code-link:hover{color:var(--orange)}@media(min-width:600px){.admin-dashboard-page{padding:1.5rem}.admin-header .admin-title{font-size:1.5rem}.user-card{padding:1.25rem 1.5rem}.input-code{width:12rem}}@media(max-width:374px){.add-code-row{flex-direction:column;align-items:flex-start}.input-code{width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--red: #d32f2f;--red-dark: #b71c1c;--gold: #ffd700;--white: #ffffff;--orange: #dc2626;--orange-hover: #b91c1c;--orange-light: #f87171;--bg: #0f0f12;--card: #1a1a1f;--border: #2d2d35;--text: #f5f5f5;--text-muted: #9ca3af}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}#root{min-height:100vh;height:100dvh;width:100%;overflow:hidden}.label{font-size:.875rem;font-weight:500;color:var(--text)}.input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #dc262633}.input-full{min-height:2.75rem}.btn-submit{margin-top:.5rem;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:var(--orange);border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 14px #dc262659}.btn-submit:hover{background:var(--orange-hover)}.btn-submit:active{transform:scale(.98)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}