@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#20201e;background:#f6f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{display:inline-flex;align-items:center;color:#9c7441;font-size:12px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:1px;background:#b8915e;margin-right:10px}.subtle{color:#77736c;font-size:14px;line-height:1.7}.error{color:#c45545;font-size:13px;margin:10px 0 0}.primary{border:0;border-radius:4px;background:#20201e;color:#fff;height:54px;padding:0 24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:30px;box-shadow:0 7px 20px #2222;transition:.2s}.primary:hover{background:#9c7441;transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait}.secondary{height:48px;padding:0 30px;border:1px solid #c9c3b8;background:transparent;border-radius:4px;font-weight:600}.text-button{border:0;background:none;color:#9c7441;padding:10px 0;font-size:13px}.login-page{min-height:100vh;background:linear-gradient(115deg,#f6f4eff5,#f6f4efcc),url(https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1800&q=80) center/cover;display:flex;align-items:center;padding:8vw;position:relative}.login-page:after{content:"";position:absolute;inset:22px;border:1px solid #9c744144;pointer-events:none}.brand-mark{position:absolute;top:44px;left:50%;transform:translate(-50%);width:46px;height:46px;border:1px solid #9c7441;color:#9c7441;display:grid;place-items:center;font-family:"Noto Serif SC";font-size:24px;z-index:1}.login-card{width:480px;padding:56px;background:#fffc;backdrop-filter:blur(16px);box-shadow:0 18px 70px #3c372c22;position:relative;z-index:1}.login-card h1{font:700 36px "Noto Serif SC";margin:16px 0 8px}.field{height:58px;border-bottom:1px solid #aaa49b;display:flex;align-items:center;margin-top:34px}.field span{font-weight:600}.field i{width:1px;height:18px;background:#cbc6bd;margin:0 18px}.field input{border:0;outline:0;background:transparent;flex:1;font-size:17px;min-width:0}.field button{border:0;background:none;color:#9c7441;font-size:13px}.field button:disabled{color:#aaa}.login-card>.primary{width:100%;margin-top:28px}.privacy{color:#98938a;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0}.privacy svg{width:15px}.code-field input{letter-spacing:.3em;font-size:20px}.app-shell{min-height:100vh;padding-bottom:110px;background:radial-gradient(circle at 85% 5%,#eee4d5 0,transparent 27%),#f6f4ef}.app-shell header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ddd8cf;padding:0 6vw}.app-shell header>div{text-align:center;display:flex;flex-direction:column;gap:3px;font-weight:600}.app-shell header small{font-size:10px;color:#918d86;font-weight:400;letter-spacing:.12em}.icon-button{border:0;background:transparent;padding:8px;justify-self:start}.step{justify-self:end;color:#9c7441;font-size:12px;letter-spacing:.1em}.hero{max-width:1060px;margin:0 auto;padding:74px 24px 44px}.hero h1{font:700 clamp(32px,5vw,54px) "Noto Serif SC";margin:14px 0}.hero h1 em{font-style:normal;color:#a8793e}.hero p{color:#74716b;max-width:630px;line-height:1.8;font-size:14px}.form-card{max-width:1060px;margin:0 auto;background:#fff;padding:42px 48px;box-shadow:0 10px 50px #2e291f0b}.section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-title>div{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:8px}.section-title b{font:700 19px "Noto Serif SC"}.section-title small{grid-column:1/3;color:#99938a;font-size:12px}.section-title strong{font:400 28px "Noto Serif SC";color:#9c7441}.section-title strong i{font:400 13px sans-serif;color:#aaa}.required{font-size:10px;color:#a9783e;background:#f1e8dc;padding:2px 7px}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:38px;border-bottom:1px solid #e8e4dc}.upload-box,.preview{aspect-ratio:4/3;min-height:130px}.upload-box{border:1px dashed #b7afa4;background:#faf9f6;color:#79736a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.upload-box:hover{border-color:#9c7441;color:#9c7441;background:#faf5ee}.upload-box span{width:38px;height:38px;border-radius:50%;background:#efece5;display:grid;place-items:center}.upload-box b{font-size:13px}.upload-box small{font-size:10px;color:#aaa}.preview{position:relative;background:#eee;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;top:7px;right:7px;width:27px;height:27px;padding:4px;border:0;border-radius:50%;background:#222b;color:#fff}.preview button svg{width:100%;height:100%}.note-label{display:block;margin-top:34px;position:relative}.note-label>span{display:flex;align-items:center;gap:10px;margin-bottom:12px}.note-label b{font-size:15px}.note-label small{font-size:10px;color:#a29d94;background:#f1efe9;padding:2px 7px}.note-label textarea{width:100%;height:110px;border:1px solid #ded9d0;resize:vertical;padding:14px;background:#fcfbf9;outline:0;font-size:13px;line-height:1.7}.note-label textarea:focus{border-color:#a8793e}.note-label>i{position:absolute;right:11px;bottom:10px;font-style:normal;color:#aaa;font-size:10px}.submit-bar{position:fixed;z-index:2;bottom:0;left:0;right:0;height:86px;background:#fffc;backdrop-filter:blur(18px);border-top:1px solid #dfdad1;display:flex;align-items:center;justify-content:center;gap:min(22vw,320px);padding:12px 5vw}.submit-bar>div{display:flex;color:#8b867d;font-size:11px;align-items:center;gap:8px}.submit-bar>div svg{width:18px;color:#9c7441}.submit-bar .primary{min-width:230px}.success-page{min-height:100vh;background:#f6f4ef;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px}.success-ring{width:82px;height:82px;border:1px solid #b68a50;border-radius:50%;display:grid;place-items:center;color:#a8793e;margin-bottom:28px;box-shadow:0 0 0 10px #eee6da}.success-ring svg{width:36px;height:36px}.success-page h1{font:700 40px "Noto Serif SC";margin:14px 0}.success-page>p{font-size:14px;color:#77736b;line-height:1.9}.status-card{width:min(420px,100%);background:#fff;box-shadow:0 10px 40px #3331;padding:22px;margin:28px 0;display:flex;align-items:center;text-align:left;gap:15px}.status-dot{width:10px;height:10px;border-radius:50%;background:#b68a50;box-shadow:0 0 0 7px #eee4d6}.status-card div{display:flex;flex-direction:column;gap:4px}.status-card small{color:#99938a}@media(max-width:700px){.login-page{align-items:flex-end;padding:0;background-position:60% center}.login-page:after{display:none}.brand-mark{top:35px;color:#fff;border-color:#fff}.login-card{width:100%;padding:38px 26px 26px;border-radius:20px 20px 0 0}.login-card h1{font-size:29px}.app-shell header{height:66px;padding:0 14px}.hero{padding:46px 20px 28px}.hero h1{font-size:34px;line-height:1.35}.form-card{margin:0 12px;padding:26px 18px}.upload-grid{grid-template-columns:repeat(2,1fr);gap:10px}.upload-box,.preview{min-height:110px}.submit-bar{height:88px;padding:12px 16px;gap:10px}.submit-bar>div{display:none}.submit-bar .primary{width:100%;min-width:0}.section-title strong{font-size:23px}}.login-panel,.history-panel{width:min(520px,calc(100% - 32px));margin:9vh auto;background:#fff;padding:42px;box-shadow:0 12px 50px #2e291f0b}.login-panel h1,.history-panel h1{font:700 34px "Noto Serif SC";margin:16px 0 6px}.login-panel>.primary{width:100%;margin-top:25px}.app-shell header>.text-button{justify-self:end}.history-panel .secondary{margin-top:20px}.history-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fff;padding:18px 0;border-bottom:1px solid #e8e4dc}.history-card div{display:flex;flex-direction:column;gap:7px}.history-card small{font-size:12px;color:#89847c}.history-card strong{color:#a8793e;white-space:nowrap}.staff-page{min-height:100vh;padding:36px max(20px,calc((100vw - 1180px)/2));background:#f5f3ee}.staff-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #ddd8cf}.staff-header h1{font:700 34px "Noto Serif SC";margin:10px 0}.staff-badge{background:#eae2d5;color:#81643e;padding:9px 13px;font-size:12px}.staff-test-code,.staff-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;padding:18px 20px;margin-top:20px}.staff-test-code>div{display:flex;flex-direction:column;gap:4px;margin-right:auto}.staff-test-code small{font-size:11px;color:#8c877f}.staff-test-code input,.staff-filters input,.staff-filters select,.coupon-issuer input{height:40px;border:1px solid #dcd7ce;padding:0 10px;background:#fff;min-width:140px}.staff-test-code .secondary,.staff-filters .secondary{height:40px}.staff-test-code strong{color:#9b713e}.staff-filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#777}.staff-count{font-size:12px;color:#777;margin:20px 0 10px}.staff-error{background:#fff;padding:12px}.application-list{display:grid;gap:14px}.application-card{background:#fff;padding:22px 24px;box-shadow:0 6px 24px #2e291f08}.application-heading{display:flex;justify-content:space-between;align-items:center}.application-heading>div{display:flex;gap:12px;align-items:center}.application-heading small{color:#928d84;font-size:12px}.status-pill{font-size:11px;padding:5px 10px;background:#f0eee8}.status-pill.pending{color:#9b713e}.status-pill.approved{color:#477354;background:#eaf2eb}.status-pill.rejected{color:#a54d42;background:#f7ecea}.application-note{font-size:13px;color:#666;margin:16px 0}.staff-images{display:flex;gap:10px;overflow:auto;margin:14px 0}.staff-images img{width:130px;height:100px;object-fit:cover;background:#eee}.staff-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.staff-actions>button,.coupon-issuer button{height:38px;padding:0 16px;border:0;background:#20201e;color:#fff;border-radius:3px}.staff-actions>button.reject{background:#fff;color:#a54d42;border:1px solid #d9b7b2}.staff-actions>button:disabled,.coupon-issuer button:disabled{opacity:.5;cursor:wait}.coupon-issuer{display:flex;align-items:end;gap:10px}.coupon-issuer label{display:flex;align-items:center;gap:6px;font-size:12px}.coupon-issuer input{width:110px}.coupon-issuer input[type=tel]{width:160px}.coupon-issued{color:#477354;font-size:13px}.empty-state{padding:36px;text-align:center;color:#928d84;background:#fff}@media(max-width:700px){.login-panel,.history-panel{padding:28px 22px;margin:5vh auto}.staff-page{padding:20px 12px}.staff-header h1{font-size:28px}.staff-test-code,.staff-filters{align-items:stretch}.staff-test-code>div{width:100%}.staff-filters label{flex:1;min-width:42%}.application-card{padding:16px}.application-heading>div{align-items:flex-start;flex-direction:column;gap:4px}.staff-images img{width:105px;height:86px}.coupon-issuer{width:100%;flex-wrap:wrap}}