*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;background:var(--color-background);color:var(--color-text)}h1,h2{margin:0;line-height:1.25}h1{font-size:26px}h2{font-size:17px}a{color:var(--color-brand)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:var(--color-text-muted)}.muted.light{font-weight:400}.small{font-size:13px}.strong{font-weight:600}.text-warning{color:#b45309}.text-danger{color:var(--color-danger)}:where(.label){display:block;font-size:13px;font-weight:600;color:var(--color-text-muted);margin:0}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:10px 24px;background:linear-gradient(90deg,var(--color-header-dark),var(--color-header));color:var(--color-text-on-dark)}.topbar-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.topbar-brand img{height:26px}.topbar-brand strong{font-size:17px;letter-spacing:.5px}.topbar-tag{font-size:12px;padding:2px 8px;border-radius:999px;background:#ffffff24}.topnav{display:flex;gap:4px;flex:1}.topnav a{color:#ffffffc7;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:500;white-space:nowrap}.topnav a:hover{color:#fff;background:#ffffff14}.topnav a.active{color:#fff;background:#ffffff29}.topbar-user{display:flex;align-items:center;gap:12px;white-space:nowrap}.topbar-name{font-size:14px;color:inherit;opacity:.85;text-decoration:none}.topbar-name:hover{opacity:1;text-decoration:underline}.narrow{max-width:640px}.page{max-width:1160px;margin:0 auto;padding:28px 24px 64px}.page-header{margin-bottom:20px;display:grid;gap:10px}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header p{margin:0;max-width:760px}.back-link{font-size:14px;text-decoration:none;font-weight:500}.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.stack{display:grid;gap:14px}.stack-lg{display:grid;gap:20px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.grid-2,.grid-3{display:grid;gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--color-surface);border-radius:14px;padding:20px;box-shadow:0 1px 2px #021b3d0f,0 4px 14px #021b3d0d}.card>:not(:first-child){margin-top:14px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-header h2{display:flex;align-items:center;gap:8px}.card-actions{display:flex;gap:6px;flex-wrap:wrap}:where(.card p){margin:0}.field{display:grid;gap:6px;min-width:0;align-content:start}.field label{font-size:14px;font-weight:600}.hint{margin:0;font-size:13px;color:var(--color-text-muted)}.hint.inline{margin-left:12px}.field-error{margin:0;font-size:13px;color:var(--color-danger)}.input{width:100%;font:inherit;color:inherit;padding:10px 12px;border:1px solid rgb(102 112 133 / 35%);border-radius:10px;background:#fff;min-height:42px}textarea.input{resize:vertical}.input:focus{outline:2px solid var(--color-brand);outline-offset:-1px;border-color:transparent}.input:disabled{background:var(--color-background);color:var(--color-text-muted)}.has-error .input{border-color:var(--color-danger)}.input-prefix{display:flex;align-items:center;border:1px solid rgb(102 112 133 / 35%);border-radius:10px;background:#fff;overflow:hidden;max-width:180px}.input-prefix span{padding:0 10px;color:var(--color-text-muted);font-weight:600;font-size:14px}.input-prefix .input{border:0;border-radius:0;padding-left:0}.checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--color-brand);flex:none}.checkbox label{display:grid;gap:2px;font-weight:500;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:14px;padding:10px 16px;min-height:40px;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.wide{width:100%}.btn-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.btn-primary:not(:disabled):hover{filter:brightness(1.08)}.btn-secondary{background:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border)}.btn-danger{background:var(--color-button-danger-bg);color:var(--color-button-danger-text)}.btn-ghost{background:transparent;color:var(--color-brand)}.btn-ghost:not(:disabled):hover{background:#0545ac14}.link{font:inherit;font-size:14px;background:none;border:0;padding:0;color:var(--color-brand);text-decoration:underline;cursor:pointer}.link.on-dark{color:#fff;opacity:.85}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgb(255 255 255 / 40%);border-top-color:#fff;animation:spin .8s linear infinite}.spinner.dark,.btn-secondary .spinner,.btn-ghost .spinner{border-color:#0545ac33;border-top-color:var(--color-brand)}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.badge-success{background:#16a34a1f;color:#15803d}.badge-warning{background:#f59e0b29;color:#b45309}.badge-danger{background:#dc26261a;color:#b91c1c}.badge-brand{background:#0545ac1a;color:var(--color-brand)}.badge-neutral{background:#66708524;color:#475467}.notice{padding:12px 14px;border-radius:10px;font-size:14px;background:#6670851a}.notice-success{background:#16a34a1a;color:#166534}.notice-warning{background:#f59e0b24;color:#92400e}.notice-danger{background:#dc262617;color:#991b1b}.page>.notice{margin-bottom:20px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font:inherit;font-size:14px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid rgb(102 112 133 / 25%);background:#fff;color:var(--color-text);cursor:pointer}.chip span{color:var(--color-text-muted);margin-left:4px}.chip.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.chip.active span{color:#fffc}.loading{display:flex;align-items:center;gap:10px;padding:24px 0;color:var(--color-text-muted)}.empty{text-align:center;padding:32px 16px;display:grid;gap:6px}.empty p{margin:0}.filters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px}.table{display:grid}.table-head,.table-row{display:grid;grid-template-columns:110px minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.2fr) 150px;gap:12px;align-items:center;padding:12px 8px}.table-head{font-size:13px;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid rgb(102 112 133 / 18%)}.table-row{color:inherit;text-decoration:none;border-bottom:1px solid rgb(102 112 133 / 10%);border-radius:8px}.table-row:hover{background:#0545ac0d}.status-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.status-option{font:inherit;text-align:left;display:grid;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid rgb(102 112 133 / 25%);background:#fff;color:var(--color-text);cursor:pointer}.status-option span{font-size:13px;color:var(--color-text-muted)}.status-option.selected{border-color:var(--color-brand);background:#0545ac0f;box-shadow:0 0 0 1px var(--color-brand)}.status-option.danger strong{color:var(--color-danger)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.photo{position:relative;margin:0;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:var(--color-background)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-tag{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#021b3dbf;color:#fff}.photo-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:#021b3db3;color:#fff;font-size:18px;line-height:1;cursor:pointer}.photo-confirm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#021b3db3}.photo-confirm .btn{min-height:32px;padding:4px 12px}.history{list-style:none;margin:0;padding:0;display:grid;gap:12px}.history li{padding-left:14px;border-left:2px solid rgb(5 69 172 / 25%)}.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:10px;background:var(--color-background)}.price-row strong{font-size:18px}.slip{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.slip-image{display:block;border-radius:10px;overflow:hidden;background:var(--color-background);border:1px solid rgb(102 112 133 / 18%)}.slip-image img{display:block;width:100%;max-height:420px;object-fit:contain}.amount{padding:10px 14px;border-radius:10px;background:#f59e0b1f}.amount strong{font-size:22px}.facts{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 12px;margin:0}.facts dt{color:var(--color-text-muted);font-size:14px}.facts dd{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:20px}.stat{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--color-surface);box-shadow:0 1px 2px #021b3d0f,0 4px 14px #021b3d0d;color:inherit;text-decoration:none}a.stat:hover{box-shadow:0 0 0 2px #0545ac40}.stat-label{font-size:13px;color:var(--color-text-muted)}.stat-value{font-size:26px;line-height:1.2}.stat-value.warning{color:#b45309}.stat-value.danger{color:var(--color-danger)}.board-time{display:grid;min-width:64px;flex:none}.grow{flex:1;min-width:0}.wide-select{max-width:240px}.list-row.static{cursor:default}.list{display:grid}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px;border-bottom:1px solid rgb(102 112 133 / 12%);color:inherit;text-decoration:none;border-radius:8px}a.list-row:hover{background:#0545ac0d}.list-meta{display:grid;justify-items:end;gap:4px;text-align:right;flex:none}.doc-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.doc-image{position:relative;display:block;border-radius:10px;overflow:hidden;background:var(--color-background);border:1px solid rgb(102 112 133 / 18%)}.doc-image img{display:block;width:100%;max-height:360px;object-fit:contain}.doc-compact{padding:12px;border-radius:10px;background:var(--color-background)}.doc-compact p{margin:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(160deg,var(--color-header-dark),var(--color-header) 60%,var(--color-brand))}.auth-page>.loading{color:#fff}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:28px 24px;display:grid;gap:16px;box-shadow:0 20px 60px #021b3d59}.auth-card h1{font-size:22px}.auth-card p{margin:0}.auth-brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:8px 14px 8px 10px;border-radius:999px;background:var(--color-header);color:#fff;font-weight:700;letter-spacing:.4px}.auth-brand img{height:22px}.steps{margin:0;padding-left:20px;display:grid;gap:10px}.setup-key{margin:8px 0 4px;padding:12px;border-radius:10px;background:var(--color-background);font-size:17px;letter-spacing:1px;word-break:break-all;-webkit-user-select:all;user-select:all}.recovery-codes{margin:0;padding:14px 14px 14px 36px;border-radius:10px;background:var(--color-background);display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:15px}@media(max-width:900px){.detail-grid{grid-template-columns:minmax(0,1fr)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.slip{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:8px 12px;padding:10px 16px 0}.topbar-user{margin-left:auto}.topbar-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:22px}.topnav{order:3;flex-basis:100%;overflow-x:auto;padding-bottom:8px}.page{padding:20px 16px 48px}h1{font-size:22px}.grid-2,.grid-3,.filters{grid-template-columns:minmax(0,1fr)}.card{padding:16px}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"num status" "model model" "meta meta";gap:2px 12px;padding:12px 4px}.table-row>:nth-child(1){grid-area:num}.table-row>:nth-child(2){grid-area:model}.table-row>:nth-child(3){grid-area:meta;font-size:13px}.table-row>:nth-child(4){display:none}.table-row>:nth-child(5){grid-area:status}.hint.inline{display:block;margin:8px 0 0}.recovery-codes{grid-template-columns:1fr}}