:root{--bg:#f4f7fb;--card:#fff;--text:#14213d;--muted:#5b6475;--border:#d9e1ec;--primary:#1d4ed8;--primary-dark:#1e40af;--danger:#dc2626;--danger-soft:#fee2e2;--shadow:0 12px 30px #14213d14;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input,select{font:inherit}.page{min-height:100vh;padding:20px 14px 32px}.form-shell{width:100%;max-width:920px;margin:0 auto}.form-header{margin-bottom:18px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:13px;font-weight:700}.title{margin:0;font-size:28px;line-height:1.1}.subtitle{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.45}.card,.item-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{gap:14px;padding:16px;display:grid}.items-section{margin-top:18px}.section-head{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.section-head h2{margin:0;font-size:22px}.section-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.items-list{gap:14px;display:grid}.item-card{padding:16px}.item-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.item-badge{color:var(--primary);background:#e8f0ff;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field:last-child{margin-bottom:0}.field label{font-size:14px;font-weight:700}input,select{border:1px solid var(--border);background:#fff;border-radius:14px;outline:none;width:100%;min-height:50px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1d4ed81f}.actions{margin-top:20px}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:none;border-radius:14px;min-height:48px;padding:12px 16px;font-weight:700;transition:transform 80ms,opacity .2s,background .2s}.primary-button:active,.secondary-button:active,.danger-button:active{transform:scale(.98)}.primary-button{background:var(--primary);color:#fff;width:100%;box-shadow:var(--shadow)}.primary-button:hover{background:var(--primary-dark)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button{color:var(--primary);background:#eef4ff}.secondary-button:hover{background:#dfeaff}.danger-button{background:var(--danger-soft);min-height:38px;color:var(--danger);padding:8px 12px}.danger-button:hover{background:#fecaca}@media (min-width:768px){.page{padding:36px 24px 48px}.title{font-size:36px}.card{grid-template-columns:1fr 1fr;padding:20px}.section-head{flex-direction:row;justify-content:space-between;align-items:end}.secondary-button{width:auto;min-width:180px}.items-list{grid-template-columns:1fr 1fr}.actions{justify-content:flex-end;display:flex}.primary-button{width:auto;min-width:220px}}.scan-wrapper{margin-top:10px}.scanner-box{gap:10px;margin-top:10px;display:grid}.scanner-help{color:var(--muted);font-size:13px}.scanner-video{border:1px solid var(--border);object-fit:cover;background:#000;border-radius:14px;width:100%;max-width:420px;height:180px;margin:0 auto;display:block}@media (max-width:767px){.scanner-video{height:160px}}.scanner-error{color:var(--danger);margin:8px 0 0;font-size:13px}.scanner-frame{width:100%;max-width:420px;margin:0 auto;position:relative}.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-target{border:2px solid #fffffff2;border-radius:10px;width:78%;height:54px;box-shadow:0 0 0 9999px #0000002e}.login-page{min-height:100vh;position:relative;overflow:hidden}.login-bg{background-image:url(/images/login-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-overlay{background:#0f172a94;position:absolute;inset:0}.login-wrapper{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(12px);background:#0f172ab8;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:430px;padding:28px 22px;box-shadow:0 24px 60px #00000059}.login-header{text-align:center;margin-bottom:28px}.login-logo{object-fit:contain;width:auto;height:84px;margin:0 auto 18px;display:block}.login-title{color:#fff;margin:0;font-size:2rem;font-weight:700;line-height:1.1}.login-subtitle{color:#e2e8f0d9;margin:10px 0 0;font-size:.95rem}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#e2e8f0;font-size:.95rem;font-weight:600}.login-field input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;min-height:54px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input::placeholder{color:#cbd5e1b8}.login-field input:focus{background:#ffffff1a;border-color:#3b82f6e6;box-shadow:0 0 0 4px #3b82f633}.login-error{color:#fecaca;background:#7f1d1d38;border:1px solid #f8717140;border-radius:16px;padding:12px 14px;font-size:.92rem}.login-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:18px;width:100%;min-height:54px;font-size:1rem;font-weight:700;transition:transform 80ms,opacity .2s,background .2s}.login-submit:hover{background:#1d4ed8}.login-submit:active{transform:scale(.985)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-link{color:#e2e8f0e0;cursor:pointer;background:0 0;border:none;padding:2px 0 0;font-size:.95rem}.login-link:hover{color:#fff}@media (min-width:640px){.login-card{padding:34px 30px}.login-logo{height:96px}.login-title{font-size:2.25rem}}.admin-page{background:#f3f6fb;min-height:100vh;padding:24px 14px 40px}.admin-shell{max-width:1280px;margin:0 auto}.admin-header{flex-direction:column;gap:16px;margin-bottom:18px;display:flex}.admin-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 8px;font-size:12px;font-weight:800}.admin-title{color:#0f172a;margin:0;font-size:32px;line-height:1.05}.admin-subtitle{color:#64748b;margin:10px 0 0;font-size:15px;line-height:1.5}.admin-primary-btn,.admin-secondary-btn{cursor:pointer;border-radius:14px;min-height:46px;padding:0 18px;font-weight:700;transition:all .2s}.admin-primary-btn{color:#fff;background:#2563eb;border:none;box-shadow:0 10px 24px #2563eb2e}.admin-primary-btn:hover{background:#1d4ed8}.admin-secondary-btn{color:#0f172a;background:#fff;border:1px solid #d7dfeb}.admin-secondary-btn:hover{background:#f8fafc}.admin-filter-card,.admin-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 16px 40px #0f172a0f}.admin-filter-card{margin-bottom:18px;padding:18px}.admin-filter-grid{gap:14px;display:grid}.admin-field{flex-direction:column;gap:8px;display:flex}.admin-field label{color:#334155;font-size:13px;font-weight:700}.admin-field input,.admin-field select{color:#0f172a;background:#fff;border:1px solid #d7dfeb;border-radius:14px;outline:none;width:100%;min-height:48px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.admin-field input::placeholder{color:#94a3b8}.admin-field input:focus,.admin-field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.admin-filter-actions{align-items:end;display:flex}.admin-table-card{overflow:hidden}.admin-table-topbar{padding:20px 20px 8px}.admin-table-topbar h2{color:#0f172a;margin:0;font-size:20px}.admin-table-topbar p{color:#64748b;margin:6px 0 0;font-size:14px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:980px}.admin-table thead th{text-align:left;letter-spacing:.04em;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:12px;font-weight:800}.admin-table tbody td{color:#0f172a;vertical-align:top;border-bottom:1px solid #eef2f7;padding:16px 20px;font-size:14px}.admin-type-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.admin-empty-state{color:#64748b;padding:28px 20px 32px;font-size:15px}@media (min-width:768px){.admin-page{padding:32px 24px 48px}.admin-header{flex-direction:row;justify-content:space-between;align-items:end}.admin-title{font-size:38px}.admin-filter-grid{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end}.admin-primary-btn{min-width:180px}}.admin-inline-input{border:1px solid #d7dfeb;border-radius:10px;outline:none;width:100%;min-height:40px;padding:8px 10px;font-size:14px}.admin-inline-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.admin-status-on,.admin-status-off{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.admin-status-on{color:#047857;background:#ecfdf5}.admin-status-off{color:#b91c1c;background:#fef2f2}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-action-edit,.admin-action-toggle,.admin-action-save,.admin-action-cancel{cursor:pointer;border:none;border-radius:10px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700}.admin-action-edit{color:#1d4ed8;background:#eff6ff}.admin-action-toggle{color:#334155;background:#f8fafc;border:1px solid #d7dfeb}.admin-action-save{color:#fff;background:#2563eb}.admin-action-cancel{color:#b91c1c;background:#fef2f2}.admin-layout{background:#eef3f9;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#0f172a;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;width:280px;padding:22px 18px;display:flex}.admin-sidebar-top{flex-direction:column;gap:24px;display:flex}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand-badge{letter-spacing:.04em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:800;display:flex;box-shadow:0 12px 24px #2563eb40}.admin-brand-title{color:#fff;margin:0;font-size:15px;font-weight:800}.admin-brand-subtitle{color:#94a3b8;margin:4px 0 0;font-size:12px}.admin-nav{flex-direction:column;gap:8px;display:flex}.admin-nav-link{color:#cbd5e1;border-radius:14px;align-items:center;min-height:46px;padding:0 14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.admin-nav-link:hover{color:#fff;background:#ffffff0f}.admin-nav-link.active{color:#fff;background:linear-gradient(135deg,#2563eb38,#2563eb1f);border:1px solid #3b82f647}.admin-sidebar-bottom{padding-top:20px}.admin-logout-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;width:100%;min-height:46px;font-weight:700;transition:all .2s}.admin-logout-btn:hover{background:#ffffff14}.admin-content{flex:1;min-width:0}@media (max-width:991px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:16px 14px}.admin-sidebar-top{gap:16px}.admin-nav{flex-flow:wrap}.admin-nav-link{min-height:42px}.admin-sidebar-bottom{padding-top:14px}}.toast-stack{z-index:9999;gap:10px;max-width:min(92vw,380px);display:grid;position:fixed;top:18px;right:18px}.toast-item{color:#fff;border-radius:16px;align-items:center;gap:10px;min-height:54px;padding:12px 14px;animation:.22s toastIn;display:flex;box-shadow:0 18px 45px #0f172a38}.toast-dot{background:#ffffffeb;border-radius:999px;flex-shrink:0;width:10px;height:10px}.toast-success{background:linear-gradient(135deg,#059669,#047857)}.toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.toast-info{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-backdrop{z-index:9998;-webkit-backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:440px;padding:22px;box-shadow:0 18px 50px #0f172a38}.confirm-card h3{color:#0f172a;margin:0 0 10px;font-size:20px}.confirm-card p{color:#64748b;margin:0;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.soft-loading{position:relative;overflow:hidden}.soft-loading:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.admin-table-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-page-size{color:#0f172a;background:#fff;border:1px solid #d7dfeb;border-radius:12px;min-height:42px;padding:0 12px;font-weight:600}.admin-pagination-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;min-height:42px;padding:0 16px;font-weight:700;transition:all .2s}.admin-pagination-btn:hover:not(:disabled){background:#0f172a}.admin-table-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:20px;padding:6px 24px 24px;display:flex}.admin-pagination-left{gap:10px;display:flex}.admin-pagination-right{align-items:center;display:flex}.admin-pagination-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:38px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s}.admin-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5f5}.admin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-size{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:36px;padding:0 12px;font-size:14px;font-weight:600}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-orden{color:#047857;background:#ecfdf5}.badge-llamada{color:#1d4ed8;background:#eff6ff}.badge-garantia{color:#6d28d9;background:#f5f3ff}.badge-q30,.badge-error{color:#b91c1c;background:#fef2f2}.admin-table thead th{z-index:2;position:sticky;top:0}.admin-table tbody tr:nth-child(2n){background:#fcfdff}.admin-table tbody tr:hover{background:#f1f7ff}