:root {
  --ink:#17212b;--muted:#687785;--line:#dce4e8;--soft:#f4f7f8;--paper:#fff;
  --brand:#0b5b55;--brand-dark:#074640;--accent:#d9a441;--danger:#a43b38;--warning:#8a5b12;--success:#28775a;
  font-family:Inter,"Noto Sans TC","PingFang TC",system-ui,sans-serif;
}
*{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--soft)} button,input,select,textarea{font:inherit} button,.button{cursor:pointer}
.skip-link{position:fixed;top:-50px;left:1rem;z-index:99;background:#fff;padding:.7rem}.skip-link:focus{top:1rem}
.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:#113d3a;color:#fff;padding:1.25rem 1rem;overflow-y:auto}
.brand{color:#fff;text-decoration:none;display:flex;gap:.7rem;align-items:center;font-weight:750;margin:0 .4rem 1.25rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#17352f}
.channel-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.25rem}.channel-switch button{border:1px solid #ffffff32;background:transparent;color:#d9e9e7;border-radius:8px;padding:.55rem .3rem}.channel-switch button[aria-pressed="true"]{color:#143b37;background:#fff}
.nav-section{margin-bottom:1.3rem}.nav-section h2{color:#9fc2bd;font-size:.74rem;letter-spacing:.08em;margin:0 .55rem .45rem}.nav-link{display:block;color:#e9f2f1;text-decoration:none;padding:.58rem .7rem;border-radius:8px;font-size:.9rem}.nav-link:hover,.nav-link[aria-current="page"]{background:#ffffff18}
.workspace{min-width:0}.topbar{min-height:76px;display:flex;align-items:center;gap:1rem;padding:.9rem 2rem;background:#fff;border-bottom:1px solid var(--line)}.title-block{margin-right:auto}.eyebrow{margin:0 0 .2rem;color:var(--muted);font-size:.75rem}h1{font-size:1.35rem;margin:0}.profile-chip{display:grid;border-right:1px solid var(--line);padding-right:1rem;text-align:right}.profile-chip small{color:var(--muted)}.menu-button{display:none}
main{max-width:1440px;margin:0 auto;padding:1.5rem 2rem 3rem}.status{min-height:1.2rem;color:var(--muted);font-size:.85rem;margin-bottom:.7rem}.status[data-kind="error"]{color:var(--danger)}.status[data-kind="success"]{color:var(--success)}.product-surface{display:grid;gap:1rem}
.hero{display:flex;align-items:flex-start;gap:1rem;justify-content:space-between;background:linear-gradient(120deg,#0d5f57,#123f3d);color:#fff;padding:1.5rem;border-radius:15px}.hero h2{margin:0 0 .35rem;font-size:1.35rem}.hero p{color:#d7e8e5;margin:0;max-width:66ch}.actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.button,button.primary,button.secondary,button.ghost,button.danger{border-radius:8px;border:1px solid transparent;padding:.62rem .9rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.button.primary,button.primary{background:var(--brand);color:#fff}.hero .button.primary,.hero button.primary{background:#fff;color:var(--brand-dark)}.button.secondary,button.secondary{background:#fff;color:var(--brand);border-color:#9abdb8}.button.ghost,button.ghost{background:transparent;color:inherit;border-color:var(--line)}.button.danger,button.danger{background:#fff5f5;color:var(--danger);border-color:#d8aaa8}button:disabled{cursor:not-allowed;opacity:.55}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-shell .panel{width:min(460px,100%);padding:1.5rem}.login-shell h1{margin-bottom:.55rem}.login-shell form{display:grid;gap:.8rem}.login-shell .status.error{min-height:0;color:var(--danger);background:#fff5f5;border:1px solid #e3b8b6;border-radius:8px;padding:.75rem .85rem;margin:.9rem 0}.account-switch-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.account-switch-actions form{display:block}.account-switch-actions button{min-width:7.5rem}
.account-panel{width:min(560px,100%)!important}.account-summary{display:grid;gap:.6rem;margin:1rem 0}.account-summary div{display:grid;grid-template-columns:7rem 1fr;gap:.7rem;padding:.65rem;background:var(--soft);border-radius:8px}.account-summary dt{color:var(--muted)}.account-summary dd{margin:0;font-weight:700}.status.success{color:var(--success)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric,.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #12302b0a}.metric{padding:1rem}.metric span{color:var(--muted);font-size:.8rem}.metric strong{display:block;font-size:1.7rem;margin-top:.3rem}.panel{padding:1.15rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel-heading h2,.panel-heading h3{margin:0;font-size:1.05rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.card{padding:1rem}.card h3{margin:0 0 .35rem;font-size:1rem}.card p{color:var(--muted);margin:.25rem 0 .8rem;min-height:2.5em}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.badge{display:inline-flex;border-radius:999px;padding:.22rem .55rem;background:#eaf2f0;color:#31615b;font-size:.75rem}.badge.warning{background:#fff2d8;color:var(--warning)}.badge.danger{background:#fde8e7;color:var(--danger)}.badge.success{background:#e5f4ed;color:var(--success)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.72rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.77rem;font-weight:650}td{font-size:.9rem}tr:last-child td{border-bottom:0}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty strong{color:var(--ink);display:block;margin-bottom:.35rem}
.help-tip{position:relative;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-left:.3rem;padding:0;border:1px solid #9abdb8;border-radius:50%;background:#fff;color:var(--brand);font-size:.75rem;font-weight:800;vertical-align:middle}.help-tip::after{content:attr(data-tooltip);position:absolute;z-index:20;top:calc(100% + .45rem);left:50%;width:max-content;max-width:min(280px,75vw);padding:.55rem .65rem;border-radius:7px;background:#173f3b;color:#fff;font-size:.78rem;font-weight:500;line-height:1.45;text-align:left;white-space:normal;box-shadow:0 6px 20px #0003;opacity:0;visibility:hidden;transform:translate(-50%,-.2rem);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}.help-tip:hover::after,.help-tip:focus::after,.help-tip:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:.35rem;font-size:.83rem;color:#40515d}input,select,textarea{width:100%;border:1px solid #bdcbd0;border-radius:8px;padding:.68rem .7rem;color:var(--ink);background:#fff}textarea{min-height:105px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #d3a34677;outline-offset:2px}
.field-help{display:block;color:var(--muted);font-size:.76rem;line-height:1.5}
.form-grid fieldset{border:1px solid var(--line);border-radius:9px;padding:.75rem}.form-grid legend{color:#40515d;font-size:.83rem;padding:0 .3rem}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem}.check-grid label,.form-grid label:has(input[type="checkbox"]){display:flex;align-items:center;gap:.45rem}.check-grid input,.form-grid input[type="checkbox"]{width:auto}.setup-guide{display:grid;gap:.7rem;margin:0;padding-left:1.5rem}.setup-guide li{padding:.65rem .8rem;background:var(--soft);border-radius:8px}.setup-guide strong,.setup-guide span{display:block}.setup-guide span{color:var(--muted);margin-top:.25rem}
.field-builder{display:grid;gap:.6rem}.field-row{display:grid;grid-template-columns:1.2fr 1.6fr 1fr .55fr auto;gap:.5rem;align-items:end;background:var(--soft);padding:.7rem;border-radius:9px}.workflow-canvas{display:flex;align-items:center;gap:.6rem;overflow-x:auto;padding:1rem 0}.workflow-node{min-width:170px;padding:.8rem;border:1px solid #aac3bf;border-radius:9px;background:#eff7f5}.workflow-arrow{color:var(--muted);font-size:1.3rem}
.timeline{border-left:2px solid #aac9c4;margin-left:.5rem;padding-left:1.3rem;display:grid;gap:1rem}.timeline article{position:relative}.timeline article::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand);position:absolute;left:-1.66rem;top:.3rem}.timeline h3,.timeline p{margin:0 0 .25rem}.muted{color:var(--muted)}.notice{padding:.8rem 1rem;border-left:4px solid var(--accent);background:#fff9eb;border-radius:6px}
.modal-backdrop{position:fixed;inset:0;background:#112927aa;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 24px 80px #0005}.modal h2{margin-top:0}.toast{position:fixed;right:1.2rem;bottom:1.2rem;background:#163f3b;color:#fff;border-radius:9px;padding:.85rem 1rem;z-index:80;max-width:420px}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;z-index:40;transform:translateX(-100%);transition:transform .2s}body.menu-open .sidebar{transform:translateX(0)}.menu-button{display:inline-flex}.metrics{grid-template-columns:repeat(2,1fr)}.profile-chip{display:none}.topbar{padding:.8rem 1rem}main{padding:1rem}}
@media(max-width:600px){.metrics,.form-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}.hero{display:grid}}