*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--mz-bg);color:var(--mz-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--mz-surface)}::-webkit-scrollbar-thumb{background:var(--mz-primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mz-primary)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s ease-out fadeInUp}.animate-slide{animation:.3s ease-out slideInLeft}.animate-pulse{animation:2s ease-in-out infinite pulse}:root{--mz-primary:#0d47a1;--mz-primary-light:#1565c0;--mz-primary-dark:#0a3470;--mz-primary-50:#0d47a114;--mz-primary-100:#0d47a126;--mz-accent:#00838f;--mz-accent-light:#00acc1;--mz-success:#2e7d32;--mz-success-light:#4caf50;--mz-warning:#e65100;--mz-warning-light:#ff9800;--mz-danger:#c62828;--mz-danger-light:#ef5350;--mz-info:#01579b;--mz-bg:#f0f4f8;--mz-surface:#fff;--mz-surface-alt:#f8fafc;--mz-surface-hover:#e3f2fd;--mz-border:#dce4ec;--mz-border-light:#e8eef4;--mz-text:#1a2332;--mz-text-secondary:#546e7a;--mz-text-muted:#90a4ae;--mz-text-on-primary:#fff;--mz-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--mz-shadow:0 4px 12px #00000014;--mz-shadow-lg:0 10px 30px #0000001a;--mz-shadow-xl:0 20px 50px #0000001f;--mz-radius:12px;--mz-radius-sm:8px;--mz-radius-lg:16px;--mz-transition:all .2s ease;--mz-sidebar-width:260px;--mz-sidebar-collapsed:70px}.mz-app{min-height:100vh;display:flex}.mz-sidebar{width:var(--mz-sidebar-width);color:var(--mz-text-on-primary);z-index:100;transition:var(--mz-transition);background:linear-gradient(#0a1628 0%,#0d2137 50%,#0a3470 100%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.mz-sidebar-header{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.mz-sidebar-logo{background:linear-gradient(135deg,#00bcd4,#0288d1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #00bcd44d}.mz-sidebar-title{flex-direction:column;display:flex}.mz-sidebar-title h2{letter-spacing:-.3px;font-size:1.1rem;font-weight:700;line-height:1.2}.mz-sidebar-title span{opacity:.55;letter-spacing:.5px;text-transform:uppercase;font-size:.72rem;font-weight:400}.mz-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem;display:flex}.mz-nav-section{margin-bottom:.5rem}.mz-nav-section-label{text-transform:uppercase;letter-spacing:1.2px;opacity:.35;padding:.75rem .75rem .35rem;font-size:.65rem;font-weight:600}.mz-nav-link{border-radius:var(--mz-radius-sm);color:#fff9;cursor:pointer;transition:var(--mz-transition);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-size:.88rem;font-weight:500;display:flex}.mz-nav-link:hover{color:#ffffffe6;background:#ffffff14}.mz-nav-link.active{color:#4dd0e1;background:linear-gradient(135deg,#00bcd433,#0288d126);font-weight:600}.mz-nav-link svg,.mz-nav-link .nav-icon{flex-shrink:0;width:20px;height:20px}.mz-sidebar-footer{border-top:1px solid #ffffff0f;padding:1rem .75rem}.mz-user-badge{align-items:center;gap:.75rem;padding:.5rem;display:flex}.mz-user-avatar{background:linear-gradient(135deg,#00bcd4,#0288d1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.mz-user-info{flex:1;min-width:0}.mz-user-info .name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.mz-user-info .role{opacity:.5;text-transform:capitalize;font-size:.7rem}.mz-main{margin-left:var(--mz-sidebar-width);min-height:100vh;transition:var(--mz-transition);flex:1}.mz-topbar{background:var(--mz-surface);border-bottom:1px solid var(--mz-border-light);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.mz-topbar-left h1{color:var(--mz-text);letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.mz-topbar-left p{color:var(--mz-text-secondary);margin-top:2px;font-size:.82rem}.mz-content{max-width:1400px;padding:1.5rem 2rem}.mz-card{background:var(--mz-surface);border-radius:var(--mz-radius);border:1px solid var(--mz-border-light);box-shadow:var(--mz-shadow-sm);transition:var(--mz-transition)}.mz-card:hover{box-shadow:var(--mz-shadow)}.mz-card-header{border-bottom:1px solid var(--mz-border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mz-card-title{color:var(--mz-text);font-size:1.05rem;font-weight:700}.mz-card-body{padding:1.5rem}.mz-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.mz-stat-card{background:var(--mz-surface);border-radius:var(--mz-radius);border:1px solid var(--mz-border-light);box-shadow:var(--mz-shadow-sm);transition:var(--mz-transition);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.mz-stat-card:hover{box-shadow:var(--mz-shadow);transform:translateY(-2px)}.mz-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.mz-stat-card.blue:before{background:linear-gradient(90deg,#0d47a1,#1976d2)}.mz-stat-card.teal:before{background:linear-gradient(90deg,#00695c,#00897b)}.mz-stat-card.green:before{background:linear-gradient(90deg,#2e7d32,#43a047)}.mz-stat-card.orange:before{background:linear-gradient(90deg,#e65100,#f57c00)}.mz-stat-card.purple:before{background:linear-gradient(90deg,#4a148c,#7b1fa2)}.mz-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--mz-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.mz-stat-value{color:var(--mz-text);letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1}.mz-stat-sub{color:var(--mz-text-secondary);margin-top:.35rem;font-size:.78rem}.mz-table-wrap{border-radius:var(--mz-radius);border:1px solid var(--mz-border-light);overflow-x:auto}.mz-table{border-collapse:collapse;width:100%;font-size:.88rem}.mz-table thead{background:var(--mz-primary-50)}.mz-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--mz-primary);white-space:nowrap;padding:.85rem 1rem;font-size:.78rem;font-weight:600}.mz-table td{border-bottom:1px solid var(--mz-border-light);color:var(--mz-text);padding:.75rem 1rem}.mz-table tbody tr{transition:var(--mz-transition)}.mz-table tbody tr:hover{background:var(--mz-surface-hover)}.mz-table tbody tr:last-child td{border-bottom:none}.mz-form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.mz-form-group{flex-direction:column;display:flex}.mz-label{color:var(--mz-text);letter-spacing:-.1px;margin-bottom:.4rem;font-size:.82rem;font-weight:600}.mz-input,.mz-select{border:1.5px solid var(--mz-border);border-radius:var(--mz-radius-sm);color:var(--mz-text);background:var(--mz-surface);transition:var(--mz-transition);outline:none;padding:.7rem .9rem;font-size:.92rem}.mz-input:focus,.mz-select:focus{border-color:var(--mz-primary-light);box-shadow:0 0 0 3px var(--mz-primary-50)}.mz-input::placeholder{color:var(--mz-text-muted)}.mz-input-lg{text-align:center;letter-spacing:1px;padding:1rem 1.2rem;font-size:1.8rem;font-weight:700}.mz-btn{border-radius:var(--mz-radius-sm);cursor:pointer;transition:var(--mz-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;display:inline-flex}.mz-btn:active{transform:scale(.97)}.mz-btn-primary{background:linear-gradient(135deg, var(--mz-primary), var(--mz-primary-light));color:var(--mz-text-on-primary);box-shadow:0 2px 8px #0d47a140}.mz-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0d47a159}.mz-btn-success{background:linear-gradient(135deg, var(--mz-success), var(--mz-success-light));color:var(--mz-text-on-primary);box-shadow:0 2px 8px #2e7d3240}.mz-btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2e7d3259}.mz-btn-danger{background:linear-gradient(135deg, var(--mz-danger), var(--mz-danger-light));color:var(--mz-text-on-primary)}.mz-btn-outline{border:1.5px solid var(--mz-border);color:var(--mz-text);background:0 0}.mz-btn-outline:hover{border-color:var(--mz-primary);color:var(--mz-primary);background:var(--mz-primary-50)}.mz-btn-lg{border-radius:var(--mz-radius);padding:.9rem 2rem;font-size:1rem}.mz-btn-sm{padding:.4rem .8rem;font-size:.8rem}.mz-btn-icon{border-radius:var(--mz-radius-sm);width:36px;height:36px;padding:0}.mz-badge{letter-spacing:.2px;border-radius:20px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.mz-badge-success{color:#2e7d32;background:#e8f5e9}.mz-badge-warning{color:#e65100;background:#fff3e0}.mz-badge-danger{color:#c62828;background:#ffebee}.mz-badge-info{color:#0d47a1;background:#e3f2fd}.mz-badge-neutral{color:#546e7a;background:#eceff1}.mz-ticket{background:var(--mz-surface);border:2px dashed var(--mz-primary);border-radius:var(--mz-radius);max-width:400px;padding:1.5rem;position:relative}.mz-ticket-header{text-align:center;border-bottom:1px dashed var(--mz-border);margin-bottom:1rem;padding-bottom:1rem}.mz-ticket-header h3{color:var(--mz-primary);font-size:1.1rem;font-weight:700}.mz-ticket-header .ticket-no{color:var(--mz-text-secondary);margin-top:.25rem;font-size:.85rem}.mz-ticket-row{justify-content:space-between;padding:.35rem 0;font-size:.9rem;display:flex}.mz-ticket-row .label{color:var(--mz-text-secondary)}.mz-ticket-row .value{color:var(--mz-text);font-weight:600}.mz-ticket-total{border-top:2px solid var(--mz-primary);text-align:center;margin-top:1rem;padding-top:1rem}.mz-ticket-total .weight{color:var(--mz-primary);font-size:2rem;font-weight:800}.mz-ticket-total .unit{color:var(--mz-text-secondary);margin-left:.25rem;font-size:1rem}.mz-empty{text-align:center;color:var(--mz-text-muted);padding:3rem 2rem}.mz-empty-icon{opacity:.4;margin-bottom:1rem;font-size:3rem}.mz-empty h3{color:var(--mz-text-secondary);margin-bottom:.5rem;font-size:1.1rem}.mz-loading{color:var(--mz-primary);justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.mz-spinner{border:3px solid var(--mz-primary-50);border-top-color:var(--mz-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mz-login-page{background:linear-gradient(135deg,#0a1628 0%,#0d47a1 50%,#01579b 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.mz-login-card{background:var(--mz-surface);border-radius:var(--mz-radius-lg);width:100%;max-width:420px;box-shadow:var(--mz-shadow-xl);padding:3rem}.mz-login-card h1{text-align:center;color:var(--mz-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.mz-login-card .subtitle{text-align:center;color:var(--mz-text-secondary);margin-bottom:2rem;font-size:.88rem}.mz-login-form{flex-direction:column;gap:1.25rem;display:flex}.mz-login-error{color:#c62828;border-radius:var(--mz-radius-sm);text-align:center;background:#ffebee;padding:.75rem 1rem;font-size:.85rem}.mz-search-box{position:relative}.mz-search-box input{border:1.5px solid var(--mz-border);border-radius:var(--mz-radius-sm);width:100%;transition:var(--mz-transition);outline:none;padding:.7rem .9rem .7rem 2.5rem;font-size:.88rem}.mz-search-box input:focus{border-color:var(--mz-primary-light);box-shadow:0 0 0 3px var(--mz-primary-50)}.mz-search-box .search-icon{width:18px;height:18px;color:var(--mz-text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.mz-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeInUp;display:flex;position:fixed;inset:0}.mz-modal{background:var(--mz-surface);border-radius:var(--mz-radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--mz-shadow-xl);overflow-y:auto}.mz-modal-header{border-bottom:1px solid var(--mz-border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.mz-modal-header h2{font-size:1.15rem;font-weight:700}.mz-modal-body{padding:1.5rem}.mz-modal-footer{border-top:1px solid var(--mz-border-light);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (width<=768px){.mz-sidebar{transform:translate(-100%)}.mz-sidebar.open{transform:translate(0)}.mz-main{margin-left:0}.mz-content{padding:1rem}.mz-topbar{padding:.75rem 1rem}.mz-stats-grid{grid-template-columns:repeat(2,1fr)}.mz-form-grid{grid-template-columns:1fr}.mz-modal{max-width:100%;margin:1rem}}@media (width<=480px){.mz-stats-grid{grid-template-columns:1fr}}@media print{.mz-sidebar,.mz-topbar,.mz-btn{display:none!important}.mz-main{margin-left:0!important}.mz-card{box-shadow:none;border:1px solid #ddd}.mz-ticket{border:2px solid #333;max-width:100%}}