@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#f8fafc;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-inset:#0f172a0a;--border-color:#0f172a14;--border-color-active:#6366f159;--border-subtle:#0f172a0a;--color-primary:#4f46e5;--color-secondary:#9333ea;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f43f5e;--text-high:#0f172a;--text-medium:#334155;--text-muted:#64748b;--shadow-glow:0 10px 25px -5px #6366f11a, 0 8px 10px -6px #6366f11a;--shadow-glow-success:0 10px 25px -5px #10b9811a;--shadow-glow-danger:0 10px 25px -5px #f43f5e1a;--shadow-card:0 8px 32px 0 #0f172a0f;--header-bg:#fff;--simulator-bg:radial-gradient(circle at top, #f1f5f9, #cbd5e1);--mobile-device-border:#e2e8f0;--mobile-device-bg:#fff;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--badge-text-success:#059669;--badge-text-warning:#d97706;--badge-text-danger:#e11d48;--badge-text-primary:#4f46e5;--badge-bg-success:#10b9811f;--badge-bg-warning:#f59e0b1f;--badge-bg-danger:#f43f5e1f;--badge-bg-primary:#6366f11f;box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg-main:#060913;--bg-card:#0d1221bf;--bg-card-hover:#161e36d9;--bg-inset:#ffffff05;--border-color:#ffffff12;--border-color-active:#6366f166;--border-subtle:#ffffff08;--color-primary:#6366f1;--color-secondary:#a855f7;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f43f5e;--text-high:#f8fafc;--text-medium:#cbd5e1;--text-muted:#64748b;--shadow-glow:0 0 20px #6366f126;--shadow-glow-success:0 0 20px #10b98126;--shadow-glow-danger:0 0 20px #f43f5e26;--shadow-card:0 8px 32px 0 #0000005e;--header-bg:#090d16;--simulator-bg:radial-gradient(circle at top, #0f172a, #020617);--mobile-device-border:#1e293b;--mobile-device-bg:#090d16;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--badge-text-success:#34d399;--badge-text-warning:#fbbf24;--badge-text-danger:#fb7185;--badge-text-primary:#818cf8;--badge-bg-success:#10b98126;--badge-bg-warning:#f59e0b26;--badge-bg-danger:#f43f5e26;--badge-bg-primary:#6366f126}body{background-color:var(--bg-main);color:var(--text-medium);font-family:var(--font-sans);min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:var(--bg-card-hover);border-color:var(--border-color-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-inset);color:var(--text-medium);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-active);color:var(--text-high)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #b91c1c);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #f43f5e40}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #f43f5e59}.form-input,.form-select,.form-textarea{background:var(--bg-inset);border:1px solid var(--border-color);color:var(--text-high);font-family:var(--font-sans);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-card-hover);border-color:var(--color-primary);box-shadow:0 0 10px #6366f126}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--badge-bg-success);color:var(--badge-text-success);border:1px solid #10b98133}.badge-warning{background:var(--badge-bg-warning);color:var(--badge-text-warning);border:1px solid #f59e0b33}.badge-danger{background:var(--badge-bg-danger);color:var(--badge-text-danger);border:1px solid #f43f5e33}.badge-primary{background:var(--badge-bg-primary);color:var(--badge-text-primary);border:1px solid #6366f133}.zpl-preview{color:#10b981;background:#111827;border:1px solid #10b9814d;border-radius:8px;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4;overflow-x:auto}.simulator-container{background:var(--simulator-bg);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;transition:background .3s;display:flex}.mobile-device{border:12px solid var(--mobile-device-border);background:var(--mobile-device-bg);border-radius:40px;flex-direction:column;width:375px;height:812px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 30px #6366f11a}.mobile-device:before{content:"";background:var(--mobile-device-border);z-index:100;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:150px;height:25px;transition:background .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-content{flex-direction:column;flex:1;padding:40px 16px 20px;display:flex;overflow-y:auto}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #6366f126}50%{box-shadow:0 0 25px #6366f14d}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.form-section{border-left:3px solid var(--color-primary);flex-direction:column;gap:12px;margin-bottom:20px;padding-left:14px;display:flex}.form-section-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.form-row-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}