*,:before,:after{box-sizing:border-box}body{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;margin:0;overflow-x:hidden}#root{width:100%}h1,h2,h3,p{margin:0}:root{--tn-primary:#0a0a0a;--tn-dark:#000;--tn-light:#f2f2f2;--tn-green:var(--tn-primary);--tn-green-dark:var(--tn-dark);--tn-green-light:var(--tn-light);--tn-ink:#0a0a0a;--tn-muted:#6b7280;--tn-line:#e5e5e5;--tn-bg:#fafafa;--tn-white:#fff;--tn-warn:#b8580a;--tn-warn-bg:#fff4e5;--tn-danger:#b00020;--tn-danger-bg:#fdeaea;--tn-ok:#16a34a;--tn-shadow:0 4px 18px #0000000f;--tn-radius:14px;--tn-serif:"Domine", Georgia, "Times New Roman", serif;--tap:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body.tn-compliance{background:var(--tn-bg);color:var(--tn-ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.4}h1,h2,h3,h4,.tn-display,.tn-tile-title{font-family:var(--tn-serif);letter-spacing:-.01em;font-weight:600}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}.tn-app{flex-direction:column;min-height:100vh;display:flex}.tn-header{background:var(--tn-white);border-bottom:1px solid var(--tn-line);z-index:40;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top));align-items:center;gap:16px;display:flex;position:sticky;top:0}.tn-brand{align-items:center;gap:12px;display:flex}.tn-brand-mark{background:var(--tn-dark);width:40px;height:40px;color:var(--tn-white);border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid;overflow:hidden}.tn-brand-mark img{object-fit:contain;filter:invert();width:70%;height:70%}.tn-brand-text{line-height:1.15}.tn-brand-text b{font-size:16px;font-family:var(--tn-serif);font-weight:600;display:block}.tn-brand-text span{color:var(--tn-muted);font-size:12px}.tn-brand-wrap{position:relative}.tn-brand-btn{cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;margin:-4px;padding:4px;display:flex}.tn-brand-btn:hover{background:#0000000a}.tn-brand-btn:focus-visible{outline:2px solid var(--tn-green);outline-offset:2px}.tn-brand-caret{color:var(--tn-muted);margin-left:2px;font-size:12px}.tn-brand-menu{z-index:40;background:var(--tn-white);border:1px solid var(--tn-line);border-radius:12px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0000001f}.tn-brand-menu button[role=menuitem]{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:40px;padding:10px 12px}.tn-brand-menu button[role=menuitem]:hover{background:var(--tn-green-light);color:var(--tn-green-dark)}.tn-brand-menu-sep{background:var(--tn-line);height:1px;margin:6px 4px}.tn-kitchen-pill{background:var(--tn-green-light);color:var(--tn-green-dark);min-height:var(--tap);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex}.tn-backhome{background:var(--tn-dark);min-height:44px;color:var(--tn-white);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.tn-backhome span{font-size:18px;line-height:1}.tn-backhome:hover{opacity:.9}.tn-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.tn-score-pill{background:var(--tn-white);border:1px solid var(--tn-line);border-radius:12px;flex-direction:column;align-items:flex-end;padding:6px 14px;line-height:1.15;display:inline-flex}.tn-score-num{font-family:var(--tn-serif);font-size:22px;font-weight:700}.tn-score-cap{color:var(--tn-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.tn-score-pill.ok .tn-score-num{color:var(--tn-ok)}.tn-score-pill.warn .tn-score-num{color:var(--tn-warn)}.tn-score-pill.danger .tn-score-num{color:var(--tn-danger)}.tn-stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.tn-stat{background:var(--tn-white);border:1px solid var(--tn-line);border-left:5px solid var(--tn-muted);border-radius:var(--tn-radius);box-shadow:var(--tn-shadow);padding:16px 18px}.tn-stat.ok{border-left-color:var(--tn-ok)}.tn-stat.warn{border-left-color:var(--tn-warn)}.tn-stat.danger{border-left-color:var(--tn-danger)}.tn-stat-num{font-family:var(--tn-serif);font-size:34px;font-weight:700;line-height:1}.tn-stat.danger .tn-stat-num{color:var(--tn-danger)}.tn-stat-label{color:var(--tn-muted);margin-top:6px;font-size:13px}.tn-eho-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tn-eho-link{text-align:left;border:1px solid var(--tn-line);background:var(--tn-white);border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:14px;display:flex}.tn-eho-link:hover{border-color:var(--tn-dark)}.tn-eho-link-icon{flex:none;font-size:26px}.tn-eho-link b{font-size:16px;display:block}.tn-eho-link-sub{color:var(--tn-muted);font-size:13px;display:block}.tn-doc-list{margin:0;padding:0;list-style:none}.tn-doc-row{border-bottom:1px solid var(--tn-line);align-items:center;gap:12px;padding:12px 0;display:flex}.tn-doc-row:last-child{border-bottom:0}.tn-doc-icon{flex:none;font-size:26px}.tn-nav button{min-height:44px;color:var(--tn-muted);border-radius:10px;padding:8px 14px;font-weight:600}.tn-nav button.active{background:var(--tn-green);color:var(--tn-white)}.tn-user{color:var(--tn-muted);align-items:center;gap:8px;margin-left:12px;font-size:14px;display:flex}.tn-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}.tn-h1{margin:0 0 8px;font-size:28px;font-weight:800}.tn-h2{margin:0 0 12px;font-size:22px;font-weight:700}.tn-sub{color:var(--tn-muted);margin:0 0 20px}.tn-card{background:var(--tn-white);border-radius:var(--tn-radius);box-shadow:var(--tn-shadow);margin-bottom:16px;padding:20px}.tn-grid{gap:16px;display:grid}.tn-grid-2{grid-template-columns:repeat(2,1fr)}.tn-grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.tn-grid-2,.tn-grid-3{grid-template-columns:1fr}}.tn-btn{min-height:var(--tap);background:var(--tn-green);color:var(--tn-white);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-weight:700;transition:transform 50ms,filter .15s;display:inline-flex}.tn-btn:active{transform:scale(.98)}.tn-btn:disabled{color:#fafafa;cursor:not-allowed;background:#d4d4d4}.tn-btn.secondary{background:var(--tn-white);color:var(--tn-green-dark);border:2px solid var(--tn-green)}.tn-btn.ghost{color:var(--tn-green-dark);background:0 0}.tn-btn.danger{background:var(--tn-danger)}.tn-btn.wide{width:100%}.tn-btn-lg{min-height:72px;padding:18px 28px;font-size:20px}.tn-task{border:2px solid var(--tn-line);background:var(--tn-white);border-radius:12px;align-items:center;gap:16px;margin-bottom:10px;padding:16px;transition:border-color .15s,background .15s;display:flex}.tn-task.done{background:var(--tn-green-light);border-color:var(--tn-green)}.tn-task.overdue{border-color:var(--tn-danger);background:var(--tn-danger-bg)}.tn-tick{border:3px solid var(--tn-muted);background:var(--tn-white);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;transition:all .15s;display:grid}.tn-tick.checked{background:var(--tn-green);border-color:var(--tn-green);color:var(--tn-white)}.tn-tick svg{width:24px;height:24px}.tn-task-body{flex:1;min-width:0}.tn-task-title{font-size:17px;font-weight:700}.tn-task-meta{color:var(--tn-muted);margin-top:2px;font-size:14px}.tn-task-actions{gap:8px;display:flex}.tn-chip{background:var(--tn-green-light);color:var(--tn-green-dark);letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tn-chip.warn{background:var(--tn-warn-bg);color:var(--tn-warn)}.tn-chip.danger{background:var(--tn-danger-bg);color:var(--tn-danger)}.tn-confirm-bar{background:var(--tn-white);border-top:1px solid var(--tn-line);padding:16px 20px calc(16px + env(safe-area-inset-bottom));align-items:center;gap:16px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #0000000a}.tn-confirm-status{flex:1}.tn-confirm-status b{font-size:18px;display:block}.tn-confirm-status span{color:var(--tn-muted)}.tn-eho-banner{background:var(--tn-white);border:2px solid var(--tn-dark);border-radius:var(--tn-radius);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.tn-eho-banner .tn-brand-mark{flex:none;width:52px;height:52px}.tn-initials-badge{text-align:center;background:var(--tn-dark);min-width:40px;color:var(--tn-white);letter-spacing:.08em;border-radius:8px;padding:2px 8px;font-weight:800;display:inline-block}.tn-initials-field{flex-direction:column;gap:4px;display:flex}.tn-initials-field span{color:var(--tn-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.tn-initials-input{width:96px;min-height:var(--tap);text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:22px;font-weight:800}@media (width<=700px){.tn-confirm-bar{flex-wrap:wrap}.tn-initials-input{width:84px}}.tn-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.tn-field label{color:var(--tn-muted);font-size:14px;font-weight:600}.tn-input,.tn-select,.tn-textarea{min-height:var(--tap);border:2px solid var(--tn-line);background:var(--tn-white);border-radius:10px;padding:12px 14px}.tn-input:focus,.tn-select:focus,.tn-textarea:focus{border-color:var(--tn-green);outline:none}.tn-textarea{resize:vertical;min-height:96px}.tn-table-wrap{border:1px solid var(--tn-line);border-radius:12px;overflow-x:auto}.tn-table{border-collapse:collapse;background:var(--tn-white);width:100%}.tn-table th,.tn-table td{text-align:left;border-bottom:1px solid var(--tn-line);padding:12px 14px;font-size:14px}.tn-table th{background:var(--tn-green-light);color:var(--tn-green-dark);font-weight:700;position:sticky;top:0}.tn-allergen-dot{border-radius:50%;width:18px;height:18px;display:inline-block}.tn-allergen-dot.yes{background:var(--tn-danger)}.tn-allergen-dot.may{background:var(--tn-warn)}.tn-allergen-dot.no{border:2px solid var(--tn-line);background:0 0}.tn-drag{width:36px;height:44px;color:var(--tn-muted);cursor:grab;touch-action:none;place-items:center;display:grid}.tn-drag:active{cursor:grabbing}.tn-draggable.dragging{opacity:.5}.tn-toast{background:var(--tn-ink);color:var(--tn-white);z-index:100;border-radius:10px;padding:12px 18px;animation:.3s tn-fade;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes tn-fade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.tn-login{background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.tn-login-card{background:var(--tn-white);border-radius:20px;width:100%;max-width:440px;padding:32px;box-shadow:0 20px 60px #00000040}.tn-login-logo{text-align:center;margin-bottom:24px}.tn-login-logo .tn-brand-mark{width:64px;height:64px;margin:0 auto 10px;font-size:24px}.tn-login-logo h1{margin:0;font-size:24px}.tn-login-logo p{color:var(--tn-muted);margin:4px 0 0;font-size:14px}.tn-footer{text-align:center;color:var(--tn-muted);border-top:1px solid var(--tn-line);background:var(--tn-white);padding:20px;font-size:12px}.tn-inspector{font-size:20px}.tn-inspector .tn-h1{font-size:34px}.tn-inspector .tn-task-title{font-size:19px}.tn-inspector .tn-table th,.tn-inspector .tn-table td{padding:16px;font-size:17px}.tn-offline{background:var(--tn-warn-bg);color:var(--tn-warn);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}.tn-status{color:var(--tn-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tn-status:before{content:"";background:var(--tn-ok);border-radius:50%;width:8px;height:8px}.tn-status.offline:before{background:var(--tn-warn)}@media print{body.tn-compliance{background:#fff;font-size:12px}.tn-header,.tn-footer,.tn-nav,.tn-confirm-bar,.tn-no-print{display:none!important}.tn-main{max-width:none;padding:0}.tn-card{box-shadow:none;page-break-inside:avoid;border:1px solid #ccc}.tn-table th{-webkit-print-color-adjust:exact;background:#f2f2f2!important}.tn-print-header{border-bottom:3px solid #000;margin-bottom:16px;padding-bottom:10px;display:block!important}.tn-print-header h1{color:#000;margin:0;font-size:20px}.tn-print-header p{margin:2px 0;font-size:11px}.tn-print-footer{color:#666;text-align:center;border-top:1px solid #ccc;margin-top:16px;padding-top:8px;font-size:10px;position:fixed;bottom:0;left:0;right:0;display:block!important}}.tn-print-header,.tn-print-footer{display:none}.tn-kitchen-home{width:100%;max-width:720px;margin:0 auto;padding:12px 16px 120px}.tn-kitchen-home .tn-page-head{align-items:center;gap:12px;padding:8px 4px 20px;display:flex}.tn-back-btn{width:44px;height:44px;color:var(--tn-ink);background:0 0;border-radius:12px;place-items:center;font-size:24px;font-weight:700;display:grid}.tn-back-btn:active{background:var(--tn-green-light)}.tn-kitchen-home h1{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800}.tn-tile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tn-tile{background:var(--tn-white);box-shadow:var(--tn-shadow);text-align:left;border-radius:18px;flex-direction:column;min-height:180px;padding:20px;transition:transform 80ms,box-shadow .15s;display:flex;position:relative}.tn-tile:active{transform:scale(.98)}.tn-tile.wide{grid-column:1/-1;min-height:200px}.tn-tile-title{color:var(--tn-ink);margin:0;font-size:20px;font-weight:800}.tn-tile-sub{color:var(--tn-muted);margin:4px 0 0;font-size:14px}.tn-tile-illus{flex:1;place-items:center;margin-top:12px;font-size:72px;line-height:1;display:grid}.tn-tile.wide .tn-tile-illus{gap:20px;font-size:64px}.tn-tile-badge{background:var(--tn-green-dark);min-width:56px;height:56px;color:var(--tn-white);border-radius:14px;justify-content:center;align-items:center;padding:0 18px;font-size:30px;font-weight:800;display:inline-flex}.tn-tile-illus-row{align-items:center;gap:24px;display:flex}.tn-bottom-nav{background:var(--tn-white);border-top:1px solid var(--tn-line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tn-bottom-nav button{color:var(--tn-muted);flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.tn-bottom-nav button.active{color:var(--tn-ink)}.tn-bottom-nav .tn-bn-icon{font-size:22px;line-height:1}.tn-bottom-nav button.active .tn-bn-icon{color:var(--tn-ink);transform:translateY(-1px)}.tn-signout{width:44px;height:44px;color:var(--tn-green-dark);background:var(--tn-green-light);border-radius:12px;flex:none;place-items:center;display:grid}.tn-signout:active{background:var(--tn-green);color:var(--tn-white)}@media (width<=700px){.tn-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));flex-wrap:wrap;gap:10px}.tn-header .tn-nav,.tn-header .tn-user>span,.tn-header .tn-status,.tn-brand-text{display:none}.tn-header .tn-user{margin-left:auto}.tn-kitchen-pill{min-height:40px;padding:8px 12px;font-size:14px}.tn-kitchen-pill select{max-width:160px}.tn-footer{display:none}}