:root{--lagoon:#004D5C;--lagoon-dark:#003843;--gold:#E6A830;--bg:#F7F7F5;--surface:#FFFFFF;--border:#E5E5E1;--text:#0D1B1E;--text-muted:#5C7278;--danger:#C0392B;--success:#2E7D5E}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--lagoon);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh}.nav,.shell{display:flex}.nav{width:200px;flex-shrink:0;background:var(--lagoon);color:white;padding:20px 0;flex-direction:column}.nav h1{font-size:16px;padding:0 20px 16px;margin:0}.nav a{color:rgba(255,255,255,.8);padding:10px 20px;display:block}.nav a.active,.nav a:hover{color:white;background:rgba(255,255,255,.08);text-decoration:none}.nav .spacer{flex:1 1}.nav .who{padding:12px 20px;font-size:12px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.15)}.nav form{padding:0 20px}.nav button.link{background:none;border:none;color:rgba(255,255,255,.8);cursor:pointer;padding:8px 0;font-size:13px}.nav button.link:hover{color:white;text-decoration:underline}main{flex:1 1;padding:32px 40px;max-width:1100px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:24px 0 10px}.subtitle{color:var(--text-muted);margin:0 0 20px}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--border)}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}th{background:#FAFAF8;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em}tr:last-child td{border-bottom:none}tr:hover td{background:#FAFAF8}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:16px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.gold{background:#FBEBCB;color:#8A6412}.badge.lagoon{background:#D6E6E9;color:var(--lagoon-dark)}.badge.danger{background:#F5D9D4;color:var(--danger)}.badge.success{background:#D4EBE1;color:var(--success)}.badge.muted{background:#EFEFEC;color:var(--text-muted)}input,select,textarea{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;width:100%}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.field{margin-bottom:12px}.btn,button{font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;border:1px solid var(--lagoon);background:var(--lagoon);color:white;cursor:pointer}.btn:hover,button:hover{background:var(--lagoon-dark)}button.secondary{background:white;color:var(--lagoon)}button.secondary:hover{background:#F0F5F6}button.danger{background:var(--danger);border-color:var(--danger)}button.danger:hover{background:#a53125}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--danger);font-size:13px;margin:8px 0}.empty{padding:24px;text-align:center}.empty,.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,monospace;font-size:12px}.searchbar{display:flex;gap:8px;margin-bottom:20px;max-width:480px}.searchbar input{flex:1 1}.row-actions{display:flex;gap:8px;align-items:center}button.link{background:none;border:none;color:var(--lagoon);padding:0;font-weight:500}button.link:hover{background:none;text-decoration:underline}.nav-links{display:flex;flex-direction:column}.nav a.active{font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}@media (max-width:768px){.shell{flex-direction:column}.nav{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav h1{flex:1 1;padding:0 4px;font-size:16px}.nav .spacer,.nav .who{display:none}.nav form{padding:0}.nav-links{order:3;width:100%;flex-direction:row;overflow-x:auto;margin-top:6px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav a{padding:10px 12px;white-space:nowrap;flex-shrink:0}.nav a.active{box-shadow:inset 0 -3px 0 var(--gold)}main{padding:20px 16px 40px;max-width:none}h1{font-size:20px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{padding:10px 12px;white-space:nowrap}.card{padding:14px 16px}.searchbar{max-width:none;flex-wrap:wrap}.searchbar input{min-width:0;flex:1 1 200px}.row-actions{flex-wrap:wrap}td .row-actions{flex-wrap:nowrap}td.muted{white-space:normal;min-width:160px;max-width:280px}input,select,textarea{font-size:16px}.btn,button{padding:10px 14px}}