:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f5f5f7;color:#1a1a1a;overflow-x:hidden}@media (prefers-color-scheme: dark){body{background:#14161a;color:#e8e8e8}}.layout{display:flex;min-height:100vh}.nav{width:200px;flex-shrink:0;padding:1.5rem 1rem;border-right:1px solid rgba(127,127,127,.25)}.nav h1{font-size:1.1rem;margin:0 0 1.5rem}.nav a{display:block;padding:.5rem .25rem;color:inherit;text-decoration:none;border-radius:6px}.nav a.active,.nav a:hover{background:#7f7f7f26}.content{flex:1;padding:2rem;max-width:900px;min-width:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.table-scroll table{min-width:480px}.card{background:#7f7f7f14;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid rgba(127,127,127,.2)}form.inline{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end;margin-bottom:1rem}form.inline label{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}input,select,button{font:inherit;font-size:16px;padding:.4rem .5rem;border-radius:6px;border:1px solid rgba(127,127,127,.4);background:transparent;color:inherit}button{cursor:pointer;background:#3b6ef6;color:#fff;border:none}button.secondary{background:transparent;color:inherit;border:1px solid rgba(127,127,127,.4)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}@media (max-width: 768px){.layout{flex-direction:column;min-height:auto}.nav{width:100%;display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-right:none;border-bottom:1px solid rgba(127,127,127,.25)}.nav h1{margin:0 .75rem 0 0;flex-shrink:0}.nav a{flex-shrink:0}.nav button.secondary{margin-top:0!important;margin-left:.25rem;flex-shrink:0}.content{padding:1rem;max-width:100%}form.inline{flex-direction:column;align-items:stretch}form.inline label,form.inline input,form.inline select{width:100%}}
