:root{
    --azul:#1a73e8;
    --azul2:#174ea6;
    --verde:#34a853;
    --amarillo:#fbbc04;
    --rojo:#ea4335;
    --fondo:#f8fafd;
    --card:#ffffff;
    --texto:#202124;
    --muted:#5f6368;
    --borde:#e8eaed;
    --shadow-thin:0 1px 2px rgba(60,64,67,.08),0 2px 6px rgba(60,64,67,.06);
    --shadow-card:0 1px 3px rgba(60,64,67,.10),0 6px 16px rgba(60,64,67,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:"Roboto",Arial,sans-serif;font-size:15px;font-weight:400}
a{text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#174ea6,#1a73e8 64%,#185abc);color:#fff;position:fixed;top:0;bottom:0;left:0;padding:18px 14px;z-index:1040;transition:.25s ease;overflow-y:auto}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:10px 10px 20px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:12px}.brand-icon{width:44px;height:44px;border-radius:16px;background:#fff;color:var(--azul);display:grid;place-items:center;font-weight:900;box-shadow:var(--shadow-thin)}.sidebar-brand small{display:block;color:rgba(255,255,255,.78)}.sidebar-nav{display:grid;gap:6px}.sidebar-nav a{color:rgba(255,255,255,.84);padding:11px 12px;border-radius:14px;display:block;font-weight:700}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.16);color:#fff}.main-content{margin-left:270px;width:calc(100% - 270px);min-height:100vh}.topbar{min-height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--borde);display:flex;align-items:center;gap:14px;padding:12px 22px;position:sticky;top:0;z-index:1000;box-shadow:0 1px 2px rgba(60,64,67,.05)}.content-area{padding:22px}.card-soft{background:var(--card);border:1px solid var(--borde);border-radius:20px;box-shadow:var(--shadow-thin)}.metric-card{position:relative;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--borde);height:100%;box-shadow:var(--shadow-thin);overflow:hidden}.metric-card::after{content:"";position:absolute;right:18px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--azul)}.metric-card:nth-child(2)::after{background:var(--verde)}.metric-card:nth-child(3)::after{background:var(--amarillo)}.metric-card:nth-child(4)::after{background:var(--rojo)}.metric-card small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em}.metric-card h3{margin:8px 0 0;font-weight:900;color:var(--texto);letter-spacing:-.02em}.table-wrap{width:100%;overflow-x:auto}.table{vertical-align:middle}.table thead th{white-space:nowrap;color:#3c4043;font-size:13px;text-transform:uppercase;font-weight:800}.btn{font-weight:700;border-radius:12px}.btn-primary{background:var(--azul);border-color:var(--azul);box-shadow:0 1px 2px rgba(26,115,232,.16),0 4px 10px rgba(26,115,232,.12)}.btn-primary:hover{background:var(--azul2);border-color:var(--azul2)}.form-control,.form-select{border-radius:13px;border-color:var(--borde);box-shadow:none}.form-control:focus,.form-select:focus{border-color:var(--azul);box-shadow:0 0 0 .25rem rgba(26,115,232,.12)}.badge-stock-ok{background:#e6f4ea;color:#137333}.badge-stock-low{background:#fce8e6;color:#b3261e}.product-thumb{width:54px;height:54px;object-fit:cover;border-radius:14px;border:1px solid var(--borde);cursor:pointer;background:#fff}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(66,133,244,.18),transparent 36%),radial-gradient(circle at bottom right,rgba(52,168,83,.18),transparent 32%),#f8fafd}.login-card{width:min(430px,92vw);background:#fff;border:1px solid var(--borde);border-radius:26px;padding:30px;box-shadow:var(--shadow-card)}.login-logo{width:64px;height:64px;border-radius:20px;background:conic-gradient(from 220deg,var(--azul),var(--verde),var(--amarillo),var(--rojo),var(--azul));color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:12px;box-shadow:var(--shadow-thin)}.detalle-row{background:#f8fafd;border:1px solid var(--borde);border-radius:16px;padding:12px;margin-bottom:10px}.documento{background:white;max-width:980px;margin:auto;padding:34px;border-radius:18px;border:1px solid var(--borde);box-shadow:var(--shadow-thin)}.print-only{display:none}.mobile-overlay{display:none}.admin-credit{padding:14px 22px;color:var(--muted);font-size:13px;border-top:1px solid var(--borde);background:#fff}.admin-credit a{color:var(--azul);font-weight:900}
@media(max-width:991px){.sidebar{transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.content-area{padding:14px}.topbar{padding:10px 14px}.metric-card{padding:16px}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1030}}
@media(max-width:576px){body{font-size:14px}.card-soft{border-radius:16px}.btn{border-radius:12px}.content-area{padding:10px}.topbar strong{font-size:14px}.topbar small{display:none!important}.documento{padding:18px;border-radius:12px}.admin-credit{padding:12px}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.btn,.alert,.admin-credit{display:none!important}.main-content{margin:0;width:100%}.content-area{padding:0}.documento{border:none;border-radius:0;max-width:100%;padding:0;box-shadow:none}.print-only{display:block}}