*,*:before,*:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.hub-container{max-width:1440px;margin:0 auto;padding:24px 28px;width:100%}@media(max-width:768px){.hub-container{padding:12px 14px!important}}.desktop-only{display:block!important}.desktop-flex{display:flex!important}.mobile-only,.mobile-flex{display:none!important}@media(max-width:900px){.desktop-only,.desktop-flex{display:none!important}.mobile-only{display:block!important}.mobile-flex{display:flex!important}}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.touch-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px}.responsive-table-wrapper::-webkit-scrollbar{height:6px}.responsive-table-wrapper::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.explorer-grid{display:grid;grid-template-columns:310px 1fr;gap:20px}@media(max-width:900px){.explorer-grid{display:flex;flex-direction:column;gap:16px}}.spool-main-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:680px}@media(max-width:900px){.spool-main-grid{display:flex;flex-direction:column;min-height:auto;gap:14px}}.spool-station-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}@media(max-width:900px){.spool-station-grid{display:flex;flex-direction:column;gap:14px}}.client-portal-grid{display:grid;grid-template-columns:320px 1fr;gap:24px}@media(max-width:900px){.client-portal-grid{display:flex;flex-direction:column;gap:16px}}.printable-sheet-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.mobile-nav-drawer{position:fixed;top:56px;left:0;right:0;bottom:0;background-color:#0c0c0e;z-index:999;overflow-y:auto;padding:18px 20px 40px;display:flex;flex-direction:column;gap:14px;border-top:1px solid #27272a;box-shadow:0 10px 30px #000c;animation:mobileNavFadeIn .18s ease-out}@keyframes mobileNavFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;border:1px solid #27272a;background-color:#18181b;color:#e4e4e7;text-decoration:none;touch-action:manipulation;min-height:48px}.mobile-nav-link:active{background-color:#27272a}.mobile-nav-link.active-dashboard,.mobile-nav-link.active-internal{background-color:#dc2626;border-color:#ef4444;color:#fff}.mobile-nav-link.active-spools{background-color:#0284c7;border-color:#38bdf8;color:#fff}.mobile-nav-link.active-client{background-color:#059669;border-color:#34d399;color:#fff}.mobile-nav-link.active-admin{background-color:#7c3aed;border-color:#c084fc;color:#fff}.mobile-nav-link.active-catalog{background-color:#dc2626;border-color:#ef4444;color:#fff}