:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-text:#1b1f24;--color-text-muted:#59636e;--color-border:#d6dae0;--color-primary:#1f5fbf;--color-primary-hover:#194f9f;--color-primary-text:#fff;--color-danger:#b42318;--color-danger-bg:#fef3f2;--color-warning-bg:#fff8e1;--color-warning-border:#e8c766;--color-orange-text:#9a3412;--color-orange-bg:#ffedd5;--color-orange-border:#fb923c;--color-success:#1a7f37;--color-focus:#f59e0b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--content-max-width:1200px;--focus-ring:3px solid var(--color-focus)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-width:320px;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);margin:0;line-height:1.5}h1{margin:0 0 var(--space-4);font-size:var(--font-size-xl)}a,a:visited{color:var(--color-primary)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.topbar{align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.brand{font-weight:700;font-size:var(--font-size-lg)}.menu ul{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.menu a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:inline-block}.menu a:hover{background:var(--color-bg)}.menu a[aria-current=page]{color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary);font-weight:600}.account{align-items:center;gap:var(--space-3);min-width:0;margin-left:auto;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:var(--font-size-sm);overflow:hidden}.page{width:100%;max-width:var(--content-max-width);padding:var(--space-5) var(--space-4);margin:0 auto}@media (width<=600px){.account{justify-content:space-between;width:100%;margin-left:0}}.form{gap:var(--space-4);flex-direction:column;display:flex}.form p{margin:0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-weight:600}input,select,textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.button{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);min-height:36px;color:var(--color-primary)}.button-secondary:hover:not(:disabled){background:var(--color-bg)}.button:disabled,.link-button:disabled{opacity:.6;cursor:not-allowed}.link-button{padding:var(--space-1) 0;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;text-decoration:underline}.error{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger)}.banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);background:var(--color-warning-bg)}.signin{padding:var(--space-7) var(--space-4);justify-content:center;display:flex}.card{width:100%;max-width:400px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.table-wrap{position:relative;overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);width:100%}th,td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}h2{margin:0 0 var(--space-4);font-size:var(--font-size-lg)}h2:focus{outline:none}.toolbar{gap:var(--space-3);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.panel{padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.limits{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.limit-row{align-items:center;gap:var(--space-3);display:flex}.limit-row input:not([type=checkbox]){flex:1;min-width:0}.field label.checkbox,label.checkbox{align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:400;display:inline-flex}input[type=checkbox]{width:20px;height:20px;margin:0}input:disabled,textarea:disabled{background:var(--color-bg);color:var(--color-text-muted)}input[readonly]{background:var(--color-bg)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm)}.hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.quick-picks,.actions,.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.actions{gap:var(--space-3)}.button-small{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.button-secondary[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-text)}.button-secondary[aria-pressed=true]:hover:not(:disabled){background:var(--color-primary-hover)}.button-danger{border-color:var(--color-danger);background:var(--color-danger)}.button-danger:hover:not(:disabled){background:var(--color-danger);filter:brightness(.9)}.button-danger-text{border-color:var(--color-danger);color:var(--color-danger)}.error p{margin:0}.error ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.error .button{margin-top:var(--space-3)}.tag{margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--font-size-sm);font-weight:600;display:inline-block}table.plans .num,table.data-table .num{white-space:nowrap}table.plans .hint{margin-top:var(--space-1);max-width:220px}table.data-table .wrap-anywhere{overflow-wrap:anywhere}@media (width<=600px){table.plans th,table.plans td,table.data-table th,table.data-table td{white-space:nowrap}table.plans .row-actions{flex-wrap:nowrap}table.plans .hint,table.data-table .hint{white-space:normal}table.data-table td.text{white-space:normal;min-width:280px}table.plans th[scope=row],table.plans thead th:first-child,table.data-table th[scope=row],table.data-table thead th:first-child{z-index:1;background:var(--color-surface);position:sticky;left:0}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog-backdrop{z-index:10;padding:var(--space-4);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:420px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface)}.dialog p{margin:0 0 var(--space-4)}.filters{gap:var(--space-3);margin:0 0 var(--space-4);flex-direction:column;display:flex}.filter-search{max-width:420px}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-row{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.filter-plan{width:auto;min-width:200px}table.data-table tr.clickable{cursor:pointer}table.data-table tr.clickable:hover th,table.data-table tr.clickable:hover td{background:var(--color-bg)}table.data-table th[scope=row] a{color:var(--color-primary)}.load-more{margin:var(--space-4) 0 0;justify-content:center;display:flex}.user-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.user-header-main{min-width:0}.user-header h1{margin-bottom:var(--space-1)}.user-email{margin:0 0 var(--space-2);color:var(--color-text-muted);overflow-wrap:anywhere}.facts{gap:var(--space-1) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.section{margin:0 0 var(--space-6)}.chip-warning{padding:0 var(--space-2);border:1px solid var(--color-orange-border);border-radius:var(--radius-lg);background:var(--color-orange-bg);color:var(--color-orange-text);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600;display:inline-block}.cancel-reason{margin-top:var(--space-1)}.change-lines{margin:0;padding:0;list-style:none}.user-header-actions{align-items:flex-start;gap:var(--space-1);flex-direction:column;max-width:260px;display:flex}.dialog-backdrop:has(.dialog-form){align-items:flex-start;overflow-y:auto}.dialog-form{max-width:560px;margin:auto 0}.dialog-form h2{margin-bottom:var(--space-2)}.dialog-form>.hint{margin:0 0 var(--space-4)}.dialog-question{font-weight:600}.dialog-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dialog-form .quick-picks{margin-top:var(--space-1)}.new-end{font-weight:600}table.data-table tr.row-conflict th,table.data-table tr.row-conflict td{background:var(--color-warning-bg);box-shadow:inset 0 2px 0 var(--color-warning-border), inset 0 -2px 0 var(--color-warning-border)}table.data-table .row-actions{flex-wrap:nowrap}.section-actions{align-items:flex-start;gap:var(--space-1);max-width:260px;margin:0 0 var(--space-3);flex-direction:column;display:flex}