:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1f2933;background-color:#f5f7fa}*{box-sizing:border-box}body{margin:0}.app{max-width:1080px;margin:0 auto;padding:1.5rem}.app-header h1{margin:0 0 .75rem;font-size:1.5rem}.nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-button,.tab{padding:.4rem .8rem;border:1px solid #cbd2d9;border-radius:.4rem;background:#fff;color:inherit;cursor:pointer}.nav-button.active,.tab.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.content{margin-top:1.5rem}h2{margin-top:0}table{width:100%;border-collapse:collapse;margin-top:.75rem;background:#fff}th,td{padding:.5rem .6rem;border-bottom:1px solid #e4e7eb;text-align:left;vertical-align:top}thead th{background:#eef2f6}.inline-form,.stack-form{display:flex;gap:.5rem;flex-wrap:wrap}.stack-form{flex-direction:column;max-width:420px}.stack-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}input{padding:.4rem .5rem;border:1px solid #cbd2d9;border-radius:.4rem}button[type=submit]{padding:.4rem .8rem;border:1px solid #1f6feb;border-radius:.4rem;background:#1f6feb;color:#fff;cursor:pointer}.tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.error{color:#b42318}.warning{color:#b54708;font-weight:600}.message{margin-top:1rem;padding:.75rem;background:#fff;border-left:4px solid #1f6feb}
