@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+TC:wght@300;400;500;700;900&family=DM+Mono:wght@400;500&display=swap";@font-face{font-family:Taipei Sans TC Beta;src:url(/fonts/TaipeiSansTCBeta-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Taipei Sans TC Beta;src:url(/fonts/TaipeiSansTCBeta-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Taipei Sans TC Beta;src:url(/fonts/TaipeiSansTCBeta-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--brand-yellow: #F9B91B;--brand-yellow-strong: #D49C12;--brand-yellow-soft: #FEF9EF;--brand-black: #1C1B1B;--warning-stripe: repeating-linear-gradient(45deg, #F9B91B 0 12px, #1C1B1B 12px 24px);--font-display: "Archivo Black", "Taipei Sans TC Beta", "Noto Sans TC", sans-serif;--font-body: "Taipei Sans TC Beta", "Noto Sans TC", sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--r: 14px;--rsm: 10px;--rxs: 6px}:root,:root[data-theme=light]{--bg: #FCF9F8;--surface: #FFFFFF;--surface2: #F3F0EE;--surface3: #E8E4DE;--border: #E5E2E1;--border-strong: #D4D0CB;--text: #1C1B1B;--text2: #4C616C;--text3: #9E9A94;--accent: #F9B91B;--accent-hover: #D49C12;--accent-soft: #FEF9EF;--accent-ring: rgba(249,185,27,.25);--on-accent: #1C1B1B;--danger: #BA1A1A;--danger-bg: #FEF2F2;--danger-border: #FCA5A5;--success: #2E7D32;--success-bg: #D1FAE5;--success-border: #6EE7B7;--sh-soft: 0 1px 3px rgba(28,27,27,.06), 0 4px 12px rgba(28,27,27,.04);--sh-card: 0 1px 3px rgba(28,27,27,.07), 0 6px 18px rgba(28,27,27,.05);--sh-hover: 0 4px 12px rgba(249,185,27,.2), 0 14px 32px rgba(28,27,27,.08);--sh-cta: 0 1px 0 rgba(212,156,18,.45), 0 4px 14px rgba(249,185,27,.25)}:root[data-theme=dark]{--bg: #1C1B1B;--surface: #2D2B2B;--surface2: #3A3838;--surface3: #454241;--border: #3A3838;--border-strong: #4C4847;--text: #FCF9F8;--text2: #D4C4AC;--text3: #6B6760;--accent: #F9B91B;--accent-hover: #FFCA3F;--accent-soft: rgba(249,185,27,.12);--accent-ring: rgba(249,185,27,.35);--on-accent: #1C1B1B;--danger: #FF6B6B;--danger-bg: rgba(255,107,107,.12);--danger-border: rgba(255,107,107,.5);--success: #6EE7B7;--success-bg: rgba(110,231,183,.12);--success-border: rgba(110,231,183,.5);--sh-soft: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);--sh-card: 0 1px 3px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.4);--sh-hover: 0 4px 12px rgba(249,185,27,.3), 0 14px 32px rgba(0,0,0,.5);--sh-cta: 0 1px 0 rgba(123,89,0,.8), 0 6px 20px rgba(249,185,27,.4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);min-height:100vh;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;transition:background-color .25s ease,color .25s ease}.app{width:100%;max-width:1080px;padding:32px 24px;transition:max-width .25s ease}.app-wide{max-width:1320px}.logo-mark{width:38px;height:38px;background:var(--brand-yellow);color:var(--brand-black);border-radius:var(--rxs);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:18px;font-weight:900;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #f9b91b40}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand .ttl{font-size:15px;font-weight:700;color:var(--text)}.brand .sub{font-size:11px;color:var(--text3);margin-top:1px}.fl{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:6px}.input{width:100%;font-size:14px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--rsm);background:var(--surface);color:var(--text);font-family:var(--font-body);margin-bottom:12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text3)}.input.code{font-family:var(--font-mono);letter-spacing:.05em}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.btn-primary{width:100%;height:44px;border-radius:var(--rsm);border:1px solid var(--brand-yellow-strong);background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:700;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;box-shadow:var(--sh-cta);transition:background-color .15s,transform .1s,box-shadow .1s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:translateY(2px);box-shadow:0 0 #d49c1266}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px var(--accent-ring),var(--sh-cta)}.btn-logout{padding:7px 12px;border-radius:var(--rxs);border:1px solid var(--border);background:transparent;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;align-items:center;gap:5px}.btn-logout:hover{background:var(--surface2);color:var(--text);border-color:var(--border-strong)}.btn-admin{padding:7px 12px;border-radius:var(--rxs);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background-color .15s,transform .1s;display:inline-flex;align-items:center;gap:5px}.btn-admin:hover{background:var(--accent-hover)}.btn-admin:active{transform:translateY(1px)}.btn-back{padding:7px 12px;border-radius:var(--rxs);border:1px solid var(--border);background:transparent;color:var(--text2);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;margin-right:8px;transition:background-color .15s,color .15s,border-color .15s}.btn-back:hover{background:var(--surface2);color:var(--text);border-color:var(--border-strong)}.btn-line{width:100%;height:42px;border-radius:var(--rsm);border:1px solid #00B948;background:#06c755;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s}.btn-line:hover{background:#05b04c}.btn-line:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{width:34px;height:34px;background:transparent;border:1px solid var(--border);border-radius:var(--rxs);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s,border-color .15s;flex-shrink:0}.theme-toggle:hover{background:var(--surface2);color:var(--text);border-color:var(--border-strong)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:36px;width:420px;max-width:100%;box-shadow:var(--sh-card);margin:60px auto;position:relative}.login-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text3);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}.login-eyebrow:before{content:"";width:24px;height:2px;background:var(--accent)}.login-hero-name{font-family:var(--font-display);font-size:36px;letter-spacing:-.02em;color:var(--text);line-height:1;margin-bottom:4px}.login-hero-sub{font-family:var(--font-mono);font-size:11px;color:var(--text2);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.login-card .theme-toggle{position:absolute;top:18px;right:18px}.msg{font-size:12px;color:var(--text2);margin-bottom:16px;line-height:1.6}.err{font-size:12px;color:var(--danger);margin-bottom:8px;min-height:14px}.menu-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-soft)}.menu-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface);gap:16px;flex-wrap:wrap}.menu-hdr-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-hdr-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-name{font-family:var(--font-display);font-size:15px;color:var(--text);letter-spacing:-.01em;line-height:1}.brand-sub{font-size:10px;color:var(--text3);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;line-height:1}.user-pill{font-size:10px;padding:3px 8px;border-radius:var(--rxs);background:var(--surface2);color:var(--text2);font-family:var(--font-mono);font-weight:500;letter-spacing:.05em;border:1px solid var(--border)}.user-name{font-size:13px;font-weight:600;color:var(--text)}.user-role{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-left:6px}.role-pill{font-size:9px;padding:2px 7px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid;line-height:1.5}.role-admin{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.role-manager{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent)}.menu-greeting{padding:48px 28px 32px;position:relative;overflow:hidden}.menu-greeting:after{content:"";position:absolute;top:30px;right:30px;width:90px;height:90px;background-image:radial-gradient(circle,var(--accent) 6px,transparent 7px),linear-gradient(45deg,transparent 46%,var(--accent) 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--accent) 46% 54%,transparent 54%);background-size:100%;border:3px solid var(--accent);border-radius:50%;opacity:.1;transform:rotate(-15deg);pointer-events:none}.greeting-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text2);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:12px}.greeting-eyebrow:before{content:"";width:28px;height:2px;background:var(--accent)}.greeting-hero{font-family:var(--font-display);font-size:clamp(56px,8vw,92px);line-height:.95;letter-spacing:-.04em;color:var(--text);margin-bottom:12px}.greeting-hero .greeting-word-en{color:var(--accent);position:relative;display:inline-block}.greeting-zh{font-family:var(--font-body);font-size:clamp(20px,2.4vw,28px);font-weight:700;color:var(--text2);margin-bottom:16px;letter-spacing:-.01em}.greeting-zh .greeting-name{color:var(--text);border-bottom:3px solid var(--accent);padding-bottom:2px}.greeting-meta{font-family:var(--font-mono);font-size:11px;color:var(--text3);display:flex;align-items:center;gap:10px;letter-spacing:.06em;padding-top:14px;border-top:1px dashed var(--border)}.greeting-meta-tag{font-weight:700;color:var(--accent)}.greeting-dot{color:var(--border-strong)}.menu-section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 28px 12px;margin-top:8px;border-bottom:1px solid var(--border)}.menu-section-title{font-family:var(--font-display);font-size:18px;color:var(--text);letter-spacing:-.01em}.menu-section-count{font-family:var(--font-mono);font-size:11px;color:var(--text3);letter-spacing:.06em}.menu-section-count strong{color:var(--accent);font-weight:700}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px 24px 24px}.svc-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.svc-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover);border-color:var(--accent)}.svc-card:active{transform:translateY(-1px)}.svc-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring),var(--sh-hover);border-color:var(--accent)}.svc-card:disabled,.svc-card.busy{opacity:.5;cursor:wait;transform:none}.svc-card:before{content:"";position:absolute;top:-1px;right:-1px;width:50px;height:50px;background:var(--warning-stripe);opacity:0;transition:opacity .2s ease;border-top-right-radius:14px;clip-path:polygon(100% 0,0 0,100% 100%)}.svc-card:hover:before{opacity:.85}.svc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.svc-icon{width:44px;height:44px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--accent);color:var(--on-accent);transition:transform .2s ease;flex-shrink:0}.svc-card:hover .svc-icon{transform:rotate(-4deg) scale(1.05)}.svc-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.svc-name{font-family:var(--font-display);font-size:18px;letter-spacing:-.01em;color:var(--text);line-height:1.1}.svc-desc{font-size:12px;color:var(--text2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--border);margin-top:2px}.svc-code{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text3);letter-spacing:.1em;text-transform:uppercase}.svc-arrow{font-family:var(--font-mono);font-size:16px;color:var(--text3);transition:color .2s,transform .2s}.svc-card:hover .svc-arrow{color:var(--accent);transform:translate(4px)}.empty-msg{padding:60px 24px;text-align:center;color:var(--text3);font-size:13px;font-family:var(--font-mono);letter-spacing:.06em}.empty-block{padding:60px 24px;text-align:center}.empty-ttl{font-family:var(--font-display);font-size:18px;color:var(--text2);margin-bottom:6px}.empty-sub{font-size:12px;color:var(--text3)}.menu-err{margin:0 24px 16px;padding:10px 14px;font-size:12px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--rxs)}.menu-foot{padding:14px 24px;border-top:1px solid var(--border);font-size:11px;color:var(--text3);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:var(--font-mono);letter-spacing:.05em;background:var(--surface2)}.menu-foot strong{color:var(--text2);font-weight:500}.warning-stripe-band{height:6px;background:var(--warning-stripe)}.admin-toolbar{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.admin-search{flex:1;max-width:340px;margin:0}.admin-stats{font-size:11px;color:var(--text3);font-family:var(--font-mono);letter-spacing:.05em}.admin-err{margin:12px 22px;padding:10px 14px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--rxs);color:var(--danger);font-size:12px}.admin-matrix-wrap{overflow-x:auto;padding:0 0 16px}.admin-matrix{width:100%;border-collapse:collapse;font-size:12px}.admin-matrix th,.admin-matrix td{border-bottom:1px solid var(--border);padding:10px 12px;vertical-align:middle}.admin-matrix thead th{background:var(--surface2);position:sticky;top:0;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text2)}.admin-matrix tbody tr:hover td{background:var(--surface2)}.admin-matrix .col-emp{text-align:left;min-width:210px;padding-left:22px}.admin-matrix .col-sub{text-align:center;min-width:96px;padding:12px 10px}.col-sub-icon{display:inline-flex;width:26px;height:26px;border-radius:var(--rxs);align-items:center;justify-content:center;font-size:14px;margin-right:6px;vertical-align:middle;background:var(--surface);border:1px solid var(--border)}.col-sub-name{vertical-align:middle;font-weight:600;color:var(--text)}.emp-code{font-family:var(--font-mono);font-size:11px;color:var(--text3);font-weight:500;letter-spacing:.05em}.emp-name{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;margin-top:2px}.emp-dept{font-size:10px;color:var(--text2);margin-top:2px}.admin-matrix .cell{text-align:center}.chk{display:inline-flex;cursor:pointer;position:relative}.chk input{position:absolute;opacity:0;pointer-events:none}.chk-box{display:block;width:20px;height:20px;border:2px solid var(--border-strong);border-radius:5px;background:var(--surface);transition:background-color .15s,border-color .15s}.chk:hover .chk-box{border-color:var(--accent);background:var(--accent-soft)}.chk input:checked+.chk-box{background:var(--accent);border-color:var(--accent);position:relative}.chk input:checked+.chk-box:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--brand-black);border-width:0 2px 2px 0;transform:rotate(45deg)}.chk-admin{cursor:not-allowed;opacity:.85}.chk-admin .chk-box{border-color:var(--accent);background:var(--accent-soft)}.chk-admin input:checked+.chk-box{background:var(--brand-yellow-strong);border-color:var(--brand-yellow-strong)}.chk-admin input:checked+.chk-box:after{border-color:#fff}.chk-busy{opacity:.5;cursor:wait}.pwd-wrap{position:relative;margin-bottom:12px}.pwd-input{margin-bottom:0;padding-right:40px}.pwd-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text3);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:var(--rxs);transition:background-color .15s,color .15s}.pwd-eye:hover{color:var(--text);background:var(--surface2)}.onboard-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:32px;width:480px;max-width:100%;box-shadow:var(--sh-card);margin:48px auto;position:relative}.onboard-card .theme-toggle{position:absolute;top:18px;right:18px}.onboard-card .brand{margin-bottom:20px;padding-right:44px}.onboard-ok{font-size:12px;color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);padding:10px 12px;border-radius:var(--rxs);margin-bottom:12px}.onboard-err{font-size:12px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);padding:10px 12px;border-radius:var(--rxs);margin-bottom:12px}.step{border:1px solid var(--border);border-radius:var(--rsm);padding:18px;margin-top:14px;background:var(--surface);transition:background-color .15s,border-color .15s}.step-pending{opacity:.5}.step-done{background:var(--surface2);border-color:var(--border)}.step-active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.step-hd{display:flex;align-items:center;gap:10px}.step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700}.step-done .step-num{background:var(--success);color:var(--brand-black)}.step-ttl{font-family:var(--font-display);font-size:16px;letter-spacing:-.01em;flex:1;color:var(--text)}.step-tag{font-size:10px;color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);padding:3px 10px;border-radius:999px;font-weight:700;letter-spacing:.04em}.step-body{margin-top:14px}@keyframes tbFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menu-shell,.login-card,.onboard-card{animation:tbFadeUp .4s ease}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}@media(max-width:640px){.app{padding:16px 12px}.menu-hdr{padding:12px 16px}.menu-hdr-right{gap:6px}.menu-greeting{padding:32px 18px 24px}.menu-greeting:after{display:none}.menu-section-head{padding:0 18px 12px}.menu-grid{padding:16px 14px;grid-template-columns:1fr}.login-card{padding:28px 22px;margin:24px auto}.onboard-card{padding:24px 18px;margin:24px auto}}