:root{--midnight:#071d49;--indigo:#1f2a8c;--gold:#f2c75a;--paper:#f6f4f1;--surface:#fff;--ink:#201e1d;--muted:#6d6e70;--divider:#dedbd6;--success:#06803a;--success-soft:#e9f7ee;--danger:#b63535;--danger-soft:#fbeeee;--radius-control:10px;--radius-card:16px;--radius-sheet:24px;--shadow-card:0 1px 2px #071d490f, 0 12px 32px -18px #071d4938;--shadow-overlay:0 30px 80px -24px #071d4973;--font:"Avenir Next", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--measure:62ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.55}a{color:var(--indigo)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button,input,select{font:inherit}.button-primary,.button-secondary,.button-danger{border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{background:var(--midnight);border:1px solid var(--midnight);color:var(--surface)}.button-secondary{background:var(--surface);border:1px solid var(--midnight);color:var(--midnight)}.button-danger{background:var(--danger);border:1px solid var(--danger);color:var(--surface)}.button-quiet,.link-action{border-radius:var(--radius-control);min-height:40px;color:var(--midnight);cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:800}.link-action{text-underline-offset:3px;min-height:0;padding:0;text-decoration:underline}.button-quiet:hover{background:var(--paper)}.button-quiet-danger{color:var(--danger)}button:disabled{opacity:.55;cursor:progress}@media (hover:hover) and (prefers-reduced-motion:no-preference){.button-primary,.button-secondary{transition:transform .12s}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}}.field{color:var(--midnight);flex:240px;gap:6px;font-size:14px;font-weight:800;display:grid}.field-narrow{flex:0 180px}.field input,.field select,.member-role select{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-control);min-height:46px;color:var(--midnight);padding:0 13px;font-size:16px;font-weight:400}.member-role select{min-height:40px;font-size:15px}.form-row,.invite-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-error{color:var(--danger);flex-basis:100%;margin:8px 0 0;font-weight:700}.form-status{color:var(--success);flex-basis:100%;margin:8px 0 0;font-weight:700}.pill{background:var(--paper);border:1px solid var(--divider);color:var(--ink);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.pill[data-tone=good]{background:var(--success-soft);color:var(--success);border-color:#0000}.pill[data-tone=danger]{background:var(--danger-soft);color:var(--danger);border-color:#0000}.pill-muted{color:var(--muted)}.help-hint{display:inline-flex;position:relative}.help-hint-trigger{border:1px solid var(--divider);background:var(--surface);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:800;display:inline-grid}.help-hint-popover{z-index:30;background:var(--midnight);width:max-content;max-width:min(320px,100vw - 32px);color:var(--surface);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay);padding:12px 14px;font-size:14px;font-weight:400;line-height:1.6;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.confirm-dialog{border-radius:var(--radius-sheet);width:min(460px,100vw - 32px);box-shadow:var(--shadow-overlay);color:var(--ink);border:0;padding:28px}.confirm-dialog::backdrop{background:#071d4973}.confirm-dialog h2{color:var(--midnight);margin:0 0 10px;font-size:21px;font-weight:850;line-height:1.3}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.7}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (prefers-reduced-motion:no-preference){.confirm-dialog[open]{animation:.16s ease-out dialog-in}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}
.top-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--divider);align-items:center;gap:16px;min-height:60px;padding:8px max(16px,50vw - 480px);display:flex;position:sticky;top:0}.brand{color:var(--midnight);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:850;text-decoration:none}.top-bar-end{align-items:center;gap:4px;margin-left:auto;display:flex}.top-bar-end form{margin:0}.switcher{position:relative}.switcher summary{border:1px solid var(--divider);border-radius:var(--radius-control);cursor:pointer;min-height:44px;color:var(--midnight);align-items:center;gap:8px;max-width:44vw;padding:0 12px;font-weight:800;list-style:none;display:flex}.switcher summary::-webkit-details-marker{display:none}.switcher summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.switcher-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.switcher-menu{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);min-width:280px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-overlay);padding:8px;position:absolute;top:calc(100% + 8px);left:0}.switcher-menu ul{margin:0;padding:0;list-style:none}.switcher-menu a{border-radius:var(--radius-control);color:var(--ink);justify-content:space-between;gap:16px;padding:10px 12px;text-decoration:none;display:flex}.switcher-menu a:hover{background:var(--paper)}.switcher-menu a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold);font-weight:800}.switcher-meta{color:var(--muted);font-size:14px}.switcher-all{border-top:1px solid var(--divider);margin-top:4px;font-weight:800;color:var(--midnight)!important;border-radius:0!important}.organization-band{background:var(--midnight);color:var(--surface)}.organization-band-inner{grid-template-columns:1fr auto;align-items:end;gap:8px 16px;max-width:960px;margin:0 auto;padding:40px 16px 0;display:grid}.organization-title{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4.6vw,52px);font-weight:850;line-height:1.08}.band-role{color:var(--gold);border:1px solid #f2c75a8c;border-radius:999px;align-self:center;padding:4px 12px;font-size:14px;font-weight:800}.tabs{grid-column:1/-1;gap:28px;margin-top:20px;display:flex}.tabs a{color:#ffffffb8;border-bottom:3px solid #0000;padding:12px 0 14px;font-weight:800;text-decoration:none}.tabs a:hover{color:var(--surface)}.tabs a[aria-current=page]{color:var(--surface);border-bottom-color:var(--gold)}.page{max-width:960px;margin:0 auto;padding:32px 16px 64px}.page-narrow{max-width:520px;padding-top:64px}.page-title{color:var(--midnight);letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(28px,3vw,36px);font-weight:850;line-height:1.15}.lead{max-width:var(--measure);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 24px;display:flex}.muted{color:var(--muted)}.section{margin-top:40px}.section-title{color:var(--midnight);align-items:center;gap:8px;margin:0 0 16px;font-size:21px;font-weight:850;display:flex}.section-subtitle{color:var(--muted);margin:28px 0 8px;font-size:14px;font-weight:800}.notice{max-width:var(--measure);border-left:3px solid var(--gold);background:var(--surface);border-radius:0 var(--radius-control) var(--radius-control) 0;padding:12px 16px}.sign-in-form{gap:16px;margin-top:24px;display:grid}.sign-in-alternative{margin-top:12px}.sign-in-alternative .button-secondary,.sign-in-form .button-primary{width:100%}.accept-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.accept-actions form{margin:0}
.member-list,.organization-list{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none}.member-list{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.member-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;gap:8px 16px;padding:14px 20px;display:grid}.member-row+.member-row,.organization-list li+li{border-top:1px solid var(--divider)}.member-row[data-status=removed]{color:var(--muted)}.member-identity{min-width:0;display:grid}.member-name{overflow-wrap:anywhere;font-weight:800}.member-self{color:var(--muted);font-weight:400}.member-email{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.member-role,.member-actions{align-items:center;gap:4px;display:flex}.member-actions{justify-content:flex-end}.member-row .form-error{grid-column:1/-1;margin:0}.organization-list{margin-bottom:16px}.organization-list a{color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:flex}.organization-list a:hover .organization-name{text-underline-offset:3px;text-decoration:underline}.organization-name{overflow-wrap:anywhere;font-size:18px;font-weight:800}.create-form{margin-top:48px}.product-billing{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:24px;padding:24px}.product-billing-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-billing-header .section-title{margin:0}.product-plan{margin:8px 0 0;font-weight:800}.billing-dates{color:var(--muted);flex-wrap:wrap;gap:4px 20px;margin:6px 0 0;padding:0;list-style:none;display:flex}.billing-dates li{align-items:center;gap:6px;display:inline-flex}.plan-picker{border:0;border-top:1px solid var(--divider);margin:20px 0 0;padding:20px 0 0}.plan-picker legend{float:left;width:100%;margin:0 0 12px;padding:0}.plan-picker legend+*{clear:left}.cycle-toggle{background:var(--paper);border-radius:var(--radius-control);margin-bottom:12px;padding:3px;display:inline-flex}.cycle-option{cursor:pointer;border-radius:8px;align-items:center;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.cycle-option:has(input:checked){background:var(--midnight);color:var(--surface)}.cycle-option input,.plan-option input{opacity:0;pointer-events:none;position:absolute}:is(.cycle-option:has(input:focus-visible),.plan-option:has(input:focus-visible)){outline:3px solid var(--gold);outline-offset:2px}.plan-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.plan-option{border:1px solid var(--divider);border-radius:var(--radius-control);cursor:pointer;gap:2px;padding:16px;display:grid;position:relative}.plan-option[data-selected=true]{border-color:var(--midnight);box-shadow:inset 0 0 0 1px var(--midnight)}.plan-option:has(input:disabled){opacity:.5;cursor:not-allowed}.plan-name{color:var(--midnight);font-weight:850}.plan-price{color:var(--muted);font-variant-numeric:tabular-nums}.billing-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.payment-history{margin-top:40px}.payment-history table{border-collapse:collapse;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-card);width:100%;overflow:hidden}.payment-history td{border-top:1px solid var(--divider);white-space:nowrap;padding:12px 16px}.payment-history tr:first-child td{border-top:0}.numeric{font-variant-numeric:tabular-nums;text-align:right}.row-action{text-align:right}@media (max-width:640px){.top-bar{gap:8px}.organization-band-inner{padding-top:28px}.member-list{grid-template-columns:minmax(0,1fr) auto}.member-row{row-gap:4px;padding:14px 16px}.member-actions{grid-column:1/-1;justify-content:flex-end}.product-billing{padding:20px 16px}.payment-history{overflow-x:auto}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}
