*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:600px;margin:0 auto;padding:16px}.header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:20px;padding:16px 20px;box-shadow:0 4px 6px #0000001a}.header-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.header-top h1{margin:0;font-size:20px}.tabs{gap:10px;margin-bottom:10px;display:flex}.tab{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.tab.active{color:#667eea;background:#fff}.tab:active{transform:scale(.96)}.stats{opacity:.9;margin-top:4px;font-size:12px}.cards{flex-direction:column;gap:16px;display:flex}.card{background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.card:active{transform:scale(.98)}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:12px 16px;display:flex}.number{color:#495057;font-size:14px;font-weight:600}.date{color:#6c757d;font-size:12px}.card-content{flex-direction:column;gap:12px;padding:16px;display:flex}.supplier,.material,.weight,.gross,.truck{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.label{color:#6c757d;font-weight:500}.value{color:#212529;text-align:right;max-width:60%;font-weight:500}.material-name{color:#495057;font-weight:600}.weight-value{color:#28a745;font-size:16px;font-weight:700}.today-card{border:2px solid gold;box-shadow:0 4px 12px #ffd70033}.today-date{font-weight:700;color:gold!important}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{text-align:center;color:#dc3545;padding:40px 20px}.error button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;margin-top:16px;padding:8px 16px}.empty{text-align:center;color:#6c757d;background:#fff;border-radius:12px;padding:60px 20px}.grouped-view{flex-direction:column;gap:24px;display:flex}.date-group{flex-direction:column;gap:12px;display:flex}.date-separator{color:#495057;text-align:center;background:#e9ecef;border-radius:12px;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600}.date-separator:first-child{margin-top:0}.today-separator{color:#fff;background:linear-gradient(135deg,gold 0%,#ffb347 100%);font-weight:700;box-shadow:0 2px 8px #ffd7004d}.group-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.group-card-header{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px}.supplier-name{color:#212529;margin-bottom:4px;font-size:16px;font-weight:700}.material-name-group{color:#6c757d;font-size:14px}.group-card-stats{justify-content:space-between;align-items:center;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-label{color:#6c757d;font-size:12px}.stat-value{color:#212529;font-size:18px;font-weight:700}.stat-value.highlight{color:#28a745;font-size:20px}.pin-modal-overlay{z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-modal{text-align:center;background:#fff;border-radius:32px;width:90%;max-width:340px;padding:32px 24px;box-shadow:0 20px 40px #0003}.pin-modal-header{margin-bottom:32px}.pin-lock-icon{margin-bottom:16px;font-size:48px}.pin-modal-header h2{color:#212529;margin-bottom:8px;font-size:24px}.pin-modal-header p{color:#6c757d;font-size:14px}.pin-display{margin-bottom:32px}.pin-dots{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.pin-dot{background:#e9ecef;border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background:#667eea;transform:scale(1.1)}.pin-dot.error{background:#dc3545;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pin-error{color:#dc3545;font-size:12px;font-weight:500}.pin-hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.pin-keyboard{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pin-key{color:#212529;cursor:pointer;aspect-ratio:1;background:#f8f9fa;border:none;border-radius:16px;padding:16px;font-size:24px;font-weight:600;transition:all .1s}.pin-key:active{background:#e9ecef;transform:scale(.95)}.empty{pointer-events:none;background:0 0}.delete-key{background:#f8f9fa;font-size:20px}@media (max-width:480px){.container{padding:12px}.card-content{gap:10px;padding:12px}.label,.value{font-size:13px}.group-card-stats{flex-direction:column;align-items:stretch;gap:12px}.stat-item{flex-direction:row;justify-content:space-between}.stat-label{font-size:14px}.stat-value{font-size:16px}.stat-value.highlight{font-size:18px}.pin-modal{padding:24px 20px}.pin-key{padding:14px;font-size:20px}}.sync-info{background:#ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:6px 12px;font-size:11px;display:flex}.sync-label{opacity:.8}.sync-time{font-family:monospace;font-weight:600}.refresh-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.refresh-btn:active{background:#fff3;border-color:#fff6;transform:scale(.97)}.refresh-icon{opacity:.9;font-size:14px}.refresh-success{animation:.3s gentlePulse;background:#ffffff40!important;border-color:#ffffff80!important}@keyframes gentlePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.notification{color:#fff;z-index:1000;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:40px;padding:12px 24px;font-size:14px;font-weight:600;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0003}@media (max-width:480px){.notification{white-space:nowrap;padding:10px 18px;font-size:12px;top:70px}}.factory-switch{gap:10px;margin-bottom:12px;display:flex}.factory-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.factory-btn.active{color:#667eea;background:#fff;border-color:#fff}.factory-btn:active{transform:scale(.96)}