.topbar[data-v-722bc0bc]{position:sticky;top:0;z-index:100;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px clamp(12px,4vw,32px);padding-left:max(clamp(12px,4vw,32px),env(safe-area-inset-left));padding-right:max(clamp(12px,4vw,32px),env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));background:var(--topbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-bottom:20px}.brand[data-v-722bc0bc]{display:flex;align-items:center;gap:10px;margin-right:18px;font-size:16px;font-weight:700;color:var(--text);text-decoration:none}.brand-mark[data-v-722bc0bc]{width:30px;height:30px;border-radius:9px;flex:none}.topbar nav[data-v-722bc0bc]{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topbar nav[data-v-722bc0bc]::-webkit-scrollbar{display:none}.topbar nav a[data-v-722bc0bc]{padding:8px 13px;border-radius:9px;color:var(--text-2);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.topbar nav a[data-v-722bc0bc]:hover{background:var(--hover);color:var(--text)}.topbar nav a.active[data-v-722bc0bc]{background:var(--accent-soft);color:var(--accent);font-weight:600}.user[data-v-722bc0bc]{margin-left:auto;display:flex;align-items:center;gap:10px}.logout-btn[data-v-722bc0bc]{min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text-2);font:inherit;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.logout-btn[data-v-722bc0bc]:hover{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.theme-switch[data-v-722bc0bc]{position:relative;display:inline-flex;align-items:center;width:54px;height:30px;flex:none;cursor:pointer}.theme-switch input[data-v-722bc0bc]{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.theme-switch .track[data-v-722bc0bc]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#cfd6e0;transition:background .25s}.theme-switch .knob[data-v-722bc0bc]{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;display:grid;place-items:center;color:#f59e0b;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .25s;pointer-events:none}.theme-switch .knob svg[data-v-722bc0bc]{width:14px;height:14px}.theme-switch .knob .moon[data-v-722bc0bc]{display:none}.theme-switch input:checked~.track[data-v-722bc0bc]{background:var(--accent)}.theme-switch input:checked~.knob[data-v-722bc0bc]{transform:translate(24px);color:#1e3a8a}.theme-switch input:checked~.knob .sun[data-v-722bc0bc]{display:none}.theme-switch input:checked~.knob .moon[data-v-722bc0bc]{display:block}.theme-switch input:focus-visible~.track[data-v-722bc0bc]{box-shadow:0 0 0 3px var(--accent-ring)}.main-content[data-v-722bc0bc]{padding-bottom:calc(40px + env(safe-area-inset-bottom))}@media (max-width: 900px){.brand[data-v-722bc0bc]{margin-right:auto}.user[data-v-722bc0bc]{margin-left:0;order:2}.topbar nav[data-v-722bc0bc]{order:3;flex-basis:100%;margin-top:4px}}@media (max-width: 640px){.topbar[data-v-722bc0bc]{margin-bottom:14px}.logout-btn[data-v-722bc0bc],.topbar nav a[data-v-722bc0bc]{min-height:40px;display:inline-flex;align-items:center}}:root{color-scheme:light;--bg: #f2f5f9;--surface: #ffffff;--surface-2: #f8fafc;--line: #e4e8ef;--text: #0f172a;--text-2: #475569;--text-3: #334155;--muted: #64748b;--hover: #f1f5f9;--field-bg: #ffffff;--field-line: #d6dce6;--topbar-bg: rgba(255, 255, 255, .85);--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #eff4ff;--accent-ring: rgba(37, 99, 235, .14);--success: #15803d;--success-bg: #f0fdf4;--success-line: #bbf7d0;--danger: #b91c1c;--danger-bg: #fef2f2;--danger-line: #fecaca;--warn: #92400e;--warn-bg: #fffbeb;--warn-line: #fcd34d;--info: #1e40af;--info-bg: #eff6ff;--violet: #6b21a8;--violet-bg: #f5f3ff;--dash-line: #cbd5e1;--glow-1: rgba(37, 99, 235, .07);--glow-2: rgba(14, 165, 233, .06);--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -12px rgba(15, 23, 42, .12);--scan: #14b8a6}html[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--surface: #111a2b;--surface-2: #0f1727;--line: #223047;--text: #e6edf7;--text-2: #aab8cc;--text-3: #c3cfe0;--muted: #8a9bb3;--hover: #18243a;--field-bg: #0f1727;--field-line: #2b3b55;--topbar-bg: rgba(11, 18, 32, .85);--accent: #5b8def;--accent-strong: #3b6fe0;--accent-soft: #172642;--accent-ring: rgba(91, 141, 239, .28);--success: #4ade80;--success-bg: #0f2418;--success-line: #1f5a35;--danger: #f87171;--danger-bg: #2a1414;--danger-line: #6b2424;--warn: #fbbf24;--warn-bg: #2a2110;--warn-line: #7a5a12;--info: #93c5fd;--info-bg: #172642;--violet: #c4b5fd;--violet-bg: #251b3d;--dash-line: #33455f;--glow-1: rgba(91, 141, 239, .12);--glow-2: rgba(14, 165, 233, .08);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px -12px rgba(0, 0, 0, .6);--scan: #2dd4bf}@media (prefers-color-scheme: dark){html:not([data-theme=light]){color-scheme:dark;--bg: #0b1220;--surface: #111a2b;--surface-2: #0f1727;--line: #223047;--text: #e6edf7;--text-2: #aab8cc;--text-3: #c3cfe0;--muted: #8a9bb3;--hover: #18243a;--field-bg: #0f1727;--field-line: #2b3b55;--topbar-bg: rgba(11, 18, 32, .85);--accent: #5b8def;--accent-strong: #3b6fe0;--accent-soft: #172642;--accent-ring: rgba(91, 141, 239, .28);--success: #4ade80;--success-bg: #0f2418;--success-line: #1f5a35;--danger: #f87171;--danger-bg: #2a1414;--danger-line: #6b2424;--warn: #fbbf24;--warn-bg: #2a2110;--warn-line: #7a5a12;--info: #93c5fd;--info-bg: #172642;--violet: #c4b5fd;--violet-bg: #251b3d;--dash-line: #33455f;--glow-1: rgba(91, 141, 239, .12);--glow-2: rgba(14, 165, 233, .08);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 32px -12px rgba(0, 0, 0, .6);--scan: #2dd4bf}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;background:radial-gradient(1100px 480px at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(900px 420px at -10% 0%,var(--glow-2),transparent 55%),var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(12px,3vw,24px);padding-left:max(clamp(12px,3vw,24px),env(safe-area-inset-left));padding-right:max(clamp(12px,3vw,24px),env(safe-area-inset-right))}.page-title{margin:0 0 4px;font-size:22px;font-weight:700}.page-sub{margin:0;color:var(--muted);font-size:14px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.page-head .actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:none;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #1d4ed859,inset 0 1px #ffffff26;transition:filter .15s,transform .05s,background .15s,border-color .15s}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-3);border:1px solid var(--line);box-shadow:none}.btn-secondary:hover:not(:disabled){filter:none;background:var(--hover)}.btn-success{background:linear-gradient(180deg,#16a34a,#15803d);box-shadow:0 1px 2px #15803d59,inset 0 1px #ffffff26}.btn-danger{background:var(--surface);color:var(--danger);border:1px solid var(--danger-line);box-shadow:none}.btn-danger:hover:not(:disabled){filter:none;background:var(--danger-bg)}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.btn-block{width:100%}.field{margin-bottom:14px;text-align:left}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-3)}.input{width:100%;min-width:0;max-width:100%;display:block;padding:10px 13px;border:1px solid var(--field-line);border-radius:10px;background:var(--field-bg);color:var(--text);font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input[type=date].input{min-height:44px;line-height:1.2;text-align:left}input[type=date].input::-webkit-date-and-time-value{text-align:left}.hint{margin-top:6px;color:var(--muted);font-size:12.5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,3vw,24px)}.card h3{font-size:15px;font-weight:700;margin-bottom:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:10px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:var(--hover)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.empty{text-align:center;color:var(--muted);padding:30px 10px}@media (max-width: 640px){.data-table.stack thead{display:none}.data-table.stack,.data-table.stack tbody,.data-table.stack tr,.data-table.stack td{display:block;width:100%}.data-table.stack tr{padding:10px 0;border-bottom:1px solid var(--line)}.data-table.stack tr:last-child{border-bottom:none}.data-table.stack td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border:none}.data-table.stack td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex:none}.data-table.stack td.row-title{justify-content:flex-start;font-weight:700;font-size:15px;padding-bottom:6px}.data-table.stack td.row-title:before{display:none}.data-table.stack td.empty{justify-content:center}.data-table.stack td.empty:before{display:none}}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-pending{background:var(--hover);color:var(--text-2);border-color:var(--line)}.badge-ok{background:var(--success-bg);color:var(--success);border-color:var(--success-line)}.badge-confirm{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}.badge-error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}.badge-fixed{background:var(--info-bg);color:var(--info)}.badge-cached{background:var(--violet-bg);color:var(--violet)}.badge-nophoto{background:var(--warn-bg);color:var(--text-2);border-color:var(--warn-line)}.progress-bar{width:100%;height:8px;background:var(--hover);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#0ea5e9);border-radius:4px;transition:width .3s ease}.alert{margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:14px;word-break:break-word}.alert-success{background:var(--success-bg);border:1px solid var(--success-line);color:var(--success)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger)}.alert-warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn)}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(92vw,480px);padding:12px 18px;border-radius:12px;color:#fff;font-size:14px;font-weight:500;z-index:9999;box-shadow:var(--shadow);animation:toastIn .25s ease}.toast-success{background:#15803d}.toast-error{background:#b91c1c}@keyframes toastIn{0%{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%);opacity:1}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.overlay img{max-width:92vw;max-height:92vh;border-radius:8px}@media (pointer: coarse){.input,select,textarea{font-size:16px}.btn-sm{min-height:40px}}