*{box-sizing:border-box}body{margin:0;background:#100d19;color:#eee;font:15px Arial,sans-serif}header{padding:18px 25px;background:#1d152a;border-bottom:2px solid #bc39df}header strong{color:#ffdc30}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}a{color:#d8a7ff}main{max-width:1250px;margin:auto;padding:24px}h1{color:#ffdb39}h2{color:#ffce40}table{width:100%;border-collapse:collapse;background:#21182c;font-size:13px}th,td{padding:10px;border-bottom:1px solid #403249;text-align:left;vertical-align:top}th{color:#ffdd40}input,select,textarea{background:#130f1c;color:white;border:1px solid #69557e;padding:10px;border-radius:6px;max-width:100%}label{display:inline-flex;flex-direction:column;gap:5px;margin:7px 12px 7px 0}button{background:#f5d93b;border:0;color:#17111e;padding:10px 17px;border-radius:7px;font-weight:bold;cursor:pointer}form{margin:18px 0;padding:16px;background:#21182c;border-radius:10px}p.notice{background:#372a40;padding:15px;border-left:4px solid #ffdc30}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stats a{display:block;background:#21182c;padding:18px;border-radius:10px;text-decoration:none}.stats b{display:block;color:#ffdc30;font-size:30px}.scroll{overflow:auto}textarea{width:min(900px,100%);min-height:110px}small{color:#bbb} .danger{color:#ffa5a5}

.logout-form{display:inline;margin:0;padding:0;background:none}.logout-form button{padding:6px 10px}
@media(max-width:700px){main{padding:16px 12px}header{padding:15px}nav{gap:10px}nav a{padding:6px 0}h1{font-size:26px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll{overflow-x:auto;max-width:100%}table{min-width:600px}form{padding:12px}label{display:flex;width:100%;margin:10px 0}input,textarea,select{width:100%;max-width:100%;min-height:42px}button{min-height:42px}.logout-form{width:auto}.logout-form button{min-height:36px}}