:root{--bg:#f3f3f9;--bg-card:#ffffff;--bg-elevated:#f1f5f9;--surface:#ffffff;--text:#334155;--text-dim:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#cbd5e1;--primary:#1d2f6e;--accent:#f58220;--digital:#3b82f6;--digital-soft:rgba(59, 130, 246, 0.08);--offset:#f59e0b;--offset-soft:rgba(245, 158, 11, 0.08);--paper-col:#0d9488;--paper-soft:rgba(13, 148, 136, 0.08);--roll-col:#7c3aed;--roll-soft:rgba(124, 58, 237, 0.08);--green:#0ab39c;--danger:#f06548;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-900:#0f172a;--light:#f8fafc;--success:#10b981;--success-bg:rgba(16, 185, 129, 0.08);--info:#3b82f6;--info-bg:rgba(59, 130, 246, 0.08);--specialty:#8b5cf6;--specialty-bg:rgba(139, 92, 246, 0.08);--specialty-border:rgba(139, 92, 246, 0.25);--specialty-border-light:rgba(139, 92, 246, 0.15);--specialty-dark:#6d28d9;--toner-white:#a78bfa;--toner-gold:#d97706;--toner-cyan:#06b6d4;--toner-pink:#ec4899;--toner-neon:#22d3ee;--radius:20px;--radius-sm:12px;--radius-xs:8px;--shadow:0 10px 25px rgba(30,32,37,0.15);--shadow-sm:0 1px 2px rgba(56,65,74,0.15);--shadow-md:0 5px 10px rgba(30,32,37,0.12);--shadow-lg:0 20px 50px rgba(30,32,37,0.2);--shadow-xl:0 20px 50px rgba(30,32,37,0.2);--card-radius:8px;--card-shadow:0 1px 4px rgba(56,65,74,0.18);--btn-radius:4px;--btn-radius-pill:20px;--modal-radius:10px;--modal-shadow:0 25px 60px rgba(15,23,42,0.25);--modal-overlay-bg:rgba(15,23,42,0.5);--modal-backdrop:blur(6px);--hover-bg:var(--bg-elevated);--hover-bg-strong:var(--bg-elevated);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--text-2xl:1.75rem;--text-xl:1.375rem;--text-lg:1.25rem;--text-base:1rem;--text-sm:0.875rem;--text-xs:0.8125rem;--input-h:38px;--input-h-sm:32px;--input-pad-y:8px;--input-pad-x:14px;--input-radius:6px;--input-focus-shadow:0 0 0 2px rgba(29,47,110,0.08);--scrollbar-thumb:rgba(0,0,0,0.12);--scrollbar-hover:rgba(0,0,0,0.2);--spring:linear(
    0, 0.009, 0.035 2.1%, 0.141, 0.281 6.7%, 0.723 12.9%,
    0.938 16.7%, 1.017, 1.077, 1.121 24%, 1.149 26.3%,
    1.159, 1.152 32%, 1.102 36.7%, 1.034 44.4%,
    0.988 53.3%, 0.974 59.2%, 0.975 64.9%, 1 100%
  );--header-h:64px;--main-max-w:1600px;--main-padding:32px;--glass-bg:rgba(255, 255, 255, 0.75);--glass-blur:20px;--glass-border:rgba(0,0,0,0.06)}body.dark-theme{--bg:#0f172a;--bg-card:#1e293b;--bg-elevated:#283548;--surface:#1e293b;--text:#f1f5f9;--text-dim:#94a3b8;--text-muted:#64748b;--border:rgba(255,255,255,0.06);--border-light:rgba(255,255,255,0.1);--primary:#94a3b8;--digital-soft:rgba(59, 130, 246, 0.12);--offset:#a78bfa;--offset-soft:rgba(167, 139, 250, 0.12);--paper-soft:rgba(13, 148, 136, 0.12);--roll-soft:rgba(124, 58, 237, 0.12);--green:#34d399;--danger:#ef4444;--shadow:0 20px 60px rgba(0,0,0,0.3);--shadow-sm:0 4px 12px rgba(0,0,0,0.2);--shadow-md:0 5px 10px rgba(0,0,0,0.3);--shadow-lg:0 32px 80px rgba(0,0,0,0.4);--shadow-xl:0 20px 50px rgba(0,0,0,0.5);--card-shadow:0 1px 4px rgba(0,0,0,0.3);--modal-shadow:0 25px 60px rgba(0,0,0,0.5);--modal-overlay-bg:rgba(0,0,0,0.6);--input-focus-shadow:0 0 0 2px rgba(245, 130, 32, 0.15);--scrollbar-thumb:rgba(255,255,255,0.1);--scrollbar-hover:rgba(255,255,255,0.18);--glass-bg:rgba(15, 23, 42, 0.75);--glass-border:rgba(255,255,255,0.08)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}h2{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}h3{font-size:1.05rem;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.mc-main{flex:1;min-width:0;padding:24px var(--main-padding) 40px;min-height:calc(100vh - var(--header-h))}.mc-page-container{position:fixed;top:var(--header-h);left:0;right:0;bottom:12px;z-index:50;background:var(--bg);display:flex;flex-direction:row;justify-content:center;opacity:0;pointer-events:none;transform:scale(.95);transition:opacity 350ms ease,transform .4s var(--spring)}.mc-page-container.active{opacity:1;pointer-events:all;transform:scale(1)}.mc-page-body{flex:1;min-width:0;min-height:0;max-width:var(--main-max-w);display:flex;flex-direction:column;height:100%}.mc-page-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.mc-page-content>.page{padding:24px var(--main-padding) 16px;overflow-y:auto;flex:1;min-height:0}.mc-page-content>#view-quote{padding:0;overflow:hidden}.mc-page-content>#view-quote.active{display:flex;flex-direction:column}#view-quote>.calc-box-wrapper,#view-quote>.calc-box-wrapper>#module-content{flex:1;min-height:0;display:flex;flex-direction:column}.mc-page-content>#view-globalproducts,.mc-page-content>#view-machines,.mc-page-content>#view-postpress{padding:0}.mc-page-content>#view-inventory{padding:0;overflow:visible}.mc-page-content>.page-boxed{overflow:hidden;padding-bottom:0}.page{display:none}.page.active{display:block}.modal-overlay{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.modal-overlay.active,.modal-overlay.open,.modal-overlay.show{display:flex}@keyframes zoomIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:1024px){:root{--main-padding:20px}}@media (max-width:640px){:root{--main-padding:12px;--header-h:56px}.mc-page-container{bottom:8px}h1{font-size:1.5rem}}@media (max-height:800px){.mc-page-container{bottom:8px}.mc-page-content>.page{padding-top:16px;padding-bottom:8px}.mc-page-content>#view-quote{padding:0}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}