:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1e293b;background:#eef2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#ddd6fe,transparent 34rem),radial-gradient(circle at 90% 80%,#bfdbfe,transparent 30rem)}.shell{width:min(100% - 32px,680px);margin:0 auto;padding:64px 0}.panel{background:#fff;border:1px solid #e0e7ff;border-radius:24px;padding:32px;box-shadow:0 24px 60px #4338ca18}.login-panel{max-width:440px;margin:9vh auto}.eyebrow{margin:0;color:#4f46e5;font-size:12px;font-weight:800;letter-spacing:.12em}.panel h1{margin:9px 0;font-size:30px;letter-spacing:-.03em}.login-panel>p:not(.eyebrow):not(.message){color:#64748b;margin:0 0 24px}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:14px;font-weight:700;color:#475569}input,textarea,select{width:100%;border:1px solid #dbe3f0;border-radius:10px;background:#fff;color:#172033;font:inherit;padding:11px 12px}input,select{height:44px}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid #a5b4fc;border-color:#818cf8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:center;gap:9px;font-weight:500;color:#475569}.check input{width:17px;height:17px;accent-color:#4f46e5}.hint,.message{min-height:18px;margin:-8px 0 0;font-size:13px;color:#64748b}.message.error{color:#dc2626}.message.success{color:#15803d}button{border:0;border-radius:11px;background:#4f46e5;color:#fff;font:700 15px inherit;padding:13px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}header h1{margin-bottom:0}.secondary{display:inline-flex;align-items:center;justify-content:center;width:auto;border-radius:11px;background:#eef2ff;color:#4f46e5;padding:10px 13px;font-size:13px;font-weight:700;text-decoration:none}.secondary:hover{background:#e0e7ff}.back-home{white-space:nowrap}.history-panel{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-head h2{margin:0;font-size:20px}.history-list{display:grid;gap:12px;margin-top:14px}.history-item{padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff;font-size:12px;line-height:1.5}.history-meta{display:flex;justify-content:space-between;gap:8px}.history-meta b{color:#15803d}.history-item p{margin:7px 0}.history-prompt{color:#64748b;white-space:pre-wrap;word-break:break-word}.history-item ol{margin:8px 0;padding-left:20px;color:#64748b}.history-error{color:#dc2626!important}.history-item details{margin-top:8px}.history-item pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f1f5f9;padding:10px;border-radius:8px}@media(max-width:500px){.shell{width:min(100% - 24px,680px);padding:26px 0}.panel{padding:22px;border-radius:18px}.login-panel{margin:4vh auto}.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}
.record-grid{display:grid;grid-template-columns:144px 1fr;gap:14px;align-items:start}.record-thumb{display:block;width:144px;height:auto;aspect-ratio:1011/639;object-fit:cover;border-radius:8px;border:1px solid #dbe3f0;background:#f1f5f9}.record-thumb.empty{display:grid;place-items:center;color:#94a3b8;font-size:12px}.record-item h3{margin:6px 0 2px;font-size:17px}.record-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.record-actions .secondary{padding:8px 10px;font-size:12px}@media(max-width:500px){.record-grid{grid-template-columns:110px 1fr}.record-thumb{width:110px;height:auto;aspect-ratio:1011/639}.record-actions{display:grid;grid-template-columns:1fr 1fr}.record-actions .secondary{width:100%}}
.admin-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.template-panel{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.template-preview{display:block;width:100%;margin:14px 0;border:1px solid #dbe3f0;border-radius:12px;background:#f8fafc}.template-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.template-form input{min-width:0}.template-form .secondary{margin:0}.history-page .history-panel.first{margin-top:0;padding-top:0;border-top:0}@media(max-width:500px){.admin-nav{justify-content:flex-start}.template-form{grid-template-columns:1fr}.template-form button{width:100%}}

.history-status.success{color:#15803d}.history-status.failure{color:#dc2626}.history-status.pending{color:#b45309}.ai-history-source{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;margin:10px 0}.ai-history-source img,.ai-history-source-empty{width:58px;height:58px;object-fit:cover;border:1px solid #dbe3f0;border-radius:8px;background:#f1f5f9}.ai-history-source-empty{display:grid;place-items:center;padding:5px;color:#94a3b8;font-size:10px;text-align:center}.ai-history-source b{font-size:13px}.ai-history-source p{margin:2px 0 0;color:#64748b}.history-detail>p{margin:8px 0}.history-detail ol{margin:10px 0;padding-left:20px;color:#64748b}

.secondary.danger{color:#b91c1c;background:#fef2f2}.secondary.danger:hover{background:#fee2e2}.history-inline-actions{display:flex;justify-content:flex-end;margin:8px 0 0}@media(max-width:500px){.history-inline-actions{justify-content:stretch}.history-inline-actions .secondary{width:100%}}

.list-controls{display:flex;align-items:center;gap:8px}.list-controls label{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.list-controls select{height:36px;width:auto;padding:0 26px 0 9px;font-size:12px}.list-controls .secondary{padding:9px 12px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;color:#64748b;font-size:12px}.pagination .secondary{padding:8px 11px;font-size:12px}.compact-record{padding:10px}.compact-record .record-grid{grid-template-columns:116px 1fr;gap:11px}.compact-record .record-thumb{width:116px;border-radius:7px}.compact-record .record-summary{min-width:0}.compact-record .history-meta{font-size:11px}.compact-record h3{margin:2px 0 0;font-size:15px;line-height:1.25}.compact-record p{margin:1px 0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-record .record-actions{margin-top:6px;gap:5px}.compact-record .record-actions .secondary{padding:6px 8px;font-size:11px}.compact-ai{padding:9px 10px}.compact-ai .ai-history-source{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;margin:0;align-items:center}.compact-ai .ai-history-source img,.compact-ai .ai-history-source-empty{width:46px;height:46px;border-radius:7px}.compact-ai .history-meta{font-size:11px}.compact-ai .history-meta b{white-space:nowrap}.compact-ai .history-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-ai .delete-ai-history{padding:7px 9px;font-size:11px}.compact-ai details{margin-top:5px}.compact-ai summary{font-size:11px;color:#64748b}.compact-ai .history-detail{font-size:12px}.compact-ai .history-detail pre{margin-bottom:0}.compact-error{margin:2px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.history-page .history-head{justify-content:flex-end}@media(max-width:500px){.compact-record .record-grid{grid-template-columns:94px 1fr}.compact-record .record-thumb{width:94px}.compact-record .record-actions{display:flex;grid-template-columns:none}.compact-record .record-actions .secondary{width:auto}.compact-ai .ai-history-source{grid-template-columns:42px minmax(0,1fr) auto}.compact-ai .ai-history-source img,.compact-ai .ai-history-source-empty{width:42px;height:42px}.pagination{justify-content:space-between;flex-wrap:wrap}.list-controls{width:100%;justify-content:flex-end}}
.compact-ai .ai-history-source{grid-template-columns:52px 52px minmax(0,1fr) auto}.compact-ai .ai-history-thumb{display:grid;gap:2px;justify-items:center;min-width:0}.compact-ai .ai-history-thumb img,.compact-ai .ai-history-thumb .ai-history-source-empty{width:46px;height:46px;object-fit:cover;border:1px solid #dbe3f0;border-radius:7px;background:#f1f5f9}.compact-ai .ai-history-thumb .ai-history-source-empty{display:grid;place-items:center;padding:3px;color:#94a3b8;font-size:9px;text-align:center}.compact-ai .ai-history-thumb small{color:#64748b;font-size:10px;line-height:1}@media(max-width:500px){.compact-ai .ai-history-source{grid-template-columns:46px 46px minmax(0,1fr) auto}.compact-ai .ai-history-thumb img,.compact-ai .ai-history-thumb .ai-history-source-empty{width:40px;height:40px}.compact-ai .ai-history-thumb small{font-size:9px}}

.image-preview-trigger{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;line-height:0}.image-preview-trigger img{display:block}.image-preview-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.image-preview-modal[hidden]{display:none}.image-preview-backdrop{position:absolute;inset:0;background:#0f172acc}.image-preview-dialog{position:relative;z-index:1;max-width:min(96vw,1200px);max-height:92vh;padding:10px;border-radius:12px;background:#fff;box-shadow:0 20px 70px #0008}.image-preview-dialog img{display:block;max-width:calc(96vw - 20px);max-height:calc(92vh - 20px);width:auto;height:auto;object-fit:contain}.image-preview-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;padding:0;border-radius:50%;background:#fff;color:#334155;font-size:24px;line-height:1;box-shadow:0 4px 14px #0004}.compact-record .image-preview-trigger{width:116px}.compact-record .image-preview-trigger img{width:116px;height:auto;aspect-ratio:1011/639;object-fit:cover;border-radius:7px;border:1px solid #dbe3f0;background:#f1f5f9}.compact-ai .image-preview-trigger{width:46px}.compact-ai .image-preview-trigger img{width:46px;height:46px;object-fit:cover;border:1px solid #dbe3f0;border-radius:7px;background:#f1f5f9}@media(max-width:500px){.compact-record .image-preview-trigger{width:94px}.compact-record .image-preview-trigger img{width:94px}.compact-ai .image-preview-trigger{width:40px}.compact-ai .image-preview-trigger img{width:40px;height:40px}}

.qr-download{position:relative;display:inline-flex}.qr-download-popover{position:absolute;z-index:30;bottom:calc(100% + 8px);left:50%;width:176px;padding:9px;border:1px solid #c7d2fe;border-radius:12px;background:#fff;box-shadow:0 12px 30px #312e8155;text-align:center;transform:translateX(-50%)}.qr-download-popover[hidden]{display:none}.qr-download-popover img{display:block;width:150px;height:150px;margin:auto;background:#fff}.qr-download-popover small{display:block;margin-top:4px;color:#64748b;font-size:11px;line-height:1.3}@media(max-width:500px){.qr-download-popover{left:auto;right:0;transform:none}}

.compact-record .record-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.compact-record .record-title-row h3{flex:0 0 auto;margin:2px 0;font-size:15px;line-height:1.25}.compact-record .record-title-row .record-actions{flex:1 1 auto;justify-content:flex-end;margin-top:0;min-width:0}.compact-record .record-title-row .record-actions .secondary{white-space:nowrap}@media(max-width:700px){.compact-record .record-title-row{align-items:flex-start;flex-wrap:wrap}.compact-record .record-title-row .record-actions{flex:1 1 100%;justify-content:flex-end}}@media(max-width:500px){.compact-record .record-title-row{gap:4px}.compact-record .record-title-row .record-actions{gap:4px}.compact-record .record-title-row .record-actions .secondary{padding:5px 6px;font-size:10px}}

.print-history-status{color:#475569!important;font-size:11px}

.compact-print-job{padding:10px}.print-job-grid{display:grid;grid-template-columns:116px 1fr;gap:11px;align-items:start}.print-job-thumb{display:block;width:116px;height:auto;aspect-ratio:1011/639;object-fit:cover;border:1px solid #dbe3f0;border-radius:7px;background:#f1f5f9}.print-job-thumb.empty{display:grid;place-items:center;color:#94a3b8;font-size:11px}.print-job-main{min-width:0}.print-job-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.print-job-title h3{margin:2px 0;font-size:15px;line-height:1.25}.print-job-main p{margin:3px 0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.print-job-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.print-job-actions .secondary{padding:6px 8px;font-size:11px;white-space:nowrap}.print-job-retry{color:#b45309!important}.compact-print-job details{margin-top:6px}.compact-print-job summary{font-size:11px;color:#64748b;cursor:pointer}.compact-print-job pre{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f1f5f9;padding:9px;border-radius:8px;font-size:11px}@media(max-width:500px){.print-job-grid{grid-template-columns:94px 1fr}.print-job-thumb{width:94px}.print-job-title{align-items:flex-start;flex-direction:column}.print-job-actions{justify-content:flex-start}.print-job-actions .secondary{padding:5px 7px;font-size:10px}}

.print-notice{margin:10px 0!important;padding:10px 12px;border-radius:9px;background:#dcfce7;color:#166534!important;font-weight:700}

.performance-shell{width:min(100% - 32px,1000px)}.performance-panel{margin-top:0;padding-top:0;border-top:0}.performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.performance-head h2{margin:0;font-size:20px}.performance-head p{margin:6px 0 0;color:#64748b;font-size:13px}.performance-summary{display:flex;gap:12px;margin:20px 0}.performance-summary>div{min-width:150px;padding:14px 18px;border:1px solid #e0e7ff;border-radius:12px;background:#f8faff}.performance-summary small{display:block;color:#64748b;font-size:12px}.performance-summary strong{display:block;margin-top:4px;color:#312e81;font-size:24px}.performance-chart{margin-top:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}.chart-scroll{overflow-x:auto}.performance-svg{display:block;width:100%;min-width:760px;height:auto}.chart-grid{stroke:#e2e8f0;stroke-width:1}.chart-axis{stroke:#94a3b8;stroke-width:1.2}.chart-axis-label{fill:#64748b;font-size:13px}.chart-axis-title,.chart-title{fill:#475569;font-size:13px;font-weight:700}.chart-title{font-size:15px;fill:#1e293b}.chart-line{fill:none;stroke:#4f46e5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:#4f46e5;stroke-width:3;cursor:help}.chart-average{stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:7 5}.chart-average-label{fill:#b45309;font-size:12px;font-weight:700}.chart-note{margin:8px 12px 12px}.chart-empty{padding:32px;text-align:center}@media(max-width:500px){.performance-shell{width:min(100% - 24px,1000px)}.performance-head{align-items:stretch;flex-direction:column}.performance-summary{display:grid;grid-template-columns:1fr 1fr}.performance-summary>div{min-width:0;padding:12px}.performance-summary strong{font-size:20px}}

.admin-nav,.home-nav{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}.admin-nav::-webkit-scrollbar,.home-nav::-webkit-scrollbar{height:0}

.customer-list{display:grid;gap:8px;margin-top:16px}.customer-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff}.customer-item b,.customer-item small{display:block}.customer-item small{margin-top:3px;color:#64748b}.customer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.customer-actions select{width:auto;height:34px;padding:5px 24px 5px 8px;font-size:12px}.customer-actions .secondary{padding:7px 9px;font-size:12px}@media(max-width:600px){.customer-item{align-items:flex-start;flex-direction:column}.customer-actions{justify-content:flex-start}}

.printer-actions{display:flex;gap:8px;flex-wrap:wrap}.printer-actions .secondary{margin:0}