@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #185FA5;--blue-dark: #0C447C;--blue-light: #E6F1FB;--green: #1D9E75;--green-dark: #0F6E56;--green-light: #E1F5EE;--red: #E24B4A;--red-light: #FCEBEB;--amber: #EF9F27;--amber-light: #FAEEDA;--gray: #888780;--gray-light: #F1EFE8;--border: rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 210px;--topbar-height: 52px;--bottom-nav-height: 60px;--font: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);font-size:13px;color:#1a1a1a;background:#f5f5f3;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:#fff;border-right:.5px solid rgba(0,0,0,.1);display:flex;flex-direction:column;overflow-y:auto;z-index:10}.sidebar-logo{padding:14px 16px;border-bottom:.5px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:10px;flex-shrink:0}.sidebar-logo img{width:34px;height:auto;border-radius:4px}.sidebar-logo-name{font-size:11px;font-weight:600;color:#1a1a1a;line-height:1.3}.sidebar-logo-app{font-size:10px;color:var(--blue);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:1px}.nav-section{padding:8px 0 2px;border-bottom:.5px solid rgba(0,0,0,.06);margin-bottom:2px}.nav-section-label{font-size:9px;font-weight:600;color:#aaa;padding:0 16px 4px;letter-spacing:.8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 16px;cursor:pointer;font-size:12px;color:#666;transition:all .1s;border-right:2px solid transparent;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#f5f5f3;color:#1a1a1a}.nav-item.active{background:#ebf4ff;color:var(--blue);font-weight:500;border-right:2px solid var(--blue)}.nav-item svg{width:14px;height:14px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:12px 16px;border-top:.5px solid rgba(0,0,0,.08);flex-shrink:0}.sidebar-footer-company{font-size:10px;font-weight:600;color:#555}.sidebar-footer-tagline{font-size:9px;color:#aaa;margin-top:2px;line-height:1.5}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-height);background:#fff;border-bottom:.5px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:9;gap:8px}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.topbar-title{font-size:15px;font-weight:600;color:#1a1a1a;white-space:nowrap}.topbar-pill{background:var(--blue-light);color:var(--blue);font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap;display:none}.topbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-company{font-size:11px;color:#aaa;padding-right:10px;border-right:.5px solid rgba(0,0,0,.1);margin-right:2px;display:none}.save-msg{font-size:11px;color:var(--green);font-weight:500;white-space:nowrap}.page-content{flex:1;overflow-y:auto;padding:12px 14px 80px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#fff;border-top:.5px solid rgba(0,0,0,.1);z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;cursor:pointer;color:#888;border-radius:var(--radius-md);transition:all .15s;min-width:44px}.bn-item.active{color:var(--blue)}.bn-item svg{width:20px;height:20px}.bn-label{font-size:9px;font-weight:500}.bn-more{position:relative}.mobile-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.mobile-drawer.open{display:block}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.drawer-panel{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;padding:16px;max-height:75vh;overflow-y:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.drawer-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 16px}.drawer-title{font-size:13px;font-weight:600;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.drawer-item{display:flex;align-items:center;gap:12px;padding:12px 8px;cursor:pointer;color:#333;border-radius:var(--radius-md);font-size:14px;font-weight:500}.drawer-item:hover,.drawer-item.active{background:#ebf4ff;color:var(--blue)}.drawer-item svg{width:18px;height:18px;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-family:var(--font);font-weight:500;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-primary:active{opacity:.85}.btn-outline{background:transparent;border:.5px solid rgba(0,0,0,.2);color:#333}.btn-outline:hover{background:#f5f5f3}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:.5px solid rgba(0,0,0,.15);background:transparent;cursor:pointer;color:#666;font-size:13px;transition:all .1s}.btn-icon:hover{background:#f5f5f3;color:#333}.card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:14px 16px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.stat-card{background:#f5f5f3;border-radius:var(--radius-md);padding:12px 14px}.stat-label{font-size:11px;color:#888;margin-bottom:4px}.stat-value{font-size:24px;font-weight:600;color:#1a1a1a}.stat-sub{font-size:10px;color:#aaa;margin-top:2px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:13px;font-weight:600;color:#333}.printer-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.printer-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:14px}.printer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.printer-name{font-size:14px;font-weight:600}.printer-model{font-size:11px;color:#888;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.status-dot.printing{background:var(--green);box-shadow:0 0 0 3px #1d9e7533}.status-dot.idle{background:var(--gray)}.status-dot.error{background:var(--red);box-shadow:0 0 0 3px #e24b4a33}.status-dot.paused{background:var(--amber)}.status-dot.offline{background:#ccc}.progress-wrap{margin-bottom:10px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px}.progress-label span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.progress-bar{height:4px;background:#eee;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:var(--green);transition:width 1s ease}.progress-fill.error{background:var(--red)}.progress-fill.paused{background:var(--amber)}.printer-meta{font-size:11px;color:#888;display:grid;grid-template-columns:1fr 1fr;gap:4px}.meta-row{display:flex;justify-content:space-between}.meta-val{color:#333;font-weight:500}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:500px}.data-table th{text-align:left;font-size:10px;font-weight:600;color:#888;padding:8px 10px;border-bottom:.5px solid rgba(0,0,0,.08);white-space:nowrap}.data-table td{padding:10px;border-bottom:.5px solid rgba(0,0,0,.06);color:#333}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.item-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:14px;margin-bottom:8px}.item-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.item-card-title{font-size:13px;font-weight:600}.item-card-sub{font-size:11px;color:#888;margin-top:2px}.item-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}.item-meta-row{display:flex;flex-direction:column}.item-meta-label{color:#aaa;font-size:10px;margin-bottom:1px}.item-meta-val{color:#333;font-weight:500}.badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-pla{background:#e1f5ee;color:#085041}.badge-abs{background:#faece7;color:#993c1d}.badge-petg{background:#e6f1fb;color:#185fa5}.badge-tpu{background:#faeeda;color:#854f0b}.badge-asa{background:#fbeaf0;color:#993556}.badge-other{background:#f1efe8;color:#5f5e5a}.badge-tool{background:#e1f5ee;color:#085041}.badge-spare{background:#e6f1fb;color:#185fa5}.badge-consumable{background:#faece7;color:#993c1d}.badge-electronics{background:#faeeda;color:#854f0b}.badge-completed{background:#e1f5ee;color:#085041}.badge-failed{background:#fcebeb;color:#a32d2d}.badge-cancelled{background:#f1efe8;color:#5f5e5a}.badge-high{background:#fcebeb;color:#a32d2d}.badge-normal{background:#e6f1fb;color:#185fa5}.badge-low{background:#f1efe8;color:#5f5e5a}.color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;border:.5px solid rgba(0,0,0,.1);vertical-align:middle;flex-shrink:0}.spool-bar{height:5px;background:#eee;border-radius:3px;overflow:hidden;width:50px;display:inline-block;vertical-align:middle;margin-right:5px}.spool-fill{height:100%;border-radius:3px}.alert{padding:10px 14px;border-radius:var(--radius-md);font-size:12px;margin-bottom:10px;line-height:1.6}.alert-error{background:#fcebeb;color:#a32d2d;border:.5px solid #F09595}.alert-warning{background:#faeeda;color:#854f0b;border:.5px solid #FAC775}.alert-success{background:#e1f5ee;color:#085041;border:.5px solid #9FE1CB}.alert-info{background:#e6f1fb;color:#185fa5;border:.5px solid #85B7EB}.activity-item{display:flex;gap:10px;align-items:flex-start;font-size:12px;padding:9px 0;border-bottom:.5px solid rgba(0,0,0,.06)}.activity-item:last-child{border-bottom:none}.activity-dot{width:7px;height:7px;border-radius:50%;margin-top:3px;flex-shrink:0}.activity-text{flex:1;color:#333;line-height:1.4}.activity-time{color:#aaa;white-space:nowrap;font-size:11px}.queue-item{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.maint-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:14px;margin-bottom:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.maint-card.urgency-high{border-left:3px solid var(--red);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.maint-card.urgency-med{border-left:3px solid var(--amber);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.maint-card.urgency-low{border-left:3px solid var(--green);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.equip-grid{display:grid;grid-template-columns:1fr;gap:10px}.equip-card{background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:14px}.tabs{display:flex;border-bottom:.5px solid rgba(0,0,0,.1);margin-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:8px 14px;font-size:13px;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-.5px;font-weight:500;white-space:nowrap}.tab:hover{color:#333}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.form-group{margin-bottom:14px}.form-label{font-size:12px;color:#666;margin-bottom:5px;display:block;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font);border:.5px solid rgba(0,0,0,.2);border-radius:var(--radius-md);background:#fff;color:#1a1a1a;transition:border-color .15s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #185fa51a}textarea{resize:vertical;min-height:70px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal{background:#fff;border-radius:20px 20px 0 0;padding:20px;width:100%;max-height:90vh;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:.5px solid rgba(0,0,0,.08)}.search-input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--font);border:.5px solid rgba(0,0,0,.15);border-radius:var(--radius-lg);background:#fff;color:#1a1a1a;outline:none;margin-bottom:12px;-webkit-appearance:none}.search-input:focus{border-color:var(--blue)}.filter-tags{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:12px;-webkit-overflow-scrolling:touch;padding-bottom:4px}.filter-tag{padding:5px 12px;border-radius:20px;font-size:12px;cursor:pointer;border:.5px solid rgba(0,0,0,.15);color:#666;white-space:nowrap;font-weight:500}.filter-tag.active{background:var(--blue);color:#fff;border-color:var(--blue)}.scan-drop-zone{border:2px dashed rgba(0,0,0,.15);border-radius:var(--radius-lg);padding:28px;text-align:center;cursor:pointer;margin-bottom:14px}.scan-drop-zone:active{background:var(--blue-light);border-color:var(--blue)}.two-col{display:grid;grid-template-columns:1fr;gap:14px}.three-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-danger{color:var(--red);font-weight:600}.text-muted{color:#888}.text-success{color:var(--green)}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#0c1929;padding:20px}.login-card{background:#fff;border-radius:var(--radius-lg);padding:32px 24px;width:100%;max-width:380px;text-align:center}.login-logo{width:60px;height:auto;margin:0 auto 12px;display:block;border-radius:8px}.login-title{font-size:22px;font-weight:600;margin-bottom:4px}.login-sub{font-size:12px;color:#888;margin-bottom:24px;line-height:1.5}.login-error{background:#fcebeb;color:#a32d2d;padding:10px 12px;border-radius:var(--radius-md);font-size:13px;margin-bottom:14px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#0c1929;flex-direction:column;gap:16px}.loading-text{color:#fff;font-size:13px;opacity:.7}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.sidebar{display:flex}.bottom-nav,.mobile-drawer{display:none!important}.page-content{padding:16px 20px}.stat-grid{grid-template-columns:repeat(5,1fr);gap:10px}.printer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.printer-meta{grid-template-columns:1fr}.two-col{grid-template-columns:2fr 1fr}.three-col{grid-template-columns:repeat(3,1fr);gap:10px}.equip-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.form-row{grid-template-columns:1fr 1fr}.topbar-pill{display:inline-block}.topbar-company{display:block}.modal-overlay{align-items:center;padding:20px}.modal{border-radius:var(--radius-lg);max-width:440px;padding-bottom:20px}}@media (max-width: 767px){.sidebar{display:none}.bottom-nav{display:flex}.topbar{padding:0 14px}.topbar-title{font-size:16px}.form-row{grid-template-columns:1fr}.stat-grid,.three-col{grid-template-columns:repeat(2,1fr)}.btn{padding:8px 14px;font-size:13px}.btn-sm{padding:7px 12px;font-size:12px}}