*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#222;font-family:Arial,sans-serif}header{background:#111;color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:18px}header nav{display:flex;gap:18px}header a{color:#fff;text-decoration:none}main{max-width:1250px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 2px 10px #00000010}h1{margin-top:0}label{display:block;font-weight:600;margin:15px 0}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #ccd0d5;border-radius:8px;font-size:16px;background:#fff}button,.button{display:inline-block;border:0;border-radius:8px;padding:12px 18px;background:#111;color:#fff;font-size:15px;cursor:pointer;text-decoration:none}.big{width:100%;font-size:17px;padding:16px;margin-top:10px}.secondary{background:#777}.danger{background:#b00020}.success-btn{background:#167c3a}.flash{padding:12px;border-radius:8px;margin-bottom:15px}.flash.success{background:#dff5e5}.flash.error{background:#ffe1e1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee}th{background:#f7f7f7}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:12px;align-items:end}.filters label{margin:0}.total{font-size:48px;font-weight:700}.login{max-width:420px;margin:60px auto}.actions{display:flex;gap:6px;align-items:center}.actions form{display:inline}.deleted-row{opacity:.65;background:#fff3f3}.deleted-label{color:#a00020;font-weight:700;font-size:12px}.scroll-list{max-height:360px;overflow:auto;margin-top:15px}.list-row,.user-row{display:flex;gap:6px;margin:7px 0;align-items:end}.list-row input,.user-row input{margin:0}.list-row input{flex:1}.user-row>div{flex:1}.user-row small{display:block;color:#777;margin-bottom:4px}.inline-form{display:flex;gap:6px}.inline-form input{margin:0;flex:1}.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;padding:20px}.modal.hidden{display:none}.modal-box{background:#fff;border-radius:12px;padding:24px;width:min(450px,100%)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:800px){.grid,.filters{grid-template-columns:1fr}.user-row{flex-direction:column;align-items:stretch}.user-row button{width:100%}header{align-items:flex-start;flex-direction:column}}

.inline-form{display:inline;margin:0}.inline-form select{min-width:150px}.muted{opacity:.8}