body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5}.app-header{background:#000;color:#fff;padding:.75rem 1rem}main{padding:1rem}.view{margin-top:1rem}.hidden{display:none}label{display:block;margin-bottom:.75rem}input[type=number],input[type=text],textarea{width:100%;padding:.5rem;margin-top:.25rem;box-sizing:border-box}button{padding:.6rem 1rem;margin-top:.5rem}.buttons-row{display:flex;gap:.5rem;flex-wrap:wrap}.camera-container{position:relative;width:100%;max-width:400px;min-height:300px;margin:1rem 0;background:#000}#camera{width:100%;height:auto}.camera-overlay{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:2px solid rgba(0,255,0,.7);box-sizing:border-box;pointer-events:none}.status{margin-top:.5rem;min-height:1.2em;font-size:.9rem;color:#333}.manual-input-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ddd}.manual-input-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.manual-input-group{display:flex;gap:.5rem;flex-wrap:wrap}.manual-input-group input{flex:1;min-width:200px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.manual-input-group button{margin:0}.package-info{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;background:#f9f9f9;padding:1.5rem;border-radius:8px;margin:1rem 0;align-items:center}.package-info .label{font-weight:600;color:#555;white-space:nowrap}.package-info .value{color:#000}.package-info .value strong{color:#000;font-size:1.1em}.package-not-found{background:#fee;border:2px solid #f88;padding:1.5rem;border-radius:8px;text-align:center;margin:1rem 0}.package-not-found strong{color:#c00;font-size:1.2em}.weight-update-section{margin:1.5rem 0}#weight-form-container{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem;margin-top:1rem}#weight-form-container h3{margin:0 0 .5rem;color:#856404}.warning-text{color:#856404;margin:0 0 1rem;font-size:.9rem}#weight-form-container form{display:flex;flex-direction:column;gap:1rem}#weight-form-container label{display:flex;flex-direction:column;gap:.25rem;font-weight:500;color:#333}#weight-form-container input[type=text],#weight-form-container input[type=file]{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:16px}.file-hint{font-size:.85rem;color:#666;font-weight:400;font-style:italic}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#5a6268}.btn-secondary:disabled{background:#999;cursor:not-allowed}.debug-panel{position:fixed;top:0;right:0;width:350px;height:100vh;background:#1e1e1e;color:#e0e0e0;padding:1rem;overflow-y:auto;box-shadow:-2px 0 10px #0000004d;z-index:9999;font-size:.9rem}.debug-header{border-bottom:2px solid #4a4a4a;padding-bottom:.75rem;margin-bottom:1rem}.debug-header h3{margin:0 0 .25rem;font-size:1.1rem;color:#4ec9b0}.debug-hint{margin:0;font-size:.75rem;color:#888}.debug-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.debug-section:last-child{border-bottom:none}.debug-section h4{margin:0 0 .75rem;font-size:.9rem;color:#dcdcaa;text-transform:uppercase;letter-spacing:.5px}.debug-input-group{display:flex;gap:.5rem;flex-direction:column}.debug-input{background:#2d2d2d;border:1px solid #4a4a4a;color:#e0e0e0;padding:.5rem;border-radius:4px;font-size:.85rem;font-family:Consolas,Monaco,monospace}.debug-input:focus{outline:none;border-color:#4ec9b0}.debug-btn{background:#3a3a3a;border:1px solid #4a4a4a;color:#e0e0e0;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.debug-btn:hover{background:#4a4a4a;border-color:#5a5a5a}.debug-btn-primary{background:#0e639c;border-color:#17b}.debug-btn-primary:hover{background:#17b;border-color:#1c8cd4}.debug-btn-secondary{background:#2d2d2d;font-family:Consolas,Monaco,monospace;font-size:.8rem}.debug-btn-small{padding:.25rem .5rem;font-size:.75rem}.debug-buttons{display:flex;flex-direction:column;gap:.5rem}.debug-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:0}.debug-checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.debug-checkbox span{font-size:.85rem}.debug-console-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.debug-console-header h4{margin:0}.debug-console{background:#0d0d0d;border:1px solid #333;border-radius:4px;padding:.75rem;max-height:300px;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.4}.debug-console>div{margin-bottom:.25rem;padding:.25rem;border-radius:2px}.debug-log-info{color:#9cdcfe}.debug-log-success{color:#4ec9b0;background:#4ec9b01a}.debug-log-error{color:#f48771;background:#f487711a}.debug-log-warning{color:#dcdcaa;background:#dcdcaa1a}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:1rem}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%;max-width:400px}.login-card h2{margin:0 0 .5rem;color:#000;font-size:1.5rem}.login-subtitle{margin:0 0 1.5rem;color:#666;font-size:.9rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card label{display:flex;flex-direction:column;gap:.25rem;font-weight:500;color:#333;margin:0}.login-card input[type=email],.login-card input[type=password]{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.login-card input:focus{outline:none;border-color:#000}.btn-primary{background:#000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.5rem}.btn-primary:hover{background:#333}.btn-primary:disabled{background:#999;cursor:not-allowed}.error-message{color:#d32f2f;font-size:.9rem;margin:0;min-height:1.2em}.logout-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem .8rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;margin:0}.logout-btn:hover{background:#ffffff1a;border-color:#ffffff80}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0}@media (max-width: 768px){.debug-panel{width:100%;height:50vh;top:auto;bottom:0;right:0}.login-card{padding:1.5rem}}