.login-page[data-v-17b6b5a8]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card[data-v-17b6b5a8]{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000026,0 0 0 1px #fff3;animation:slideUp-17b6b5a8 .6s ease-out}@keyframes slideUp-17b6b5a8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-17b6b5a8]{text-align:center;margin-bottom:36px}.login-logo[data-v-17b6b5a8]{width:64px;height:auto;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.login-header h1[data-v-17b6b5a8]{font-size:1.7rem;font-weight:600;color:#333;margin-bottom:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle[data-v-17b6b5a8]{color:#888;font-size:.95rem;font-weight:300}.input-group[data-v-17b6b5a8]{margin-bottom:20px}.input-wrapper[data-v-17b6b5a8]{position:relative;display:flex;align-items:center}.input-icon[data-v-17b6b5a8]{position:absolute;left:16px;width:20px;height:20px;color:#aaa;pointer-events:none;transition:color .3s ease}.input-wrapper:focus-within .input-icon[data-v-17b6b5a8]{color:#667eea}.input-wrapper input[data-v-17b6b5a8]{width:100%;padding:16px 16px 16px 48px;border:2px solid #e8e8e8;border-radius:12px;font-size:1rem;background:#fafafa;transition:all .3s ease;font-family:inherit;color:#333}.input-wrapper input[data-v-17b6b5a8]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.input-wrapper input[data-v-17b6b5a8]::placeholder{color:#bbb}.error-message[data-v-17b6b5a8]{display:flex;align-items:center;gap:8px;color:#e74c3c;font-size:.88rem;margin-bottom:16px;padding:10px 14px;background:rgba(231,76,60,.08);border-radius:8px;animation:shake-17b6b5a8 .4s ease-in-out}.error-icon[data-v-17b6b5a8]{width:16px;height:16px;flex-shrink:0}@keyframes shake-17b6b5a8{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}button[data-v-17b6b5a8]{width:100%;padding:16px;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea59;display:flex;align-items:center;justify-content:center;min-height:52px;font-family:inherit}button[data-v-17b6b5a8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea73}button[data-v-17b6b5a8]:active:not(:disabled){transform:translateY(0)}button[data-v-17b6b5a8]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-17b6b5a8]{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-17b6b5a8 .7s linear infinite}@keyframes spin-17b6b5a8{to{transform:rotate(360deg)}}.login-footer[data-v-17b6b5a8]{text-align:center;margin-top:24px;color:#bbb;font-size:.82rem;font-weight:300;letter-spacing:.5px}@media (max-width: 480px){.login-card[data-v-17b6b5a8]{padding:36px 24px}.login-header h1[data-v-17b6b5a8]{font-size:1.4rem}}[data-v-332dcd6e]{box-sizing:border-box}.label-maker[data-v-332dcd6e]{max-width:1200px;margin:0 auto;padding:24px;font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}h1[data-v-332dcd6e]{color:#fff;text-align:center;font-size:2.5rem;font-weight:300;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}h2[data-v-332dcd6e]{color:#333;font-size:1.8rem;font-weight:400;margin-bottom:1.5rem}form[data-v-332dcd6e]{background:white;padding:32px;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem}.form-group[data-v-332dcd6e]{margin-bottom:24px}.form-group label[data-v-332dcd6e]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:.95rem}select[data-v-332dcd6e],input[data-v-332dcd6e],textarea[data-v-332dcd6e]{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.custom-dropdown[data-v-332dcd6e]{position:relative;width:100%}.dropdown-selected[data-v-332dcd6e]{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:white;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.dropdown-selected[data-v-332dcd6e]:hover{border-color:#667eea}.dropdown-arrow[data-v-332dcd6e]{transition:transform .3s ease;color:#666}.dropdown-arrow.open[data-v-332dcd6e]{transform:rotate(180deg)}.dropdown-options[data-v-332dcd6e]{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 16px #0000001a;z-index:1000;max-height:400px;overflow-y:auto}.search-box[data-v-332dcd6e]{padding:12px;border-bottom:1px solid #f0f0f0}.search-box input[data-v-332dcd6e]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin:0}.chips-container[data-v-332dcd6e]{padding:16px;display:flex;flex-wrap:wrap;gap:8px;max-height:300px;overflow-y:auto}.chip[data-v-332dcd6e]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.chip[data-v-332dcd6e]:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-1px)}.chip.selected[data-v-332dcd6e]{background:#667eea;color:#fff;border-color:#667eea}select[data-v-332dcd6e]:focus,input[data-v-332dcd6e]:focus,textarea[data-v-332dcd6e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input[readonly][data-v-332dcd6e]{background-color:#f5f5f5;color:#666}textarea[data-v-332dcd6e]{resize:vertical;min-height:120px}button[data-v-332dcd6e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}button[data-v-332dcd6e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}button[data-v-332dcd6e]:active{transform:translateY(0)}.labels-preview[data-v-332dcd6e]{background:white;padding:32px;border-radius:16px;box-shadow:0 8px 32px #0000001a}.labels-list[data-v-332dcd6e]{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:2rem}.label-card[data-v-332dcd6e]{background:#fff;border:2px solid #333;border-radius:8px;width:350px;height:225px;padding:15px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;transition:all .3s ease;box-shadow:0 4px 16px #00000014;flex-shrink:0}.label-card[data-v-332dcd6e]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#667eea;cursor:pointer}.clickable-card[data-v-332dcd6e]{cursor:pointer;transition:all .3s ease}.download-hint[data-v-332dcd6e]{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:#666;background:rgba(255,255,255,.9);padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .3s ease}.label-card:hover .download-hint[data-v-332dcd6e]{opacity:1}.label-content[data-v-332dcd6e]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.label-title[data-v-332dcd6e]{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:4px;margin-top:5px;line-height:1.2}.label-subtitle[data-v-332dcd6e]{font-size:1rem;color:#333;margin-bottom:4px;font-weight:400;line-height:1.2}.label-serial[data-v-332dcd6e]{font-size:1rem;color:#333;margin-bottom:2px;font-weight:400;line-height:1.2}.barcode-container[data-v-332dcd6e]{display:flex;justify-content:flex-start;align-items:center;margin:2px 0 0 1px;min-height:60px;background:white;padding:0}.barcode-svg[data-v-332dcd6e]{max-width:300px;height:auto}.label-footer[data-v-332dcd6e]{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:10px;left:15px;right:15px}.website[data-v-332dcd6e]{font-size:1rem;color:#333;font-weight:400}.logo[data-v-332dcd6e]{height:20px;width:35px;object-fit:contain}.download-buttons[data-v-332dcd6e]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.download-buttons button[data-v-332dcd6e]{min-width:180px}@media (max-width: 768px){.label-maker[data-v-332dcd6e]{padding:16px}h1[data-v-332dcd6e]{font-size:2rem}form[data-v-332dcd6e],.labels-preview[data-v-332dcd6e]{padding:24px}.labels-list[data-v-332dcd6e]{justify-content:center}.label-card[data-v-332dcd6e]{width:320px;height:200px}.download-buttons[data-v-332dcd6e]{flex-direction:column}.download-buttons button[data-v-332dcd6e]{width:100%}}svg[data-v-332dcd6e]{transition:opacity .3s ease}.elevation-1[data-v-332dcd6e]{box-shadow:0 2px 4px #0000001a}.elevation-2[data-v-332dcd6e]{box-shadow:0 4px 8px #0000001f}.elevation-3[data-v-332dcd6e]{box-shadow:0 8px 16px #00000024}.floating-actions{position:fixed;top:16px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.action-btn{width:40px;height:40px;min-height:unset;padding:0;border:none;border-radius:8px;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.action-btn svg{width:18px;height:18px}.action-btn:hover{background:rgba(0,0,0,.5);transform:none;box-shadow:0 3px 12px #00000040}.action-btn:active{transform:scale(.93)}.logout-btn{background:rgba(180,40,30,.4)}.logout-btn:hover{background:rgba(180,40,30,.6)}@media (max-width: 600px){.floating-actions{top:10px;right:10px}.action-btn{width:36px;height:36px}.action-btn svg{width:16px;height:16px}}