:root{--g900:#214d31;--g800:#2f6b45;--g300:#9bdd83;--g100:#eaf7e5;--ink:#1f2937;--muted:#68746a;--line:#dbe5dc;--bg:#f4f7f4;--white:#fff;--danger:#9c3838}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}.splash,.login-page{min-height:100vh;display:grid;place-items:center}.login-page{background:radial-gradient(circle at 70% 20%,#dff4d7,transparent 35%),linear-gradient(135deg,#f8fbf7,#eef5ef)}.login-card{width:min(430px,calc(100% - 32px));padding:42px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px rgba(33,77,49,.14)}.logo{display:grid;place-items:center;width:54px;height:54px;background:var(--g300);border-radius:15px;color:var(--g900);font-size:28px;font-weight:900}.overline{margin:18px 0 3px;color:var(--g800);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.login-card h1{margin:0 0 26px}.login-card label,.form-grid label,.report-panel label{display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:43px;padding:9px 11px;color:var(--ink);background:#fff;border:1px solid #bdc9bf;border-radius:8px;font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(155,221,131,.45);border-color:var(--g800)}button,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:8px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none}.primary{color:#fff;background:var(--g800)}.primary:hover{background:var(--g900)}.secondary{color:var(--g900);background:#fff;border-color:var(--g800)}button:disabled,.disabled{opacity:.45;pointer-events:none}.hint{color:var(--muted);font-size:11px}.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px;color:#fff;background:var(--g900)}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;color:#fff;text-decoration:none}.brand>span{display:grid;place-items:center;width:42px;height:42px;color:var(--g900);background:var(--g300);border-radius:11px;font-size:22px;font-weight:900}.brand strong{font-size:15px}.brand small{display:block;margin-top:3px;color:#a8d5ad;font-size:10px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{justify-content:flex-start;color:#cde1d0;background:transparent}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:rgba(155,221,131,.17)}.sidebar-user{margin-top:auto;padding:16px 10px 4px;border-top:1px solid rgba(255,255,255,.14)}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:#a8d5ad}.sidebar-user button{min-height:auto;margin-top:10px;padding:3px 0;color:#fff;background:none;border:0;text-decoration:underline}.admin-main{min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.topbar p{margin:0;font-size:20px;font-weight:900}.topbar small{color:var(--muted)}.page{padding:28px 30px 60px}.alert{position:fixed;right:24px;top:92px;z-index:10;max-width:420px;padding:12px 16px;border-radius:9px;box-shadow:0 14px 40px rgba(0,0,0,.12);font-size:13px;font-weight:800}.alert-error{color:#fff;background:var(--danger)}.alert-success{color:var(--g900);background:var(--g300)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.stat-grid span{display:block;color:var(--muted);font-size:12px}.stat-grid strong{display:block;margin-top:8px;color:var(--g900);font-size:32px}.stat-grid.compact{grid-template-columns:repeat(3,1fr)}.panel{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:0;font-size:19px}.panel-head .overline{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.stack{display:grid;gap:18px}.full-span{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .panel-head,.form-grid .full,.form-grid>button{grid-column:1/-1}.check{display:flex!important;grid-column:1/-1;align-items:center;gap:8px}.check input{width:auto;min-height:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--g900);background:#f1f7f0;font-size:11px}td small{display:block;max-width:390px;color:var(--muted)}.table-wrap{overflow:auto}.badge{display:inline-block;padding:3px 7px;border-radius:99px;background:#e4e8e4;font-size:10px;font-weight:900}.badge.published,.badge.confirmed,.badge.completed{color:var(--g900);background:var(--g100)}.badge.hidden,.badge.void,.badge.failed{color:#8a3030;background:#fae4e4}.badge.draft,.badge.pending{color:#635d28;background:#f5f1ce}.simple-list{margin:0;padding:0;list-style:none}.simple-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 2px;border-bottom:1px solid var(--line)}.simple-list span{color:var(--muted);font-size:12px}.file-drop{display:grid;place-items:center;min-height:160px;padding:20px;text-align:center;color:var(--muted);background:#f7fbf6;border:2px dashed #aec9af;border-radius:12px;cursor:pointer}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-drop strong{display:block;color:var(--g800)}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.error-list{padding-left:22px;color:var(--danger);font-size:12px}.positive{color:var(--g800);font-weight:800}.negative{color:var(--danger);font-weight:800}.line-editor{display:grid;gap:8px;margin:16px 0}.line-row{display:grid;grid-template-columns:2fr .7fr .8fr auto;gap:10px;align-items:end;padding:12px;background:var(--bg);border-radius:10px}.line-row label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:800}.danger-link{min-height:auto;padding:8px;color:var(--danger);background:none;border:0}.button-row,.actions{display:flex;gap:8px;align-items:center}.actions button{min-height:auto;padding:5px 8px;color:var(--g900);background:var(--g100)}hr{margin:26px 0;border:0;border-top:1px solid var(--line)}@media(max-width:950px){.admin-layout{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.brand strong,.sidebar nav button:not(.active),.sidebar-user strong,.sidebar-user small{font-size:0}.brand{justify-content:center;padding:0 0 20px}.sidebar nav button{justify-content:center;padding:10px 3px}.sidebar nav button:first-letter{font-size:14px}.stat-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.full-span{grid-column:1}.page{padding:20px}.topbar{padding:0 20px}}@media(max-width:620px){.admin-layout{display:block}.sidebar{position:static;width:100%;height:auto;display:block;padding:10px}.brand{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{flex:0 0 auto;font-size:12px!important}.sidebar-user{display:none}.topbar{height:64px}.stat-grid,.stat-grid.compact,.form-grid,.import-grid,.line-row{grid-template-columns:1fr}.form-grid .panel-head,.form-grid .full,.form-grid>button{grid-column:1}.page{padding:14px}.panel{padding:16px}}.stat-grid--five{grid-template-columns:repeat(5,1fr)}.badge.new,.badge.in_stock{color:var(--g900);background:var(--g100)}.badge.contacted,.badge.incoming{color:#304b74;background:#e4edf9}.badge.quoted,.badge.on_request{color:#315864;background:#e2f0f1}.badge.closed,.badge.confirm_required{color:#635d28;background:#f5f1ce}.request-admin-list{display:grid;gap:14px}.request-admin-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fbfdfb}.request-admin-card header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.request-admin-card header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.request-admin-card header small{color:var(--muted)}.request-admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.request-admin-grid{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:18px;padding-top:16px}.request-admin-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.request-admin-grid dl div{padding:10px;background:var(--bg);border-radius:8px}.request-admin-grid dt{color:var(--muted);font-size:10px;font-weight:800}.request-admin-grid dd{margin:3px 0 0;font-size:12px;overflow-wrap:anywhere}.request-detail h3{margin:0 0 7px}.request-detail p{white-space:pre-wrap;font-size:13px}.request-detail a{color:var(--g800);font-size:11px;text-decoration:underline}.request-admin-grid form label{display:grid;gap:5px;margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:800}.empty-admin-state{padding:40px;text-align:center;color:var(--muted);background:var(--bg);border-radius:10px}.logo,.brand>span{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.08em}.logo{font-size:20px}.brand>span{font-size:15px}.brand strong{font-size:14px}@media(max-width:1200px){.stat-grid--five{grid-template-columns:repeat(3,1fr)}.request-admin-grid{grid-template-columns:1fr 1fr}.request-admin-grid form{grid-column:1/-1}}@media(max-width:950px){.stat-grid--five{grid-template-columns:1fr 1fr}.request-admin-grid{grid-template-columns:1fr}.request-admin-grid form{grid-column:1}.request-admin-grid dl{grid-template-columns:1fr 1fr}}@media(max-width:620px){.stat-grid--five,.request-admin-grid dl{grid-template-columns:1fr}.request-admin-card{padding:14px}.request-admin-card header{align-items:flex-start;flex-direction:column}.request-admin-actions,.request-admin-card header .secondary{width:100%}}.login-card{width:calc(100% - 32px);max-width:430px;width:min(430px,calc(100% - 32px))}.splash,.login-page,.logo,.brand>span,.file-drop{align-items:center;justify-items:center}.brand{gap:0}.brand>span{margin-right:11px}.stat-grid,.two-col,.stack,.form-grid,.import-grid,.line-editor,.line-row,.request-admin-list,.request-admin-grid,.request-admin-grid dl{grid-gap:14px}.form-grid{grid-row-gap:0}.line-editor{grid-gap:8px}.line-row{grid-gap:10px}.request-admin-list{grid-gap:14px}.request-admin-grid{grid-gap:18px}.request-admin-grid dl{grid-gap:10px}.button-row,.actions{gap:0;flex-wrap:wrap}.button-row>*+*,.actions>*+*{margin-left:8px}.check{gap:0}.check input{margin-right:8px}.request-admin-card header>div{gap:0}.request-admin-card header>div>*+*{margin-left:10px}.request-admin-grid dd{word-break:break-word;overflow-wrap:anywhere}@media(max-width:620px){.brand>span{margin-right:0}.button-row>*{margin:4px 8px 4px 0}.button-row>*+*{margin-left:0}.request-admin-card header>div>*+*{margin-left:0;margin-right:10px}.request-admin-card header .secondary{margin-top:12px}}@media(max-width:950px){.brand strong{font-size:0}.brand>span{margin-right:0}}.password-card{overflow:hidden}.password-status{grid-column:1/-1;margin-bottom:16px;padding:16px 18px;color:var(--g900);background:var(--g100);border:1px solid #c7dfc4;border-radius:10px}.password-status.is-overdue{color:#7d2f2f;background:#fff1f1;border-color:#efc3c3}.password-status--neutral{color:var(--ink);background:var(--bg);border-color:var(--line)}.password-status strong{display:block;font-size:14px}.password-status p{margin:5px 0 0;font-size:12px}.password-status__meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:12px;color:var(--muted);font-size:11px}.password-status__meta span{padding:8px 10px;background:rgba(255,255,255,.65);border-radius:7px}.password-card label small{display:block;margin-top:4px;line-height:1.5}.password-card button[type=submit]{margin-top:4px}.image-admin-list{padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.image-admin-summary{margin-bottom:10px;color:var(--g800);font-size:12px;font-weight:900}.image-admin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.image-admin-grid article{display:grid;gap:5px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:8px}.image-admin-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}.image-admin-grid span{color:var(--muted);font-size:10px}.image-admin-grid .danger-link{justify-content:flex-start;padding:2px 0;font-size:10px}.badge.request-kind{color:#315864;background:#e2f0f1}.attachment-admin-list{padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.attachment-admin-items{display:grid;gap:8px;margin:0;padding:0;list-style:none}.attachment-admin-items li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.attachment-admin-items strong,.attachment-admin-items span{display:block}.attachment-admin-items strong{font-size:12px;word-break:break-word}.attachment-admin-items span{margin-top:3px;color:var(--muted);font-size:10px}.attachment-dropzone{grid-column:1/-1;padding:16px;background:#f7fbf6;border:2px dashed #aec9af;border-radius:10px;cursor:pointer}.attachment-dropzone:focus-within,.attachment-dropzone:focus{outline:3px solid rgba(155,221,131,.45);border-color:var(--g800)}.attachment-dropzone strong{display:block;color:var(--g800);font-size:12px}.attachment-dropzone input{margin-top:8px}@media(max-width:620px){.password-status__meta{grid-template-columns:1fr}.password-card label{grid-column:1}.password-card button[type=submit]{width:100%}.image-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-editor-page{display:grid;gap:18px}.content-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#fff,#edf8ea)}.content-editor-intro h2{margin:2px 0 7px;color:var(--g900);font-size:24px}.content-editor-intro p:not(.overline){max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.content-editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.content-page-list{display:grid;gap:7px;padding:12px;position:sticky;top:96px}.content-page-list button{display:block;width:100%;padding:13px 14px;text-align:left;color:var(--ink);background:#fff;border-color:transparent}.content-page-list button:hover,.content-page-list button.active{color:var(--g900);background:var(--g100);border-color:#c8dfc5}.content-page-list strong,.content-page-list span{display:block}.content-page-list span{margin-top:3px;color:var(--muted);font-size:10px}.content-editor-form{min-width:0}.content-editor-form>label{display:grid;gap:7px;margin-bottom:18px;color:var(--g900);font-size:13px;font-weight:900}.content-editor-form textarea{min-height:420px;padding:16px;line-height:1.65;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;white-space:pre}.content-editor-help{margin-bottom:18px;padding:14px 16px;color:#355441;background:#f2f8f0;border:1px solid #d7e8d3;border-radius:10px}.content-editor-help strong{font-size:12px}.content-editor-help p{margin:4px 0 0;font-size:11px;line-height:1.65}.content-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.content-editor-actions p{margin:0}.customer-forms-page{display:grid;gap:18px}.customer-form-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-form-summary button{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label count" "hint count";gap:2px 14px;min-height:100px;padding:18px 20px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(33,77,49,.05)}.customer-form-summary button:hover,.customer-form-summary button.active{color:var(--g900);background:linear-gradient(135deg,#fff,#edf8e9);border-color:#acd3a7;box-shadow:0 14px 34px rgba(33,77,49,.1)}.customer-form-summary button.active:before{content:"";position:absolute;top:14px;bottom:14px;left:0;width:4px;background:var(--g800);border-radius:0 99px 99px 0}.customer-form-summary span{grid-area:label;color:var(--g800);font-size:13px;font-weight:900}.customer-form-summary strong{grid-area:count;align-self:center;color:var(--g900);font-size:34px;line-height:1}.customer-form-summary small{grid-area:hint;color:var(--muted);font-size:11px}.request-panel-head>div>p:last-child{max-width:720px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.request-panel-head>span{flex:0 0 auto;color:var(--g800);font-size:12px;font-weight:900}@media(max-width:950px){.content-editor-layout{grid-template-columns:1fr}.content-page-list{position:static;grid-template-columns:repeat(3,1fr)}.content-editor-form textarea{min-height:330px}}@media(max-width:620px){.content-editor-intro{align-items:stretch;flex-direction:column}.content-page-list{grid-template-columns:1fr 1fr}.content-editor-form textarea{min-height:280px}.content-editor-actions{align-items:stretch;flex-direction:column}.content-editor-actions button{width:100%}.customer-form-summary{grid-template-columns:1fr}.customer-form-summary button{min-height:82px}.request-panel-head{align-items:flex-start;flex-direction:column}.request-panel-head>span{padding:7px 10px;background:var(--g100);border-radius:99px}}