:root{--bg:#09090b;--panel:#111116;--panel2:#18181f;--text:#f4f4f5;--muted:#a1a1aa;--border:#27272f;--accent:#f97316;--green:#22c55e;--red:#ef4444;--blue:#38bdf8}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #1f1307, var(--bg) 35%);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:30;background:#111116e0;flex-shrink:0;width:280px;height:100vh;padding:22px;transition:width .2s,padding .2s,transform .2s;position:sticky;top:0;overflow:hidden}.shell-collapsed .sidebar{width:92px;padding-left:16px;padding-right:16px}.shell-hidden .sidebar{border-right:0;width:0;padding-left:0;padding-right:0}.brand{letter-spacing:-.04em;white-space:nowrap;margin-bottom:28px;font-size:24px;font-weight:800}.shell-collapsed .brand{margin-bottom:20px;font-size:18px}.shell-hidden .brand{display:none}.brand span{color:var(--accent)}.nav{flex-direction:column;gap:8px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.nav a:hover{background:var(--panel2);color:var(--text)}.nav-label{text-overflow:ellipsis;overflow:hidden}.shell-collapsed .nav a{justify-content:center;padding-left:10px;padding-right:10px}.shell-collapsed .nav-label,.shell-hidden .nav{display:none}.main{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.sidebar-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#111116eb;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.sidebar-backdrop{display:none}.h1{letter-spacing:-.04em;font-size:32px;font-weight:800}.muted{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{gap:16px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(#18181ff2,#111116f2);border-radius:20px;min-width:0;padding:18px;box-shadow:0 20px 50px #00000040}.metric{margin-top:8px;font-size:30px;font-weight:800}.badge{border:1px solid var(--border);background:#15151b;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.ok{color:var(--green)}.warn{color:var(--accent)}.bad{color:var(--red)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px;font-size:14px}th{color:var(--muted);font-weight:600}.table-wrap{width:100%;overflow-x:auto}.data-table{min-width:760px}.truncate-cell{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.truncate-code{white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:block;overflow:hidden}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.button-secondary{border:1px solid var(--border);color:var(--text);background:0 0}.input{color:var(--text);border:1px solid var(--border);background:#0d0d11;border-radius:12px;width:100%;padding:11px}.form{gap:12px;max-width:520px;display:grid}code{white-space:pre-wrap;word-break:break-word;font-size:12px}.key-reveal{border:1px solid var(--border);color:#fbbf24;white-space:pre-wrap;word-break:break-word;background:#0d0d11;border-radius:16px;margin:0;padding:14px;font-size:13px}.value-block{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#0d0d11;border-radius:16px;margin:0;padding:14px;line-height:1.5}.modal-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:linear-gradient(#18181ffa,#111116fa);border-radius:24px;width:min(960px,100%);max-height:85vh;padding:20px;overflow:auto;box-shadow:0 30px 80px #00000073}.modal-card-compact{width:min(720px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-body{gap:16px;display:grid}.kitchen-board{grid-template-columns:repeat(5,minmax(260px,1fr));align-items:start;gap:16px;padding-bottom:4px;display:grid;overflow-x:auto}.kitchen-column{gap:12px;min-width:260px;display:grid}.kitchen-column-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.kitchen-column-body{gap:12px;display:grid}.kitchen-ticket{border:1px solid var(--border);background:linear-gradient(#18181ff5,#0e0e13f5);border-radius:20px;min-width:0;padding:16px;box-shadow:0 18px 40px #00000038}.kitchen-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;padding:8px 10px;font-size:14px;line-height:1.45}.kitchen-notes{color:var(--muted);background:#f9731614;border:1px solid #f9731626;border-radius:14px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.5}@media (max-width:900px){.grid,.grid-two{grid-template-columns:1fr}.shell{position:relative}.sidebar{border-right:1px solid var(--border);width:min(280px,82vw);height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 20px 50px #00000073}.shell.sidebar-open .sidebar{transform:translate(0)}.shell-collapsed .sidebar{width:min(280px,82vw);padding-left:22px;padding-right:22px}.shell-hidden .sidebar{border-right:1px solid var(--border);width:min(280px,82vw);padding-left:22px;padding-right:22px}.shell-collapsed .brand{margin-bottom:28px;font-size:24px}.shell-hidden .brand{margin-bottom:28px;font-size:24px;display:block}.shell-collapsed .nav a{justify-content:flex-start;padding-left:12px;padding-right:12px}.shell-collapsed .nav-label{display:inline}.shell-hidden .nav{display:flex}.sidebar-backdrop{z-index:20;background:#0000008c;display:block;position:fixed;inset:0}.main{padding:16px}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.modal-backdrop{padding:12px}.truncate-cell{max-width:140px}.truncate-code{max-width:160px}.kitchen-board{grid-template-columns:1fr;overflow-x:visible}.kitchen-column{min-width:0}}
