.app{max-width:960px;margin:0 auto;padding:20px 16px}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.app-header-title{margin-right:auto}.app-header-right{display:flex;align-items:center;gap:12px}.app-user-name{font-size:.88rem;font-weight:500;color:#374151}.app-logout-btn{padding:6px 14px;font-size:.82rem;font-weight:500;color:#6b7280;background:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s}.app-logout-btn:hover{color:#dc2626;border-color:#dc2626}.app-logo{height:32px;width:auto;display:block;margin-left:-20px}.app-header-divider{width:1px;height:20px;background:#e5e7eb}.app-header-title{font-size:1rem;font-weight:500;color:#6b7280}.badge{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-online{background:#dcfce7;color:#166534}.badge-offline{background:#fee2e2;color:#991b1b}.layout{display:flex;gap:20px;align-items:flex-start}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.form-panel{flex:1;min-width:0}.preview-panel{width:300px;flex-shrink:0}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:500;color:#555;margin-bottom:5px}.field input{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:5px;font-size:.9rem;color:#1a1a1a;transition:border-color .15s}.field input:focus{outline:none;border-color:#2563eb}.row{display:flex;gap:10px}.row .field{flex:1}.chip-group{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;font-size:.82rem;color:#374151;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:#2563eb;color:#2563eb}.chip-active{background:#2563eb;border-color:#2563eb;color:#fff}.chip-active:hover{color:#fff}.btn-print{width:100%;padding:10px;margin-top:6px;background:#2563eb;color:#fff;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-print:hover:not(:disabled){background:#1d4ed8}.btn-print:disabled{background:#9ca3af;cursor:not-allowed}.hint{margin-top:8px;font-size:.78rem;color:#b45309}.status-msg{margin-top:8px;font-size:.82rem;padding:6px 10px;border-radius:4px}.status-msg.success{background:#dcfce7;color:#166534}.status-msg.error{background:#fee2e2;color:#991b1b}.preview-panel h2{font-size:.9rem;font-weight:600;color:#555;margin-bottom:12px}.label-preview{border:2px dashed #d1d5db;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;overflow:hidden}.label-preview svg{max-width:100%}.preview-placeholder{font-size:.8rem;color:#aaa}.preview-name{font-size:.85rem;font-weight:500;text-align:center}.preview-price{font-size:1rem;font-weight:700;text-align:center}.preview-size{margin-top:10px;font-size:.75rem;color:#9ca3af;text-align:center}@media(max-width:680px){.layout{flex-direction:column}.preview-panel{width:100%}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f4f5f7}.signup-card{width:100%;max-width:440px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:36px 32px;box-shadow:0 4px 16px #00000012}.signup-header{text-align:center;margin-bottom:28px}.signup-header h1{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:6px}.signup-header p{font-size:.88rem;color:#6b7280}.su-field{margin-bottom:18px}.su-field label{display:block;font-size:.82rem;font-weight:500;color:#374151;margin-bottom:6px}.su-field input,.su-field select{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.92rem;color:#1a1a1a;background:#fff;transition:border-color .15s,box-shadow .15s;appearance:auto}.su-field input:focus,.su-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.su-field--error input,.su-field--error select{border-color:#dc2626}.su-field--error input:focus,.su-field--error select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.su-error-msg{display:block;margin-top:5px;font-size:.78rem;color:#dc2626}.su-password-wrapper{position:relative}.su-password-wrapper input{padding-right:42px}.su-toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;padding:0;line-height:1}.su-api-error{margin-bottom:14px;padding:10px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;font-size:.84rem;color:#dc2626;text-align:center}.su-btn-submit{width:100%;padding:11px;margin-top:8px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.97rem;font-weight:600;cursor:pointer;transition:background .15s}.su-btn-submit:hover{background:#1d4ed8}.su-btn-submit:active{background:#1e40af}.su-alt-link{margin-top:18px;text-align:center;font-size:.84rem;color:#6b7280}.su-alt-link a{color:#2563eb;text-decoration:none;font-weight:500}.su-alt-link a:hover{text-decoration:underline}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f4f5f7;color:#1a1a1a;font-size:14px;line-height:1.5}input[type=number]::-webkit-inner-spin-button{opacity:1}