.camera-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;z-index:300}.camera-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#000c;color:#fff;flex-shrink:0}.camera-header h2{font-size:18px;margin:0}.btn-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.camera-video{flex:1;width:100%;min-height:0;object-fit:cover}.camera-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.barcode-frame{width:80%;max-width:300px;height:200px;border:3px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 0 0 9999px #0000004d}.barcode-detected{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#00c864e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.camera-controls{display:flex;justify-content:center;align-items:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#000000e6;gap:12px;flex-shrink:0;position:relative;z-index:10;min-height:84px}.camera-buttons{display:flex;flex-direction:column;align-items:center;gap:8px}.btn-capture{background:#000;color:#fff;border:2px solid white;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;border-radius:50%;white-space:nowrap}.btn-capture:active{transform:scale(.95);opacity:.8}.btn-secondary{background:#444;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#fff;gap:16px}.camera-error p{text-align:center;font-size:16px;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;z-index:200}.modal{background:#fff;width:100%;max-width:500px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;min-height:0;box-shadow:0 -4px 12px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.modal-header h2{font-size:20px;margin:0}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-tabs{display:flex;gap:0;border-bottom:1px solid #eee}.modal-tab{flex:1;padding:12px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:#666;transition:all .2s}.modal-tab.active{color:#000;border-bottom-color:#000}.modal-header,.modal-tabs{flex-shrink:0}.modal-content{flex:1;min-height:0;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.modal-footer{flex-shrink:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff;display:flex;flex-direction:column;gap:8px}.modal-footer .btn-primary{margin-top:0;width:100%;min-height:52px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.save-hint{font-size:12px;color:#888;text-align:center;margin:0}.form-section{display:flex;flex-direction:column;gap:12px}.form-section label{font-size:13px;font-weight:600;color:#333;text-transform:uppercase}.form-section input,.form-section select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit}.form-section input:focus,.form-section select:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.btn-primary,.btn-secondary{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#000;color:#fff;margin-top:8px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:not(:disabled):active{transform:scale(.98)}.btn-secondary{background:#f0f0f0;color:#000;border:1px solid #ddd}.btn-secondary:active{background:#e0e0e0}.error-message{color:#dc3545;font-size:13px;padding:8px;background:#fff5f5;border-radius:4px}.field-note{font-size:12px;color:#2e7d32;background:#f1f8f2;border-radius:6px;padding:8px 10px}.field-note.reading{color:#555;background:#f3f4f6;display:flex;align-items:center;gap:8px}.spinner.dark{border-color:#0000002e;border-top-color:#555}.suggestion{display:flex;align-items:center;gap:8px;font-size:13px;background:#eef4ff;border:1px solid #cfe0ff;border-radius:6px;padding:8px 10px}.suggestion span{flex:1;min-width:0;word-break:break-word}.suggestion .btn-secondary{flex-shrink:0;padding:8px 12px;font-size:13px}.item-photo-preview{display:flex;flex-direction:column;gap:8px}.item-photo-preview img{width:100%;max-height:180px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.item-photo-actions{display:flex;gap:8px}.item-photo-actions .btn-secondary{flex:1}.info-text{text-align:center;color:#999;padding:40px 16px}.info-text p{margin:0;font-size:14px}.inventory{display:flex;flex-direction:column;gap:16px}.filter-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.filter-tab{padding:8px 16px;border:2px solid #ddd;border-radius:20px;background:#fff;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.filter-tab.active{background:#000;color:#fff;border-color:#000}.loading,.empty-state{text-align:center;padding:40px 16px;color:#999}.btn-primary{background:#000;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;margin-top:16px;cursor:pointer}.inventory-list{list-style:none;display:flex;flex-direction:column;gap:12px}.inventory-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border-left:4px solid #ccc;border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px #0000000d}.item-date{font-size:12px;color:#777;font-variant-numeric:tabular-nums}.item-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;margin-right:12px;flex-shrink:0;background:#f0f0f0;cursor:pointer}.item-content{cursor:pointer;min-width:0;flex:1}.inventory-item.busy{opacity:.55;pointer-events:none}.item-actions{flex-shrink:0;margin-left:8px}.consume-row{display:flex;gap:6px}.btn-consume{min-width:44px;min-height:44px;border:1px solid #ddd;background:#f7f7f7;border-radius:10px;font-size:15px;font-weight:700;color:#333;cursor:pointer}.btn-consume:active{background:#e6e6e6;transform:scale(.95)}.btn-consume:disabled{opacity:.5}.btn-consume.finish{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.btn-danger{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #f0c2c2;background:#fff5f5;color:#c62828;margin-top:8px}.edit-photo{width:100%;max-height:160px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.qty-presets{display:flex;gap:8px}.qty-presets .btn-secondary{flex:1;min-height:44px;font-size:16px}.qty-presets .btn-secondary.active{background:#000;color:#fff;border-color:#000}.inventory-item.expired{border-left-color:#dc3545;background:#fff5f5}.inventory-item.soon{border-left-color:#ffc107;background:#fffbf0}.inventory-item.fresh{border-left-color:#28a745}.item-content{flex:1}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.item-header h3{font-size:15px;font-weight:600;margin:0}.item-qty{font-size:13px;color:#666}.item-details{display:flex;gap:8px;font-size:12px;color:#666}.item-category{background:#f0f0f0;padding:2px 6px;border-radius:3px;text-transform:capitalize}.item-expiry{font-weight:600}.item-expiry.expired{color:#dc3545}.item-expiry.soon{color:#ffc107}.item-expiry.fresh{color:#28a745}.btn-remove{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s}.btn-remove:active{opacity:1}.app{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.app-header{background:#000;color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.app-header h1{font-size:24px;font-weight:600}.status-bar{display:flex;gap:8px;font-size:12px}.status-offline,.status-warning{background:#ff6b6b;padding:4px 8px;border-radius:4px;font-size:11px}.app-main{flex:1;overflow-y:auto;padding:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 3px #0000001a}.stat-card.warning{background:#fff3cd;border-left:4px solid #ffc107}.stat-card.danger{background:#f8d7da;border-left:4px solid #dc3545}.stat-number{font-size:32px;font-weight:700;color:#000}.stat-label{font-size:12px;color:#666;margin-top:4px;text-transform:uppercase}.fab-add{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:#000;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;cursor:pointer;border:none;z-index:100}.fab-add:active{transform:scale(.95)}@media (max-width: 600px){.app-header h1{font-size:20px}.fab-add{width:56px;height:56px;font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;color:#333}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}