@charset "UTF-8";
@font-face{font-family:Rubik;src:url('/fonts/rubik-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('/fonts/rubik-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Rubik;src:url('/fonts/rubik-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url('/fonts/rubik-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Rubik;src:url('/fonts/rubik-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--blue:#1a227e;--green:#00cb8a;--deep:#001238;--ink:#10172f;--muted:#5f6988;--line:#dce2ef;--white:#fff;--shadow:0 24px 60px rgba(0,18,56,.13);font-family:Rubik,Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f7fbff 0%,#eef6f4 100%)}a{color:inherit;text-decoration:none}button,input{font:inherit}header,main,footer{width:min(1180px,calc(100% - 32px));margin:0 auto}header{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:var(--blue);font-size:1.35rem;font-weight:800}.badge{color:var(--blue);background:#e9ecf7;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600}main{padding:40px 0}.intro{margin-bottom:34px}.eyebrow,.step{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 10px}h1,h2,p{margin-top:0}h1{margin-bottom:18px;color:var(--deep);font-size:clamp(2.3rem,5vw,4.9rem);line-height:.96;font-weight:700;max-width:1000px}h2{color:var(--deep);font-size:1.5rem;line-height:1.2;margin:14px 0 16px}.intro>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:800px}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.card,.auth-panel{border:1px solid rgba(220,226,239,.86);border-radius:8px;background:rgba(255,255,255,.95);box-shadow:var(--shadow);padding:28px;min-width:0}.card>p{color:var(--muted);font-size:.93rem;line-height:1.7}.card>.eyebrow{color:var(--blue);font-size:.76rem;line-height:normal}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary{background:#f5f8fb;border:1px solid var(--line);border-radius:8px;padding:20px;margin:24px 0}.summary span{font-size:.8rem;color:var(--muted);display:block}.summary strong{display:block;color:var(--deep);font-size:1rem;font-weight:600;margin-top:8px}.summary small{display:block;font-size:.8rem;margin-top:8px}.summary-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.summary-row strong{font-size:1.05rem}button{min-height:46px;border:0;border-radius:8px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:var(--white);background:var(--blue)}button:hover{filter:brightness(1.1)}button:disabled{cursor:wait;opacity:.5}.text-button{background:transparent;color:var(--blue);min-height:32px;padding:4px 0;font-size:.85rem}#generate{width:100%}label{display:block;color:var(--deep);font-size:.9rem;font-weight:700;margin:20px 0 8px}input{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);background:var(--white)}input:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(0,203,138,.36);outline-offset:2px}.card .footnote{color:var(--muted);font-size:.78rem;line-height:1.6;margin:16px 0 0}.empty-result{min-height:270px}.success-tag{color:#087c58;font-size:.8rem;font-weight:700}.barcode-container{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:24px 12px;background:white}.barcode-container svg{display:block;width:100%;height:80px}.copy-row{display:flex;gap:10px}.copy-row input{min-width:0;font:.76rem Consolas,monospace}.secondary{color:var(--deep);background:var(--green);font-size:.8rem;white-space:nowrap;padding:10px 14px}.message{border:1px solid #f2c5c0;border-radius:8px;background:#fff1ef;color:#b42318;padding:16px;margin:24px 0;font-size:.9rem;line-height:1.6}.note{display:flex;gap:10px;margin:28px 0 0;color:var(--muted);font-size:.82rem;line-height:1.7}.note p{margin:0}.note strong{color:var(--deep)}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:var(--muted)}.auth-gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:rgba(0,18,56,.82);overflow-y:auto}.auth-panel{width:min(460px,100%);padding:32px}.auth-panel h2{font-size:2rem;line-height:1.12;margin:0 0 20px}.auth-panel label{margin-top:0}.password-row{display:grid;grid-template-columns:1fr auto;gap:10px}.form-message{margin:12px 0 0;color:#b42318;font-size:.9rem;line-height:1.5}.is-locked{filter:blur(2px);pointer-events:none;user-select:none}@media(max-width:900px){.workspace{grid-template-columns:1fr}h1{font-size:clamp(2.3rem,6vw,4rem)}}@media(max-width:520px){main{padding-top:24px}.card{padding:22px}.auth-panel{padding:28px 24px}.auth-panel h2{font-size:1.7rem}.copy-row{flex-direction:column}.copy-row button{align-self:flex-end}footer{flex-direction:column;gap:8px}.badge{padding:8px 12px;font-size:.75rem}h1{line-height:1.05}}