@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#22362d;background:#f5f5ef;font-synthesis:none;--green:#183e32;--green2:#28624b;--muted:#647360;--line:#e3e7de;--cream:#f5f5ef;--amber:#ad6c1d;--red:#a2443c}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--green2)}button:focus-visible,a:focus-visible{outline:3px solid #90bb78;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:#528768;box-shadow:0 0 0 3px #bcd1bb55}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{border:0}table{border-collapse:collapse;width:100%}th{text-align:left}dialog{padding:0;border:1px solid var(--line);color:inherit;box-shadow:0 30px 100px #142c3240}dialog::backdrop{background:#152c268a;backdrop-filter:blur(3px)}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}
.initial-loading{padding:80px;text-align:center}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--green);color:#f1f5e7;display:flex;flex-direction:column;padding:36px 22px 22px;z-index:10}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#c6da9b;border-radius:13px;color:#183e32}.brand-name{font-family:'Manrope',sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-name span{color:#c7dba6}.brand small{display:block;font-size:10px;letter-spacing:2.1px;text-transform:uppercase;margin-top:3px;color:#b5c9bd}.sidebar-label{font-size:10px;letter-spacing:1.6px;color:#8fb19f;margin:45px 14px 13px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{background:transparent;color:#bdd0c4;display:flex;gap:13px;align-items:center;min-height:47px;border-radius:9px;padding:0 14px;font-size:13px;font-weight:500;text-align:left}.nav button:hover{background:#ffffff0c;color:white}.nav button.active{background:#cfdfa6;color:#183e32;font-weight:700}.nav-count{margin-left:auto;background:#ffffff18;border-radius:5px;padding:3px 7px;font-size:11px}.active .nav-count{background:#183e3220}.sidebar-bottom{margin-top:auto;padding-top:35px}.side-note{padding:18px;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;font-size:11px;line-height:1.8;color:#a5c0ae}.side-note b{display:block;color:#dce8c6;font-size:12px;margin-bottom:5px}.account{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff16;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#537b5f;color:white;display:grid;place-items:center;font-size:12px;font-weight:700}.account-info{min-width:0;flex:1}.account-info strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info small{font-size:10px;color:#9cbbab}.account button{background:transparent;color:#b4cdbb;padding:6px}.main{margin-left:238px;min-height:100vh}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;background:#fafbf7}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumbs strong{font-weight:500;color:#294a38}.top-actions{display:flex;gap:14px;align-items:center}.status-dot{display:flex;gap:7px;align-items:center;font-size:11px;color:#647369}.status-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#d49739}.status-dot.live:before{background:#4b946c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;font-size:12px;font-weight:600;min-height:39px;background:var(--green);color:#fff;text-decoration:none;white-space:nowrap}.btn:hover{background:#28503e}.btn.small{padding:8px 12px;min-height:32px;font-size:11px}.btn.outline{border:1px solid #cfd8ce;background:transparent;color:#284c3b}.btn.outline:hover{background:#edf1e5}.btn.ghost{background:transparent;color:#52695b;padding:7px}.btn.danger{color:var(--red);background:#f8ece7;border:1px solid #e8c9c2}.btn.danger:hover{background:#f1dcd5}.btn.light{background:#e8f0dc;color:#294e38}.btn.icon-only{width:36px;padding:8px}.mobile-menu{display:none}.page{padding:30px 39px 44px;max-width:1640px;margin:auto}.demo-banner{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.6;color:#8a6932;background:#f7efda;border:1px solid #eadfbe;border-radius:9px;padding:11px 14px;margin-bottom:29px}.demo-banner span{flex:1}.demo-banner button{border:0;padding:0;background:none;font-size:11px;color:#806122;text-decoration:underline;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#708e73;margin-bottom:10px;font-weight:700}h1{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.1px;line-height:1.3}.subtitle{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.date-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#718075;font-size:11px;padding-bottom:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;position:relative;min-height:140px}.metric.waiting{background:#f2edda;border-color:#e6ddbe}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#748074;font-size:11px}.metric-icon{height:29px;width:29px;background:#f0f4ea;display:grid;place-items:center;border-radius:8px;color:#6b8d66}.waiting .metric-icon{background:#e9dfba;color:#9e7734}.metric-num{font-family:'Manrope',sans-serif;font-size:36px;font-weight:700;letter-spacing:-1px;margin:9px 0 4px}.metric-foot{font-size:10px;color:#94a092}.waiting .metric-foot{color:#9e8155}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px}.panel-heading h2{font-size:14px;font-weight:700;letter-spacing:-.15px}.panel-heading p{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.text-link{background:transparent;color:#47704f;font-size:10px;font-weight:600;display:flex;gap:6px;align-items:center;padding:3px;white-space:nowrap}.table-wrap{overflow:auto}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#8e978c;border-bottom:1px solid var(--line);background:#fcfdf9;padding:12px 18px;white-space:nowrap}.data-table td{padding:17px 18px;border-bottom:1px solid #edf0e7;font-size:11px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fcfdf8}.product-cell{display:flex;gap:12px;align-items:center;min-width:185px}.product-symbol{width:35px;height:40px;background:#edf2e8;border-radius:8px;display:grid;place-items:center;color:#628564}.product-symbol.composition{background:#f1eedf;color:#9b844d}.product-title{font-weight:600;font-size:12px;margin-bottom:6px;display:block;background:transparent;padding:0;text-align:left;color:#294233}.product-title:hover{text-decoration:underline}.barcode-text{font-family:ui-monospace,monospace;font-size:9px;color:#9aa392;letter-spacing:.5px}.type-pill,.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;padding:5px 8px;white-space:nowrap}.type-pill{background:#f0f3e9;color:#5b795a}.type-pill.composition{background:#f6f0e2;color:#9f8356}.status-pill.pending{background:#fbefcf;color:#a57c29}.status-pill.approved{background:#e8f2e4;color:#4e7e47}.status-pill.rejected{background:#f8e8e1;color:#a35c4d}.muted{color:var(--muted)}.tiny{font-size:10px;line-height:1.7}.table-note{border-top:1px solid var(--line);padding:12px 24px;font-size:10px;color:#8c9688;display:flex;gap:8px;align-items:center}.side-stack{display:grid;gap:20px}.priority-panel{background:#eaf0dd;border:1px solid #dfe8ca;border-radius:12px;padding:24px}.priority-panel .priority-icon{display:inline-flex;background:#d7e3c0;color:#567d47;padding:9px;border-radius:10px;margin-bottom:17px}.priority-panel h2{font-family:'Manrope',sans-serif;font-size:18px;letter-spacing:-.5px;line-height:1.45;font-weight:800}.priority-panel p{font-size:11px;color:#7c8b70;line-height:1.8;margin:11px 0 19px}.priority-panel .btn{width:100%;font-size:11px}.distribution{padding:0 24px 25px}.bar-row{margin-bottom:16px}.bar-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:#7f8b7a}.bar-label strong{font-weight:500;color:#324f36}.bar-track{height:5px;border-radius:4px;background:#eef1e7;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:4px;background:#9ab477}.recent-panel{margin-top:23px}.recent-list{display:grid;grid-template-columns:repeat(3,1fr);padding:0 24px 22px;gap:20px}.recent-item{display:flex;gap:10px;padding-right:12px;align-items:start}.recent-icon{background:#f0f4e8;padding:7px;border-radius:50%;color:#7b965e;display:flex}.recent-icon.rejected{color:#a96951;background:#faf0e9}.recent-item h3{font-size:11px;margin:1px 0 7px;line-height:1.5}.recent-item p{font-size:9px;color:#8c9785;line-height:1.7}.footer{display:flex;justify-content:space-between;gap:15px;color:#a0a898;font-size:9px;padding-top:29px}.filters{display:flex;gap:12px;align-items:center;padding:0 24px 22px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px}.search-box svg{position:absolute;left:12px;top:11px;color:#9ba590}.search-box input{padding-left:37px;width:100%}.field,select,input,textarea{color:#2d4634}.filters input,.filters select{border:1px solid #e0e6d8;background:#fff;border-radius:7px;min-height:38px;padding:9px 12px;font-size:11px}.filters .search-box input{padding-left:37px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:0 24px 20px}.filter-tabs button{background:transparent;color:#8c9785;padding:7px 12px;border:1px solid transparent;border-radius:6px;font-size:11px}.filter-tabs button.active{color:#3e623d;border-color:#dbe6ce;background:#f2f6e9}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--line);font-size:10px;color:#899480}.pagination-actions{display:flex;align-items:center;gap:10px}.pagination .previous svg{transform:rotate(180deg)}.empty{padding:50px 24px;text-align:center;display:grid;justify-items:center;gap:12px;color:#94a089}.empty h3{font-size:14px;color:#53694d}.empty p{font-size:11px;line-height:1.7;max-width:400px}.error-box{background:#fbede7;color:#945442;border:1px solid #efd7cc;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.7;margin-bottom:20px}.error-box .btn{margin-top:10px}.loading{padding:45px;text-align:center;color:#92a082;font-size:12px}.loading:before{content:'';display:inline-block;width:14px;height:14px;border:2px solid #c9d8bb;border-top-color:#427749;border-radius:50%;margin-right:10px;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.detail-dialog{width:min(1180px,96vw);max-width:96vw;border-radius:15px;max-height:94vh}.dialog-top{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 26px}.dialog-top h2{font-size:17px;letter-spacing:-.4px;font-family:'Manrope',sans-serif}.dialog-top .subtitle{font-size:10px}.dialog-body{background:#f6f7f0;padding:24px 26px}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.detail-grid section{min-width:0}.section-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#88967c;margin-bottom:12px}.photos{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.photo-button{display:block;padding:0;border:0;position:relative;border-radius:7px;overflow:hidden;background:#e8e7df;width:100%;color:white}.photo-button img{width:100%;height:300px;object-fit:contain;display:block}.photo-button.barcode img{height:160px}.photo-button span{position:absolute;bottom:12px;right:12px;background:#27372cb0;border-radius:7px;padding:7px;display:flex}.photo-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8a9680;margin:8px 0 17px}.photo-label:last-child{margin-bottom:0}.photo-unavailable{background:#f3f1e7;text-align:center;padding:28px 16px;color:#9a9477;font-size:11px;border-radius:7px}.original-text{margin-top:17px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}.original-text summary{cursor:pointer;font-size:11px;font-weight:600;color:#6d805d}.raw-text{font-size:11px;line-height:1.9;color:#78866b;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.warning-box{padding:12px 14px;background:#faf0d7;border:1px solid #ebdfb9;color:#947b39;font-size:11px;border-radius:8px;line-height:1.8;margin-bottom:14px}.warning-box ul{padding-left:20px;margin:5px 0}.editor-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px;margin-bottom:16px}.editor-card h3{font-size:12px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:7px}.field{display:block;margin-bottom:14px;font-size:10px;color:#697960}.field input,.field select,.field textarea{display:block;border:1px solid #dfe5d6;border-radius:6px;background:#fff;width:100%;font-size:12px;padding:10px 11px;margin-top:6px;min-width:0}.field textarea{min-height:90px;line-height:1.8;resize:vertical}.field small{display:block;font-size:9px;line-height:1.7;color:#95a187;margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.field.full{grid-column:1/-1}.field:last-child{margin-bottom:0}.nutrient-table{border:1px solid var(--line);border-radius:6px;overflow:hidden}.nutrient-table th{font-size:9px;color:#849177;padding:10px;background:#f8faf2;font-weight:500}.nutrient-table td{padding:6px;font-size:10px;border-top:1px solid #edf0e7}.nutrient-table td:first-child{padding-left:11px;width:33%;color:#5a7250}.nutrient-table input,.nutrient-table select{width:100%;min-width:0;border:1px solid #e2e8d7;border-radius:5px;padding:7px 5px;font-size:10px;background:white}.add-nutrient{display:flex;gap:7px;align-items:center;margin-top:13px}.add-nutrient select{flex:1;min-width:0;font-size:10px;padding:8px;border:1px solid #dfe7d5;border-radius:5px}.validation-error{font-size:11px;color:#a14e3f;margin:10px 0;line-height:1.8}.validation-error:empty{display:none}.review-note{padding:16px;background:#fff;border-radius:9px;border:1px solid var(--line);margin-bottom:14px}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#667d5d;line-height:1.7}.checkbox input{margin-top:3px;accent-color:var(--green);width:15px;height:15px}.review-footer{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0}.review-footer p{font-size:10px;color:#87947b;line-height:1.7}.review-buttons{display:flex;gap:10px}.read-only-banner{background:#e9f0de;border:1px solid #dbe7cd;color:#668254;border-radius:8px;padding:11px 14px;font-size:11px;line-height:1.8;margin-bottom:17px}.readonly-card{border:1px solid var(--line);padding:17px;background:white;border-radius:9px}.readonly-card h3{font-size:12px;margin-bottom:12px}.read-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.read-grid dt{color:#8f9c81;font-size:9px;margin-bottom:4px}.read-grid dd{margin:0}.read-data th{font-size:9px;color:#8c9b7d;padding:9px 8px;border-bottom:1px solid var(--line);font-weight:500}.read-data td{font-size:11px;padding:9px 8px;border-bottom:1px solid #edf1e6}.ingredient-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ingredient-list span{background:#f1f5e8;border:1px solid #e3eacf;padding:8px 11px;border-radius:6px;font-size:11px;color:#69845a}.action-dialog{width:min(500px,94vw);max-width:94vw;border-radius:14px;max-height:94vh}.action-dialog.wide{width:min(780px,94vw)}.action-dialog .dialog-body{padding:23px 26px;background:white}.action-dialog p{font-size:12px;color:#7c8c6e;line-height:1.9;margin-bottom:14px}.action-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line)}.confirm-summary{background:#f4f7ee;border-radius:8px;padding:16px;margin-bottom:18px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.confirm-summary b{display:block;color:#315a37}.confirm-summary small{color:#88977b}.photo-dialog{width:min(1100px,95vw);max-width:95vw;background:#152f26;border:0;border-radius:12px;color:#fff;max-height:94vh}.photo-dialog .dialog-top{background:#18392c;border:0}.photo-dialog .btn{color:#fff}.photo-dialog img{display:block;width:100%;height:76vh;object-fit:contain}.photo-dialog h2{font-size:13px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#244c38;color:#fff;border:1px solid #406a4d;padding:13px 20px;border-radius:9px;font-size:12px;max-width:min(580px,90vw);z-index:100;box-shadow:0 10px 30px #183f3226;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#854e39;border-color:#a97960}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}.settings-card h2{font-size:15px;letter-spacing:-.2px;margin-bottom:8px}.settings-card>p{color:#8a977f;font-size:11px;line-height:1.9;margin-bottom:22px}.step-list{padding-left:19px;color:#72866a;font-size:12px;line-height:1.9}.step-list li{margin-bottom:15px;padding-left:5px}.step-list strong{display:block;color:#46643f}.code-block{background:#f3f5ec;border:1px solid #e2e8d7;border-radius:7px;padding:15px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#6c7f5b}.download-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.settings-note{margin-top:23px;padding:20px;border-radius:10px;background:#eaf0df;display:flex;gap:12px;font-size:11px;line-height:1.8;color:#718864}.settings-note b{color:#405f35}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f5f6ef}.auth-visual{padding:50px 65px;background:#183e32;color:#edf4e3;display:flex;flex-direction:column;justify-content:space-between}.auth-message{margin-top:70px;margin-bottom:70px}.auth-message h1{font-family:Georgia,serif;font-weight:400;font-size:56px;line-height:1.18;letter-spacing:-1.5px;max-width:470px}.auth-message h1 em{color:#c4d79e;font-style:italic}.auth-message p{font-size:14px;line-height:1.9;color:#a4bba9;margin-top:24px;max-width:370px}.auth-process{display:grid;gap:17px;margin-top:40px}.auth-process>div{display:flex;gap:12px;align-items:center;font-size:12px;color:#c5d5bc}.auth-process span{height:29px;width:29px;border:1px solid #668061;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#b1ca90}.auth-visual footer{font-size:10px;color:#91ae95}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px 35px}.auth-card{width:100%;max-width:380px}.auth-card .auth-icon{width:47px;height:47px;border-radius:13px;background:#e4edda;color:#6d8d59;display:grid;place-items:center;margin-bottom:23px}.auth-card h2{font-family:'Manrope',sans-serif;font-size:26px;letter-spacing:-.8px;margin-bottom:11px}.auth-card>p{font-size:12px;line-height:1.9;color:#8a9780;margin-bottom:30px}.auth-card .field{font-size:11px;margin-bottom:17px}.auth-card input{padding:12px;margin-top:9px;font-size:13px}.auth-card .btn{width:100%;margin-top:6px}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:25px}.auth-links button{background:none;color:#7c906b;font-size:10px;text-decoration:underline;padding:0}.access-code{background:#eaf0e0;border-radius:6px;padding:15px;font-size:11px;overflow-wrap:anywhere;margin:15px 0;color:#698255}.auth-code-note{font-size:10px;color:#859576;line-height:1.9}.loading-inline{opacity:.5;pointer-events:none}
@media(min-width:1500px){.page{padding-top:38px}.metric{min-height:150px}.overview-grid{grid-template-columns:minmax(0,1fr) 330px}.data-table td{padding:20px}.photo-button img{height:370px}}
@media(max-width:1150px){.sidebar{width:207px;padding-left:15px;padding-right:15px}.brand-name{font-size:21px}.main{margin-left:207px}.page{padding:25px}.topbar{padding:0 25px}.overview-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.recent-list{gap:12px}.metric{padding:18px}.settings-grid{grid-template-columns:1fr}.auth-visual{padding:40px}.auth-message h1{font-size:44px}}
@media(max-width:850px){.sidebar{display:none;box-shadow:5px 0 20px #102e3540}.sidebar.open{display:flex}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:68px;padding:0 22px}.breadcrumbs>span:first-of-type{display:none}.top-actions{gap:8px}.detail-grid{grid-template-columns:1fr}.detail-dialog{max-height:96vh}.photo-button img{height:250px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-button.barcode img{height:250px}.photo-label{margin-bottom:0}.original-text{display:none}.auth-layout{grid-template-columns:1fr}.auth-visual{padding:30px}.auth-message,.auth-process,.auth-visual footer{display:none}.auth-main{padding:45px 25px;align-items:start}.review-footer{flex-direction:column;align-items:stretch}.review-footer .review-buttons{justify-content:flex-end}}
@media(max-width:600px){.page{padding:20px 17px 30px}.topbar{padding:0 17px}.top-actions .status-dot{display:none}.breadcrumbs{font-size:11px;gap:7px}.top-actions .btn{padding:8px 10px;font-size:10px}.demo-banner{margin-bottom:22px;padding:10px;align-items:flex-start;font-size:10px}.demo-banner button{white-space:normal;text-align:right;font-size:10px}.page-heading{align-items:start;gap:10px}h1{font-size:25px}.date-chip{display:none}.subtitle{font-size:11px}.metrics{grid-template-columns:1fr 1fr;gap:11px}.metric{min-height:125px;padding:14px}.metric-num{font-size:31px}.metric-label{font-size:10px}.metric-foot{font-size:9px}.side-stack{grid-template-columns:1fr}.panel-heading{padding:20px 17px}.data-table th,.data-table td{padding:13px 14px}.data-table .optional-col{display:none}.overview-grid .data-table td:nth-child(3){display:none}.overview-grid .data-table th:nth-child(3){display:none}.table-note{padding:12px 17px;font-size:9px}.recent-list{grid-template-columns:1fr;padding:0 17px 20px;gap:20px}.filters{padding:0 17px 18px;gap:8px}.filters .search-box{flex-basis:100%}.filters select{flex:1;min-width:110px}.filter-tabs{padding:0 17px 18px}.pagination{padding:14px 17px}.footer{font-size:8px}.detail-dialog{width:100vw;max-width:100vw;border-radius:0;max-height:100vh;min-height:100vh;margin:0}.dialog-top{padding:17px}.dialog-top h2{font-size:15px}.dialog-body{padding:18px 15px}.detail-grid{gap:15px}.photos{padding:10px;gap:8px}.photo-button img,.photo-button.barcode img{height:175px}.photo-label{font-size:9px;flex-wrap:wrap;gap:4px}.editor-card{padding:15px}.review-footer{padding:14px 17px}.review-buttons .btn{flex:1;min-width:0;white-space:normal;font-size:11px}.action-dialog .dialog-body{padding:20px}.action-dialog .dialog-actions{padding:16px 20px}.settings-card{padding:22px 18px}.nutrient-table th{padding:9px 5px}.field-grid{gap:0 10px}.photo-dialog{max-width:100vw;width:100vw;max-height:100vh;border-radius:0}.status-pill,.type-pill{font-size:8px}.btn{padding:10px 12px}.read-grid{font-size:10px}}
.barcode-text{color:#62715d;font-size:10px}.metric-label,.bar-label,.photo-label,.read-grid dt,.data-table th,.read-data th,.nutrient-table th{color:#63715e}.metric-foot,.field small,.recent-item p,.table-note,.pagination,.raw-text,.auth-card>p,.settings-card>p,.settings-note,.review-footer p,.section-caption{color:#697660}.read-grid dd{overflow-wrap:anywhere}.auth-links button{color:#617852}.subtitle{color:var(--muted)}
.document-dialog{height:min(800px,92vh)}.document-dialog[open]{display:flex;flex-direction:column}.document-dialog .dialog-body{flex:1;overflow:auto;min-height:0}.document-dialog .dialog-top,.document-dialog .dialog-actions{flex-shrink:0}.document-dialog .dialog-actions{flex-wrap:wrap;background:#fff}.document-dialog .sql-source{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.75;height:45vh;min-height:220px;resize:vertical;white-space:pre}.manual-body{font-size:12px;line-height:1.9;color:#40573e}.manual-body h2{font-size:21px;line-height:1.5;margin:0 0 20px}.manual-body h3{font-size:16px;margin:28px 0 12px;color:#2c4b34}.manual-body h4{font-size:13px;margin:20px 0 10px}.manual-body p{font-size:12px;color:#53694c;line-height:1.9;margin-bottom:14px}.manual-body li{margin:8px 0}.manual-body ul,.manual-body ol{padding-left:23px;margin:12px 0 22px}.manual-body pre{background:#f2f5ec;border:1px solid #e0e7d6;border-radius:8px;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.9;color:#385336;margin:15px 0}.manual-body code{font-family:ui-monospace,Consolas,monospace;font-size:11px;background:#edf2e5;padding:2px 4px;border-radius:3px}.manual-body pre code{padding:0;background:none}.resource-source{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.resource-source summary{font-size:11px;color:#537348;cursor:pointer;margin-bottom:12px}.resource-source textarea{width:100%;border:1px solid #dfe5d6;border-radius:6px;padding:12px;background:#fff}.document-dialog #resource-feedback{margin-top:14px}.auth-links{flex-wrap:wrap}
@media(max-width:600px){.document-dialog{height:96vh;width:96vw;max-width:96vw}.document-dialog .dialog-actions{gap:8px}.document-dialog .dialog-actions .btn{font-size:11px;flex:1}.document-dialog .sql-source{font-size:10px}.manual-body h2{font-size:18px}.manual-body h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}