:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#202124;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}.topbar{min-height:68px;background:#1f2937;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5%;gap:28px;box-shadow:0 2px 10px rgba(15,23,42,.12)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:1px}.brand-mark,.login-logo .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#2563eb;color:#fff;font-weight:700}.main-nav{display:flex;justify-content:center;align-items:center;gap:8px}.main-nav a,.user-nav a{color:#dbeafe;text-decoration:none;font-size:14px;padding:10px 15px;border-radius:8px;white-space:nowrap}.main-nav a:hover,.user-nav a:hover{background:#374151;color:#fff}.user-nav{justify-self:end;display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:14px}.container{max-width:1180px;margin:0 auto;padding:28px 20px 70px}.hero,.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.hero{padding:30px;background:#fff;border:1px solid #e4e7eb}.hero h1,.page-head h1{margin:0 0 8px;font-size:26px}.hero p,.muted{margin:0;color:#6b7280}.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#3f4652;color:#fff;padding:11px 18px;min-height:42px;border-radius:6px;text-decoration:none;cursor:pointer}.button.primary{background:#1f6feb}.button.ghost{background:#fff;color:#374151;border:1px solid #d4d9e0}.button.small{min-height:32px;padding:6px 10px;font-size:13px}.submit{width:100%;margin-top:8px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats div,.panel,.auth-card,.detail-panel{background:#fff;border:1px solid #e3e6ea;padding:20px}.stats b,.stats span{display:block}.stats span{margin-top:8px;color:#6b7280}.panel,.detail-panel{margin-bottom:18px}.panel h2,.detail-panel h2{font-size:18px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field{margin-bottom:18px}label{display:block;color:#374151;font-size:14px}label input,label select,label textarea{display:block;width:100%;margin-top:7px;border:1px solid #d4d9e0;border-radius:5px;padding:11px 12px;font:inherit;background:#fff}textarea{min-height:110px;resize:vertical}.upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.upload-row input{flex:1;min-width:220px}.upload-row span{color:#6b7280;font-size:14px}.query-bar{display:grid;grid-template-columns:1fr 1fr 1.5fr auto auto;gap:12px;align-items:end;background:#fff;border:1px solid #e3e6ea;padding:16px;margin-bottom:18px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e3e6ea}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf0f2;font-size:14px;vertical-align:top}th{background:#f7f8fa;color:#4b5563}td a{color:#1f6feb}.actions{display:flex;gap:10px;align-items:center}.detail-grid{display:grid;grid-template-columns:150px 1fr 150px 1fr;border-top:1px solid #edf0f2}.detail-grid>div{padding:12px;border-bottom:1px solid #edf0f2}.detail-label{background:#f4f7fb;color:#4b5563}.file-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #edf0f2}.file-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-bottom:1px solid #edf0f2}.auth-card{max-width:420px;margin:12vh auto;padding:28px}.auth-card h1{margin-top:0}.auth-card label{margin:16px 0}.auth-card button{width:100%}.error{color:#c53030}.success{color:#16803c}.login-page{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:30px 16px;background:linear-gradient(135deg,#eff6ff,#f8fafc)}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:38px 34px;box-shadow:0 18px 50px rgba(30,64,175,.12);text-align:center}.login-logo{margin-bottom:16px}.login-card h1{margin:0;font-size:28px;color:#111827}.login-subtitle{margin:8px 0 28px;color:#64748b}.login-card label{text-align:left;margin:16px 0}.login-card input{height:46px;border-radius:9px}.login-button{width:100%;height:46px;margin-top:8px;border-radius:9px;font-size:16px}.login-foot{margin:24px 0 0;color:#94a3b8;font-size:13px}.login-error{background:#fef2f2;border:1px solid #fecaca;padding:10px;border-radius:8px}@media(max-width:760px){.topbar{grid-template-columns:1fr;padding:14px 18px;gap:12px}.brand,.main-nav,.user-nav{justify-self:start}.main-nav{justify-content:flex-start;flex-wrap:wrap;gap:2px}.main-nav a,.user-nav a{padding:8px 10px}.container{padding:18px 12px 50px}.hero,.page-head{align-items:flex-start;flex-direction:column}.hero h1,.page-head h1{font-size:22px}.stats{grid-template-columns:1fr}.grid,.query-bar,.file-grid{grid-template-columns:1fr}.query-bar{align-items:stretch}.detail-grid{grid-template-columns:110px 1fr}.detail-grid>div:nth-child(3){grid-column:1}.detail-grid>div:nth-child(4){grid-column:2}.panel,.detail-panel{padding:15px}.submit{position:sticky;bottom:10px;z-index:2}.table-wrap{margin:0 -12px;border-left:0;border-right:0}.login-page{min-height:calc(100vh - 1px)}.login-card{padding:30px 22px}}
.inline-form{display:inline;margin-left:10px}.inline-create{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}.inline-create input,.inline-create select{width:100%;border:1px solid #d4d9e0;border-radius:5px;padding:11px 12px;font:inherit}.checks{display:flex;gap:12px;flex-wrap:wrap}.check{border:1px solid #d4d9e0;padding:11px 13px;border-radius:5px;background:#fafbfc}.check input{width:auto;margin-right:6px}.link{padding:0;background:transparent;color:#1f6feb;min-height:0}.danger{color:#c53030}@media(max-width:760px){.inline-create{grid-template-columns:1fr}}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tiny{min-height:32px;padding:6px 10px;font-size:13px}.success-button{background:#16803c}.danger-button{background:#c53030}.password-inline{display:flex;align-items:center;gap:8px}.password-inline input{width:150px;margin:0;padding:8px}.row-actions form{display:flex;align-items:center;gap:6px}.row-actions input[type=password]{width:130px;padding:7px;border:1px solid #d4d9e0;border-radius:4px}
.delete-dialog{border:0;border-radius:12px;padding:24px;min-width:320px;box-shadow:0 20px 60px rgba(15,23,42,.25)}.delete-dialog::backdrop{background:rgba(15,23,42,.45)}.delete-dialog h2{margin:0 0 10px}.delete-dialog label{margin:18px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.login-page{min-height:100vh!important;background:#f6f7f9!important}.login-card{width:min(430px,100%)!important;text-align:left!important;border-radius:8px!important;padding:34px!important;box-shadow:0 12px 30px rgba(31,41,55,.08)!important}.login-brand{display:flex;align-items:center;gap:12px;font-size:24px;color:#111827}.login-brand .brand-mark{width:40px;height:40px}.login-card .login-subtitle{margin:12px 0 28px;color:#6b7280}.login-card input{height:46px;border-radius:6px}.login-button{width:100%;height:46px;border-radius:6px}.login-foot{text-align:center;color:#6b7280;font-size:13px}
.field select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #d4d9e0;border-radius:6px;background:#fff;color:#202124;font:inherit;cursor:pointer}.field select:focus,label select:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.image-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.image-upload-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:156px;padding:18px;border:1px dashed #b8c2d1;border-radius:8px;background:#f8fafc;color:#4b5563;text-align:center;cursor:pointer;overflow:hidden}.image-upload-card:hover{border-color:#2563eb;background:#eff6ff}.image-upload-card input{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0;cursor:pointer;z-index:2}.image-upload-placeholder{display:flex;flex-direction:column;gap:8px;pointer-events:none}.image-upload-placeholder strong{font-size:15px;color:#374151}.image-upload-placeholder small{color:#6b7280}.image-upload-preview{display:block;max-width:100%;max-height:190px;object-fit:contain;border-radius:5px;pointer-events:none}@media(max-width:760px){.image-upload-grid{grid-template-columns:1fr}}
.image-upload-preview[hidden]{display:none!important}.image-upload-existing{display:block;max-width:100%;max-height:125px;object-fit:contain;border-radius:5px;margin-bottom:8px;pointer-events:none}.image-upload-card:has(.image-upload-existing){flex-direction:column}
.image-upload-card{height:156px;min-height:156px;max-height:156px}.image-upload-existing,.image-upload-preview{width:100%;height:112px;max-width:100%;max-height:112px;object-fit:contain;border-radius:5px;margin:0 auto;flex:0 0 auto}.image-upload-card:has(.image-upload-existing){gap:4px}
.image-upload-existing{position:relative;z-index:3;pointer-events:auto;cursor:zoom-in}.file-delete-button{position:absolute;top:8px;right:8px;z-index:4;width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;background:#c53030;color:#fff;font-size:22px;line-height:26px;font-weight:700}.file-delete-button:hover{background:#9b2c2c}.image-viewer{position:relative;width:min(92vw,900px);max-width:92vw;padding:20px;border:0;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.3)}.image-viewer::backdrop{background:rgba(15,23,42,.7)}.image-viewer img{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}.image-viewer p{margin:10px 0 0;text-align:center;color:#4b5563;font-size:13px}.image-viewer-close{position:absolute;top:6px;right:8px;width:32px;height:32px;min-height:32px;padding:0;background:#fff;color:#374151;font-size:24px;line-height:28px;border-radius:50%;z-index:2}.image-viewer-close:hover{background:#f1f5f9}
.upload-submit{display:flex;justify-content:center;margin-top:20px}.detail-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px}.detail-actions form{margin:0}.detail-actions .button{min-width:112px}.table-wrap table th:first-child,.table-wrap table td:first-child{width:48px}.table-wrap table th:nth-child(2),.table-wrap table td:nth-child(2){width:54px}.table-wrap .button.tiny{margin:2px 4px 2px 0}.toolbar select{min-height:42px;padding:9px 12px;border:1px solid #d4d9e0;border-radius:6px;background:#fff;font:inherit;color:#202124}.query-bar .button{white-space:nowrap}@media(max-width:760px){.actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.actions .button{width:100%;padding:10px 8px}.detail-actions{margin-top:20px}.detail-actions .button,.detail-actions form{width:100%}.detail-actions form .button{width:100%}.upload-submit .button{width:100%;max-width:260px}.toolbar{gap:8px}.toolbar .button,.toolbar select{flex:1;min-width:calc(50% - 8px)}.table-wrap table{min-width:760px}th,td{padding:10px 9px;font-size:13px}.table-wrap .button.tiny{padding:6px 8px}.page-head .button{width:100%}}
.table-wrap{border-radius:8px;box-shadow:0 2px 10px rgba(15,23,42,.04)}.table-wrap tbody tr:hover{background:#f8fbff}.table-wrap th{font-weight:600;white-space:nowrap}.table-wrap td:first-child,.table-wrap td:nth-child(2){color:#4b5563}.table-wrap td:last-child{white-space:nowrap}.query-bar{border-radius:8px;box-shadow:0 2px 10px rgba(15,23,42,.03)}
.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}.pagination .button{min-width:36px;min-height:36px;padding:7px 11px;border-radius:7px}.pagination .button:not(.primary){background:#fff;color:#4b5563;border:1px solid #d9dee7}.pagination .button:not(.primary):hover{border-color:#2563eb;color:#1f6feb;background:#eff6ff}.status-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:13px;white-space:nowrap}.status-submitted{background:#fff7ed;color:#b45309}.status-completed{background:#ecfdf3;color:#16803c}.status-refunded{background:#fef2f2;color:#c53030}@media(max-width:760px){.pagination{gap:6px;margin-top:14px}.pagination .button{min-width:34px;min-height:34px;padding:6px 9px}}
.modify-order-button{color:#1f6feb!important;border-color:#bfdbfe!important;background:#eff6ff!important}.modify-order-button:hover{background:#dbeafe!important;border-color:#93c5fd!important}.table-wrap .modify-order-button{margin-right:6px}
.status-pending{background:#eff6ff;color:#2563eb}
.export-button{background:#7c3aed;color:#fff}.export-button:hover{background:#6d28d9}@media(max-width:760px){.export-button{width:100%}}
.admin-users-table th:nth-child(2),.admin-users-table td:nth-child(2){width:110px;white-space:nowrap}
.table-wrap .admin-products-table,.table-wrap .admin-templates-table{table-layout:fixed}.table-wrap .admin-products-table th:nth-child(1),.table-wrap .admin-products-table td:nth-child(1){width:48px}.table-wrap .admin-products-table th:nth-child(2),.table-wrap .admin-products-table td:nth-child(2){width:538px;min-width:538px}.table-wrap .admin-products-table th:nth-child(3),.table-wrap .admin-products-table td:nth-child(3){width:106px}.table-wrap .admin-templates-table th:nth-child(1),.table-wrap .admin-templates-table td:nth-child(1){width:48px}.table-wrap .admin-templates-table th:nth-child(2),.table-wrap .admin-templates-table td:nth-child(2){width:75px}.table-wrap .admin-templates-table th:nth-child(3),.table-wrap .admin-templates-table td:nth-child(3){width:168px}.table-wrap .admin-templates-table th:nth-child(4),.table-wrap .admin-templates-table td:nth-child(4){width:295px}.table-wrap .admin-templates-table th:nth-child(5),.table-wrap .admin-templates-table td:nth-child(5){width:106px}
.signature-box{margin-top:18px;padding:16px;border:1px solid #e3e6ea;border-radius:8px;background:#fafbfc}.signature-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.signature-box canvas{display:block;width:100%;height:auto;min-height:150px;background:#fff;border:1px dashed #b8c2d1;border-radius:6px;touch-action:none}.signature-existing{margin-top:10px;padding:8px;background:#fff;border:1px solid #e3e6ea;border-radius:6px}.signature-existing img{display:block;width:100%;max-height:110px;object-fit:contain}
.query-bar{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}@media(max-width:760px){.query-bar{grid-template-columns:1fr}}
.main-nav a.active{background:#374151;color:#fff}
.mobile-signature-dialog{width:94vw;max-width:620px;height:auto;max-height:90vh;margin:auto;padding:14px;border:0;border-radius:10px;background:#f8fafc;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.28)}.mobile-signature-dialog::backdrop{background:rgba(15,23,42,.48)}.mobile-signature-head,.mobile-signature-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}.mobile-signature-actions{justify-content:center;margin-top:10px;padding-bottom:env(safe-area-inset-bottom)}.mobile-signature-dialog canvas{display:block;width:100%;height:auto;aspect-ratio:2 / 1;min-height:0;margin:10px auto 0;border:1px solid #cbd5e1;background:#fff;touch-action:none}.mobile-signature-dialog .button{font:inherit;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:0;white-space:nowrap}.mobile-signature-launch{display:none}@media(max-width:760px){.mobile-signature-dialog[open]{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:85vh;height:94vw;max-width:none;max-height:none}.mobile-signature-dialog.signature-rotated{transform:translate(-50%,-50%) rotate(90deg)}.mobile-signature-dialog canvas{flex:1 1 auto;width:100%;height:auto;min-height:0;aspect-ratio:auto}.mobile-signature-head strong{font-size:15px}.mobile-signature-actions .button{flex:1;min-height:40px}.mobile-signature-trigger{cursor:pointer}}
.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}.pagination-count{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;color:#7b8494;background:#fff;border:1px solid #e3e7ee;border-radius:6px;white-space:nowrap}.pagination-pages{display:flex;align-items:center;gap:8px}.pagination-page,.pagination-nav,.pagination-jump-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #e3e7ee;border-radius:6px;background:#fff;color:#7b8494;text-decoration:none;white-space:nowrap}.pagination-page:hover,.pagination-nav:hover,.pagination-jump-button:hover{color:#2563eb;border-color:#93b4ef;background:#f5f8ff}.pagination-page.active{color:#fff;background:#334e68;border-color:#334e68}.pagination-ellipsis{color:#9aa3b2}.pagination-jump{display:flex;align-items:center;gap:6px;margin:0 0 0 2px;color:#7b8494}.pagination-jump label{display:flex;align-items:center;gap:5px;white-space:nowrap}.pagination-jump input{width:58px;min-height:36px;padding:0 8px;border:1px solid #e3e7ee;border-radius:6px;background:#fff;color:#344054;font:inherit;text-align:center}.pagination-jump-button{cursor:pointer;padding:0 10px}@media(max-width:760px){.pagination{gap:6px}.pagination-pages{gap:6px}.pagination-page,.pagination-nav,.pagination-jump-button,.pagination-count{min-height:34px;padding:0 9px}.pagination-jump{width:100%;margin-top:2px}.pagination-jump input{min-height:34px}}
.pagination{justify-content:center}.pagination-jump{justify-content:center}
.table-wrap .admin-templates-table th:nth-child(2),.table-wrap .admin-templates-table td:nth-child(2){width:150px;min-width:150px}