@font-face{font-family:NVIDIA;font-style:normal;font-weight:400;src:url('https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/nvidia-sans/NALA/NVIDIASans_NALA_W_Rg.woff2') format('woff2');font-display:swap}@font-face{font-family:NVIDIA;font-style:normal;font-weight:500;src:url('https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/nvidia-sans/NALA/NVIDIASans_NALA_W_Md.woff2') format('woff2');font-display:swap}@font-face{font-family:NVIDIA;font-style:normal;font-weight:700;src:url('https://images.nvidia.com/etc/designs/nvidiaGDC/clientlibs_base/fonts/nvidia-sans/NALA/NVIDIASans_NALA_W_Bd.woff2') format('woff2');font-display:swap}:root{--color-brand:#3598c2;--color-brand-hover:#4aade0;--color-brand-dim:#1f6a8e;--color-black:#000000;--color-white:#ffffff;--color-gray-975:#0c0c0c;--color-gray-950:#161616;--color-gray-900:#222222;--color-gray-800:#313131;--color-gray-700:#4b4b4b;--color-gray-600:#636363;--color-gray-500:#757575;--color-gray-400:#898989;--color-gray-300:#a7a7a7;--color-gray-200:#cccccc;--color-gray-100:#e0e0e0;--color-gray-050:#eeeeee;--color-gray-025:#f7f7f7;--color-red-500:#e52020;--color-red-100:#3d1010;--color-yellow-200:#f9c500;--color-yellow-100:#3d2e00;--size-025:1px;--size-050:2px;--size-100:4px;--size-150:6px;--size-200:8px;--size-250:10px;--size-300:12px;--size-350:14px;--size-400:16px;--size-500:20px;--size-600:24px;--size-700:28px;--size-800:32px;--size-900:36px;--size-1000:40px;--size-1200:48px;--size-1600:64px;--font-family:'NVIDIA','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-10:10px;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-28:28px;--font-size-32:32px;--font-size-36:36px;--font-size-40:40px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--border-default:1px solid var(--color-gray-800);--border-focus:1px solid var(--color-brand);--border-subtle:1px solid var(--color-gray-900);--shadow-sm:0 1px 4px rgba(0,0,0,0.6);--shadow-md:0 4px 16px rgba(0,0,0,0.8);--surface-base:var(--color-gray-975);--surface-raised:var(--color-gray-950);--surface-overlay:var(--color-gray-900);--surface-input:#1a1a1a}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-16);line-height:1.5;color:var(--color-gray-100);background:var(--surface-base);min-height:100vh}a{text-decoration:none;color:inherit}ol,ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.navbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-black);border-bottom:var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--size-800);z-index:1000}.nav-brand{display:flex;align-items:center;gap:var(--size-300)}.logo{font-size:var(--font-size-20);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-brand);color:var(--color-black);font-style:normal;flex-shrink:0}.brand-name{font-size:var(--font-size-14);font-weight:700;color:var(--color-white);letter-spacing:.08em;text-transform:uppercase}.nav-menu{display:flex;gap:0}.nav-link{padding:0 var(--size-400);height:56px;display:flex;align-items:center;color:var(--color-gray-300);font-size:var(--font-size-14);font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.02em}.nav-link:hover{color:var(--color-white);border-bottom-color:var(--color-gray-600)}.nav-link.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.main-content{margin-top:56px;padding:var(--size-800) var(--size-800);max-width:1440px;margin-left:auto;margin-right:auto}.page{display:none;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1{font-size:var(--font-size-28);font-weight:700;color:var(--color-white);letter-spacing:-.02em;margin-bottom:var(--size-600);text-transform:uppercase;border-left:3px solid var(--color-brand);padding-left:var(--size-400)}h2{font-size:var(--font-size-20);font-weight:700;color:var(--color-white);margin-bottom:var(--size-400);letter-spacing:.01em}h3{font-size:var(--font-size-16);font-weight:700;color:var(--color-gray-200);margin-bottom:var(--size-400);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:var(--size-200)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--size-025);background:var(--color-gray-800);border:var(--border-default);margin-bottom:var(--size-800)}.stat-card{background:var(--surface-raised);padding:var(--size-700) var(--size-600);text-align:center;cursor:pointer;transition:background .15s;position:relative}.stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:0 0;transition:background .15s}.stat-card:hover{background:var(--color-gray-900)}.stat-card:hover::after{background:var(--color-brand)}.stat-card.stat-warning::after{background:var(--color-yellow-200)}.stat-value{font-size:var(--font-size-40);font-weight:700;color:var(--color-brand);line-height:1;margin-bottom:var(--size-200);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--font-size-12);color:var(--color-gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.toolbar{display:flex;gap:var(--size-300);margin-bottom:var(--size-600);flex-wrap:wrap;align-items:center}.filter-select,.search-input{padding:var(--size-200) var(--size-400);border:var(--border-default);background:var(--surface-input);color:var(--color-gray-100);font-size:var(--font-size-14);min-width:220px;transition:border-color .15s;outline:0}.search-input::placeholder{color:var(--color-gray-600)}.filter-select:focus,.search-input:focus{border-color:var(--color-brand)}.filter-select option{background:var(--color-gray-900);color:var(--color-gray-100)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-250) var(--size-600);font-size:var(--font-size-14);font-weight:700;border:none;cursor:pointer;transition:background .15s,color .15s;gap:var(--size-200);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.btn-primary{background:var(--color-brand);color:var(--color-black)}.btn-primary:hover{background:var(--color-brand-hover)}.btn-secondary{background:0 0;color:var(--color-gray-200);border:1px solid var(--color-gray-700)}.btn-secondary:hover{border-color:var(--color-gray-300);color:var(--color-white)}.btn-success{background:var(--color-brand-dim);color:var(--color-white)}.btn-success:hover{background:var(--color-brand);color:var(--color-black)}.btn-whatsapp{background:var(--color-brand-dim);color:var(--color-white)}.btn-whatsapp:hover{background:var(--color-brand);color:var(--color-black)}.btn-warning{background:0 0;color:var(--color-yellow-200);border:1px solid var(--color-yellow-200)}.btn-warning:hover{background:var(--color-yellow-100)}.btn-danger{background:var(--color-red-500);color:var(--color-white)}.btn-danger:hover{background:#ff2e2e}.btn-small{padding:var(--size-100) var(--size-300);font-size:var(--font-size-12)}.btn-large{padding:var(--size-400) var(--size-900);font-size:var(--font-size-16)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-600)}.dashboard-section{background:var(--surface-raised);border:var(--border-default);padding:var(--size-600)}.card-list{display:grid;gap:var(--size-300)}.card{background:var(--surface-raised);border:var(--border-default);padding:var(--size-500) var(--size-600);transition:border-color .15s,background .15s;cursor:default}.card:hover{border-color:var(--color-gray-600);background:var(--color-gray-900)}[onclick].card:hover{cursor:pointer;border-left:2px solid var(--color-brand);padding-left:calc(var(--size-600) - 1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--size-300)}.card-title{font-size:var(--font-size-16);font-weight:700;color:var(--color-white);letter-spacing:.02em}.card-subtitle{font-size:var(--font-size-12);color:var(--color-gray-500);margin-top:var(--size-100)}.card-body{color:var(--color-gray-400);font-size:var(--font-size-14);display:flex;gap:var(--size-600)}.card-footer{display:flex;gap:var(--size-200);margin-top:var(--size-400);padding-top:var(--size-400);border-top:var(--border-subtle)}.badge{display:inline-block;padding:var(--size-050) var(--size-200);font-size:var(--font-size-10);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge-pendiente{background:var(--color-yellow-100);color:var(--color-yellow-200);border:1px solid var(--color-yellow-200)}.badge-proceso{background:#001e3c;color:#7cd7fe;border:1px solid #0074df}.badge-pruebas{background:#1a0033;color:#c359ef;border:1px solid #741d9d}.badge-listo{background:#001a0a;color:var(--color-brand);border:1px solid var(--color-brand-dim)}.badge-entregado{background:var(--color-brand);color:var(--color-black);border:1px solid var(--color-brand)}.badge-normal{background:var(--color-gray-900);color:var(--color-gray-400);border:1px solid var(--color-gray-800)}.badge-alta{background:#2d0a00;color:#ff8181;border:1px solid var(--color-red-500)}.badge-critica{background:var(--color-red-500);color:var(--color-white);border:1px solid var(--color-red-500)}.badge-stock-bajo{background:#2d0a00;color:#ff8181;border:1px solid var(--color-red-500)}.form-section{background:var(--surface-raised);border:var(--border-default);border-left:3px solid var(--color-gray-800);padding:var(--size-700) var(--size-700);margin-bottom:var(--size-500);transition:border-left-color .2s}.form-section:focus-within{border-left-color:var(--color-brand)}.form-hint{font-size:var(--font-size-12);color:var(--color-gray-500);margin-top:calc(-1 * var(--size-300));margin-bottom:var(--size-500)}.form-group{margin-bottom:var(--size-500)}.form-group label{display:block;font-size:var(--font-size-12);font-weight:700;color:var(--color-gray-400);margin-bottom:var(--size-150);text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--size-250) var(--size-400);border:var(--border-default);background:var(--surface-input);color:var(--color-gray-100);font-size:var(--font-size-14);transition:border-color .15s;outline:0}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-700)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand)}.form-group select option{background:var(--color-gray-900);color:var(--color-gray-100)}.form-group textarea{min-height:96px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--size-500)}.form-actions{display:flex;gap:var(--size-300);justify-content:flex-end;padding-top:var(--size-500);border-top:var(--border-subtle);margin-top:var(--size-500)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--size-400);margin-top:var(--size-200)}.checkbox-group label{display:flex;align-items:center;gap:var(--size-200);font-size:var(--font-size-14);font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-gray-300);cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer}.form-bici{background:var(--color-gray-900);border:var(--border-subtle);padding:var(--size-500);margin-top:var(--size-400)}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:2000;align-items:center;justify-content:center;padding:var(--size-400)}.modal.active{display:flex}.modal-content{background:var(--surface-overlay);border:var(--border-default);border-top:2px solid var(--color-brand);padding:var(--size-800);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalIn .2s ease}.modal-large{max-width:760px}@keyframes modalIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-content .close{position:absolute;top:var(--size-400);right:var(--size-500);font-size:var(--font-size-24);color:var(--color-gray-600);cursor:pointer;line-height:1;transition:color .15s}.modal-content .close:hover{color:var(--color-white)}.modal-content h2{margin-bottom:var(--size-600);padding-bottom:var(--size-400);border-bottom:var(--border-subtle)}.orden-detail{background:var(--surface-raised);border:var(--border-default);padding:var(--size-700);margin-bottom:var(--size-500)}.orden-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--size-600);padding-bottom:var(--size-500);border-bottom:var(--border-default)}.orden-detail-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none;color:var(--color-brand)}.orden-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--size-600)}.detail-item{display:flex;flex-direction:column;gap:var(--size-100)}.detail-label{font-size:var(--font-size-10);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.detail-value{font-size:var(--font-size-16);font-weight:500;color:var(--color-gray-100)}.orden-actions{display:flex;gap:var(--size-200);flex-wrap:wrap;margin-bottom:var(--size-600);padding:var(--size-500) var(--size-600);background:var(--surface-raised);border:var(--border-default)}.orden-entrega-resumen{background:#0a1f0d;color:#6fcf7a;border:1px solid #1e4d24;border-left:3px solid #4caf50;font-size:var(--font-size-14);padding:var(--size-300) var(--size-400);margin:var(--size-400) 0;line-height:1.5}.table-container{border:var(--border-default);overflow:hidden}table{width:100%;border-collapse:collapse}td,th{padding:var(--size-300) var(--size-500);text-align:left}th{background:var(--color-gray-900);font-size:var(--font-size-10);font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em;border-bottom:var(--border-default)}td{font-size:var(--font-size-14);color:var(--color-gray-300);border-bottom:var(--border-subtle);background:var(--surface-raised)}tr:hover td{background:var(--color-gray-900);color:var(--color-gray-100)}tr.stock-bajo td{background:var(--color-red-100)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--size-1000);color:var(--color-gray-600);font-size:var(--font-size-14);text-transform:uppercase;letter-spacing:.08em}.spinner{width:20px;height:20px;border:2px solid var(--color-gray-800);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--size-300);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--size-1000);border:1px dashed var(--color-gray-800);background:var(--surface-raised)}.empty-state-icon{font-size:40px;margin-bottom:var(--size-400);opacity:.3}.empty-state-text{font-size:var(--font-size-14);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.06em}.toast{position:fixed;bottom:var(--size-800);right:var(--size-800);background:var(--color-gray-900);border:var(--border-default);border-left:3px solid var(--color-brand);color:var(--color-gray-100);padding:var(--size-400) var(--size-600);font-size:var(--font-size-14);z-index:9999;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0)}.bitacora-form{padding:var(--size-500);background:var(--color-gray-900);border:var(--border-subtle);margin-bottom:var(--size-400)}#lista-bitacora,#lista-repuestos-usados{display:grid;gap:var(--size-100)}.pwa-banner{position:fixed;bottom:var(--size-600);left:50%;transform:translateX(-50%);width:calc(100% - var(--size-800) * 2);max-width:480px;background:var(--color-gray-900);border:var(--border-default);border-top:2px solid var(--color-brand);padding:var(--size-500) var(--size-600);z-index:3000;display:flex;align-items:center;justify-content:space-between;gap:var(--size-400);animation:slideUp .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.6)}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pwa-banner-content{display:flex;align-items:center;gap:var(--size-400);min-width:0}.pwa-banner-icon{width:48px;height:48px;flex-shrink:0}.pwa-banner-text{display:flex;flex-direction:column;gap:var(--size-050);min-width:0}.pwa-banner-text strong{font-size:var(--font-size-14);font-weight:700;color:var(--color-white)}.pwa-banner-text span{font-size:var(--font-size-12);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-actions{display:flex;gap:var(--size-200);flex-shrink:0}@media (max-width:480px){.pwa-banner{flex-direction:column;align-items:flex-start;bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%}.pwa-banner-actions{width:100%;justify-content:flex-end}}body.light-mode{--surface-base:#f7f7f7;--surface-raised:#ffffff;--surface-overlay:#ffffff;--surface-input:#f0f0f0;--color-gray-975:#f7f7f7;--color-gray-950:#ffffff;--color-gray-900:#eeeeee;--color-gray-800:#d0d0d0;--color-gray-700:#a0a0a0;--color-gray-600:#636363;--color-gray-500:#4b4b4b;--color-gray-400:#313131;--color-gray-300:#222222;--color-gray-200:#161616;--color-gray-100:#0c0c0c;--border-default:1px solid #d0d0d0;--border-subtle:1px solid #e8e8e8}body.light-mode .navbar{background:#fff;border-bottom:1px solid #e0e0e0}body.light-mode .brand-name,body.light-mode h1,body.light-mode h2{color:#161616}body.light-mode .nav-link{color:#4b4b4b}body.light-mode .nav-link:hover{color:#161616}body.light-mode .nav-link.active{color:var(--color-brand)}body.light-mode .btn-secondary{color:#313131;border-color:#a0a0a0}body.light-mode .btn-secondary:hover{color:#161616;border-color:#313131}body.light-mode table td{color:#313131}body.light-mode .card-title{color:#161616}body.light-mode .detail-value{color:#161616}body.light-mode .btn-icon{color:#313131}body.light-mode .btn-icon:hover{background:#e0e0e0;color:#161616}body.light-mode .btn-success{background:#166534;color:#fff}body.light-mode .btn-success:hover{background:#14532d;color:#fff}body.light-mode .card-footer{border-top-color:#e0e0e0}body.light-mode .card-footer .btn-secondary{color:#313131;border-color:#a0a0a0}body.light-mode .card-footer .btn-secondary:hover{background:#e0e0e0;color:#161616}body.light-mode .badge-pendiente{background:#f0f0f0;color:#7a5800;border-color:#d0b060}body.light-mode .badge-proceso{background:#f0f0f0;color:#1a4080;border-color:#9ab0d0}body.light-mode .badge-pruebas{background:#f0f0f0;color:#4a1d80;border-color:#b09acd}body.light-mode .badge-listo{background:#f0f0f0;color:#1a5c32;border-color:#8ab89a}body.light-mode .badge-entregado{background:#313131;color:#fff;border-color:#313131}body.light-mode .badge-normal{background:#f0f0f0;color:#4b4b4b;border-color:#d0d0d0}body.light-mode .badge-alta{background:#f0f0f0;color:#8a1a1a;border-color:#c89090}body.light-mode .badge-critica{background:#8a1a1a;color:#fff;border-color:#8a1a1a}body.light-mode .badge-stock-bajo{background:#f0f0f0;color:#8a1a1a;border-color:#c89090}body.light-mode tr.stock-bajo td{background:#fff5f5;color:#7f1d1d}body.light-mode tr.stock-bajo:hover td{background:#fee2e2}body.light-mode .btn-warning{background:0 0;color:#b45309;border:1px solid #f59e0b}body.light-mode .btn-warning:hover{background:#fef3c7;color:#92400e}body.light-mode .orden-entrega-resumen{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-left:3px solid #16a34a}#progress-bar{position:fixed;top:56px;left:0;height:2px;max-height:2px;width:0%;background:var(--color-brand);z-index:9999;transition:width .3s ease,opacity .4s ease;opacity:0;box-shadow:0 0 8px var(--color-brand);pointer-events:none;overflow:hidden;padding:0;margin:0}#progress-bar.loading{opacity:1;width:85%;transition:width 6s cubic-bezier(.1, .05, 0, 1),opacity .2s ease}#progress-bar.done{opacity:0;width:100%;transition:width .15s ease,opacity .3s ease .15s}.container-loading{display:flex;align-items:center;justify-content:center;gap:var(--size-300);padding:var(--size-1000) var(--size-600);color:var(--color-gray-600);font-size:var(--font-size-12);text-transform:uppercase;letter-spacing:.1em;border:var(--border-default);background:var(--surface-raised)}.container-loading .spinner{width:16px;height:16px;border-width:2px;margin-right:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-950)}::-webkit-scrollbar-thumb{background:var(--color-gray-700)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}.nav-actions{display:flex;align-items:center;gap:var(--size-100);margin-left:var(--size-400)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid transparent;color:var(--color-gray-400);cursor:pointer;font-size:var(--font-size-16);transition:background .15s,color .15s;flex-shrink:0}.btn-icon:hover{background:rgba(255,255,255,.08);color:var(--color-white)}.hamburger{flex-direction:column;gap:5px;display:none}.hamburger span{display:block;width:18px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.table-container{border:none;overflow:visible}.table-container table,.table-container tbody,.table-container td,.table-container th,.table-container thead,.table-container tr{display:block}.table-container thead{display:none}.table-container tr{background:var(--surface-raised);border:var(--border-default);margin-bottom:var(--size-300);padding:var(--size-400);position:relative}.table-container tr.stock-bajo{border-left:3px solid var(--color-red-500)}.table-container td{display:none;border:none;padding:0}.table-container td[data-label=SKU]{display:block;font-size:var(--font-size-12);color:var(--color-gray-500);letter-spacing:.06em;margin-bottom:var(--size-100)}.table-container td[data-label="Descripción"]{display:block;font-size:var(--font-size-16);color:var(--color-gray-050);font-weight:600;margin-bottom:var(--size-300)}.table-container td[data-label="Categoría"],.table-container td[data-label=Costo],.table-container td[data-label=Precio],.table-container td[data-label=Stock]{display:inline-flex;flex-direction:column;align-items:flex-start;margin-right:var(--size-600);margin-top:0;font-size:var(--font-size-14);color:var(--color-gray-100);vertical-align:top}.table-container td[data-label="Categoría"]::before,.table-container td[data-label=Costo]::before,.table-container td[data-label=Precio]::before,.table-container td[data-label=Stock]::before{content:attr(data-label);font-size:var(--font-size-10);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-600);margin-bottom:2px}}@media (max-width:768px){.navbar{padding:0 var(--size-400);flex-wrap:wrap;height:auto;min-height:56px}.nav-menu{display:none;flex-direction:column;width:100%;border-top:var(--border-default);padding:var(--size-200) 0;order:3;gap:0}.nav-menu.open{display:flex}.nav-link{height:44px;padding:0 var(--size-500);width:100%;border-bottom:none;border-left:2px solid transparent;font-size:var(--font-size-14)}.nav-link.active{border-left-color:var(--color-brand);border-bottom-color:transparent;background:rgba(118,185,0,.06)}.hamburger{display:flex}.main-content{margin-top:56px;padding:var(--size-500) var(--size-400)}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.filter-select,.search-input{min-width:unset;width:100%}.orden-actions{flex-direction:column}.orden-actions .btn{width:100%;justify-content:center}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}h1{font-size:var(--font-size-20)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--size-025)}.stat-value{font-size:var(--font-size-32)}}.sync-btn{position:relative;width:auto;padding:0 var(--size-200);gap:var(--size-100);font-size:var(--font-size-18);color:var(--color-gray-400)}.sync-btn:hover{color:var(--color-brand)}.sync-btn.sync-pending{color:var(--color-brand);border-color:var(--color-brand-dim)}.sync-btn.sync-pending #sync-icon{animation:spin 1.2s linear infinite paused}.sync-btn.syncing #sync-icon{animation:spin .8s linear infinite}@keyframes spin{from{display:inline-block;transform:rotate(0)}to{display:inline-block;transform:rotate(360deg)}}#sync-icon{display:inline-block}.sync-count{font-size:var(--font-size-10);font-weight:700;background:var(--color-brand);color:var(--color-black);min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px}.sync-count:empty{display:none}.offline-pill{font-size:var(--font-size-10);font-weight:700;letter-spacing:.06em;background:var(--color-yellow-100);color:var(--color-yellow-200);border:1px solid var(--color-yellow-200);padding:2px var(--size-200);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.toast.toast-success{border-left-color:var(--color-brand)}.toast.toast-warning{border-left-color:var(--color-yellow-200);background:#1e1a00}.toast.toast-error{border-left-color:var(--color-red-500);background:#1e0000}body.light-mode .sync-btn{color:var(--color-gray-700)}body.light-mode .offline-pill{background:#fff8dc;color:#7a5000;border-color:#c8960c}body.light-mode .toast.toast-warning{background:#fffbe6;color:#7a5000}body.light-mode .toast.toast-error{background:#fff5f5;color:#7f1d1d}#init-overlay{position:fixed;inset:0;background:var(--surface-base);z-index:9000;display:flex;align-items:center;justify-content:center}.init-loading{display:flex;flex-direction:column;align-items:center;gap:var(--size-400);text-align:center}.spinner-lg{width:48px;height:48px;border-width:3px;margin-right:0}.init-loading-title{font-size:var(--font-size-18);font-weight:700;color:var(--color-white);letter-spacing:.02em}.init-loading-sub{font-size:var(--font-size-12);color:var(--color-gray-500)}body.light-mode #init-overlay{background:var(--color-gray-025)}body.light-mode .init-loading-title{color:var(--color-gray-900)}.bici-img{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md,8px);overflow:hidden;background:var(--color-gray-800,#1e1e1e);display:flex;align-items:center;justify-content:center;margin-right:var(--size-400,12px)}.bici-img img{width:100%;height:100%;object-fit:cover}.bici-icon{font-size:24px;line-height:1}.foto-grid{display:flex;flex-wrap:wrap;gap:var(--size-200,8px);margin-bottom:var(--size-200,8px)}.foto-grid-sm{gap:var(--size-100,4px)}.foto-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-md,8px);overflow:hidden;background:var(--color-gray-800,#1e1e1e);flex-shrink:0}.foto-thumb img,.foto-thumb-sm{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md,8px)}.foto-thumb-sm{width:60px;height:60px;display:inline-block}.foto-thumb.foto-pendiente{opacity:.75}.foto-del{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:10px;cursor:pointer;line-height:20px;text-align:center;padding:0}.foto-badge{position:absolute;bottom:2px;left:2px;font-size:12px}.sync-op-item{display:flex;align-items:center;justify-content:space-between;gap:var(--size-300);padding:var(--size-300) 0;border-bottom:var(--border-default);flex-wrap:wrap}.sync-op-item:last-child{border-bottom:none}.sync-op-info{display:flex;flex-direction:column;gap:2px}.sync-op-label{font-size:var(--font-size-14);color:var(--color-gray-100)}.sync-op-id{font-size:var(--font-size-12);color:var(--color-gray-400);font-family:monospace}.sync-op-actions{display:flex;gap:var(--size-200);flex-shrink:0}.btn-foto{display:inline-flex;align-items:center;gap:var(--size-200,8px);padding:var(--size-200,8px) var(--size-400,12px);background:var(--color-gray-800,#1e1e1e);border:1px dashed var(--color-gray-600,#555);border-radius:var(--radius-md,8px);color:var(--color-gray-400,#999);font-size:var(--font-size-12, 12px);cursor:pointer}.btn-foto input[type=file]{display:none}.btn-foto:hover{border-color:var(--color-primary,#76b900);color:var(--color-primary,#76b900)}.foto-btns{display:flex;gap:var(--size-200,8px);flex-wrap:wrap;margin-top:var(--size-200,8px)}.modal-camara-content{max-width:520px;width:95vw}.camara-preview{position:relative;background:#000;border-radius:var(--radius-md,8px);overflow:hidden;margin:var(--size-400,12px) 0;aspect-ratio:4/3}.camara-preview video{width:100%;height:100%;object-fit:cover;display:block}.camara-actions{display:flex;gap:var(--size-200,8px);justify-content:flex-end;flex-wrap:wrap}#update-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-brand-dim);color:var(--color-white);text-align:center;padding:var(--size-300) var(--size-400);font-size:var(--font-size-14);z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--size-300)}#update-banner button{background:var(--color-brand);color:var(--color-black);border:none;border-radius:var(--radius-sm);padding:var(--size-100) var(--size-300);font-weight:600;cursor:pointer}#toggle-theme-btn{position:fixed;bottom:80px;right:20px;z-index:9999;background:var(--color-gray-800);color:var(--color-white);border:1px solid var(--color-gray-700);padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);font-family:var(--font-family)}#toggle-theme-btn:hover{background:var(--color-brand);color:var(--color-black);border-color:var(--color-brand)}