:root{--navy:#1b3a8a;--navy-dark:#122a66;--teal:#12a39b;--teal-soft:#e3f5f4;--red:#d92d20;--red-soft:#fdecea;--amber:#b54708;--amber-bg:#f79009;--amber-soft:#fef4e6;--green:#067647;--green-bg:#12b76a;--green-soft:#e7f8ef;--text:#0f1b33;--muted:#5b6478;--line:#dce3ee;--bg:#f3f6fb;--card:#fff;--radius:14px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--tap:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:var(--navy)}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 12px}small,.muted{color:var(--muted)}code,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.topbar{z-index:20;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar a{color:#fff;text-decoration:none}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.brand small{color:#ffffffbf;font-size:.72rem;font-weight:500;display:block}.topnav{gap:4px;display:none}.topnav a{border-radius:10px;padding:8px 12px;font-size:.95rem;font-weight:600}.topnav a:hover,.topnav a[aria-current=page]{background:#ffffff24}.usermenu{align-items:center;gap:6px;display:flex}.usermenu summary{cursor:pointer;border-radius:10px;padding:8px 10px;font-size:.9rem;font-weight:600;list-style:none}.usermenu summary::-webkit-details-marker{display:none}.usermenu[open] summary,.usermenu summary:hover{background:#ffffff24}.usermenu .menu{min-width:220px;color:var(--text);z-index:30;background:#fff;border-radius:12px;padding:6px;position:absolute;top:56px;right:12px;box-shadow:0 10px 30px #10182833}.usermenu .menu a,.usermenu .menu button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px;text-decoration:none;display:block}.usermenu .menu a:hover,.usermenu .menu button:hover{background:var(--bg)}.container{width:100%;max-width:1080px;margin:0 auto;padding:16px 16px 110px}.narrow{max-width:560px}.bottomnav{z-index:20;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{min-height:62px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.bottomnav a svg{width:24px;height:24px}.bottomnav a[aria-current=page]{color:var(--navy)}@media (min-width:900px){.topnav{display:flex}.bottomnav{display:none}.container{padding-bottom:40px}h1{font-size:1.7rem}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card.flat{box-shadow:none;border:1px solid var(--line)}.stack>*+*{margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid2{gap:12px;display:grid}@media (min-width:700px){.grid2{grid-template-columns:1fr 1fr}}.btn{min-height:var(--tap);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{border-color:#c4cedd}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-dark)}.btn-teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn-danger{color:var(--red);background:#fff;border-color:#f3b8b2}.btn-green{background:var(--green-bg);border-color:var(--green-bg);color:#fff}.btn-block{width:100%}.btn-lg{border-radius:14px;min-height:64px;font-size:1.1rem}.btn-sm{border-radius:10px;min-height:40px;padding:0 12px;font-size:.9rem}.btn-link{color:var(--navy);cursor:pointer;min-height:auto;font-weight:600;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.field{margin-bottom:14px;display:block}.field>span{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.field .hint{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:400;display:block}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=url],input[type=tel],select,textarea{width:100%;min-height:var(--tap);font:inherit;color:var(--text);background:#fff;border:1px solid #c9d2e0;border-radius:12px;padding:12px 14px;font-size:16px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline-offset:1px;border-color:var(--navy);outline:3px solid #1b3a8a40}input[readonly]{background:var(--bg);color:var(--muted)}.alert{border:1px solid;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.95rem}.alert-error{background:var(--red-soft);color:#912018;border-color:#f5c2bc}.alert-ok{background:var(--green-soft);color:var(--green);border-color:#a6e9c5}.alert-warn{background:var(--amber-soft);color:#93370d;border-color:#fbd49a}.alert-info{background:var(--teal-soft);color:#0b5e59;border-color:#b0e2df}.badge{letter-spacing:.2px;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.b-PENDIENTE{color:#475467;background:#eef1f6}.b-EMITIDA{color:var(--navy);background:#e8eefc}.b-UTILIZADA{background:var(--green-soft);color:var(--green)}.b-ANULADA{background:var(--red-soft);color:#912018}.b-warn{background:var(--amber-soft);color:#93370d}.b-manual{color:#6941c6;background:#f4ebff}.tabs{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;flex:none;align-items:center;min-height:44px;padding:10px 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.tabs a[aria-current=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.tiles{gap:12px;margin:8px 0 18px;display:grid}@media (min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{min-height:96px;box-shadow:var(--shadow);color:var(--text);background:#fff;border:2px solid #0000;border-radius:18px;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.tile:hover{border-color:var(--teal)}.tile .ico{border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid}.tile .ico svg{width:30px;height:30px}.tile strong{letter-spacing:.3px;font-size:1.15rem;display:block}.tile span{color:var(--muted);font-size:.9rem}@media (min-width:700px){.tile{text-align:center;flex-direction:column;justify-content:center;min-height:190px}}.stats{gap:12px;display:grid}@media (min-width:700px){.stats{grid-template-columns:1fr 1fr}}.stat h3{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:.85rem}.stat .big{font-size:1.6rem;font-weight:800}.stat .big small{font-size:.95rem;font-weight:600}.meter{background:#edf1f7;border-radius:99px;height:8px;margin:6px 0 12px;overflow:hidden}.meter>i{background:var(--navy);border-radius:99px;height:100%;display:block}.meter.teal>i{background:var(--teal)}.list{gap:10px;display:grid}.item{box-shadow:var(--shadow);color:inherit;background:#fff;border-radius:14px;padding:14px;text-decoration:none;display:block}.item:hover{box-shadow:0 0 0 2px var(--teal)}.item .title{font-size:1.02rem;font-weight:700}.item .sub{color:var(--muted);overflow-wrap:anywhere;font-size:.88rem}.item .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.kv{grid-template-columns:minmax(110px,38%) 1fr;gap:8px 12px;font-size:.95rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:.9rem}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}table.t th{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:.78rem}.diff{background:var(--bg);border-radius:10px;margin:6px 0 0;padding:8px 10px;font-size:.9rem}.diff .from{color:#912018;text-decoration:line-through}.diff .to{color:var(--green);font-weight:600}.choice{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin-top:8px;padding:12px;display:flex}.choice input{flex:none;width:22px;height:22px;margin-top:1px}.counts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:700px){.counts{grid-template-columns:repeat(5,1fr)}}.count{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:12px}.count b{font-size:1.6rem;display:block}.count span{color:var(--muted);font-size:.8rem;font-weight:600}.count.c-new b{color:var(--teal)}.count.c-mod b{color:var(--navy)}.count.c-conf b{color:var(--red)}.badge-preview{background:#fff;border-radius:6px;width:100%;max-width:380px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 30px #1018282e;container-type:inline-size}.badge-preview .design{object-fit:cover;object-position:50% 0%;width:100%;display:block}.badge-preview .sample{color:#fff;letter-spacing:1px;background:#d92d20eb;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:800;position:absolute;top:8px;right:8px}.scanner{aspect-ratio:1;background:#000;border-radius:18px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .frame{pointer-events:none;border:4px solid #ffffffe6;border-radius:18px;position:absolute;inset:14%;box-shadow:0 0 0 999px #00000059}.scanner .msg{text-align:center;color:#fff;text-shadow:0 1px 3px #0009;padding:0 12px;font-weight:600;position:absolute;bottom:14px;left:0;right:0}.verdict{color:#fff;text-align:center;border-radius:22px;margin-bottom:16px;padding:26px 20px}.verdict h1{letter-spacing:.5px;margin:6px 0 14px;font-size:1.9rem}.verdict .ico{width:78px;height:78px;margin:0 auto}.verdict .who{font-size:1.35rem;font-weight:800}.verdict .co{opacity:.95;font-size:1.05rem}.verdict .code{background:#ffffff2e;border-radius:8px;margin-top:10px;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:1rem;display:inline-block}.verdict .when{margin-top:12px;font-size:1.05rem;font-weight:600}.v-green{background:var(--green-bg)}.v-amber{background:var(--amber-bg)}.v-red{background:var(--red)}.v-done{background:var(--green)}.login-wrap{background:linear-gradient(160deg,#eaf0fb 0%,#f7fbfb 60%,#e3f5f4 100%);place-items:center;min-height:100dvh;padding:20px 16px;display:grid}.login-card{width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:18px}.login-logo b{color:var(--navy);letter-spacing:.3px;font-size:1.35rem;display:block}.login-logo span{color:var(--muted);font-size:.9rem}.hidden{display:none!important}.mt{margin-top:16px}.mb0{margin-bottom:0}.center{text-align:center}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-600.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-700.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-800.ttf)format("truetype");font-weight:800;font-display:swap}