*{box-sizing:border-box}
body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#07111f;
color:#e8eef5
}
a{color:#57a9ff;text-decoration:none}
.top{
background:#0c192a;
border-bottom:1px solid #203147;
padding:16px 24px;
display:flex;
justify-content:space-between;
align-items:center
}
.brand{font-weight:800;font-size:21px}
.wrap{width:min(1180px,94%);margin:32px auto}
.box{
background:#0e1c2e;
border:1px solid #233750;
border-radius:16px;
padding:24px;
margin-bottom:20px
}
.form{
width:min(560px,94%);
margin:50px auto
}
label{display:block;margin:14px 0 6px}
input,select,textarea{
width:100%;
padding:12px;
border:1px solid #30465e;
border-radius:9px;
background:#071321;
color:white
}
textarea{min-height:130px}
button,.btn{
display:inline-block;
background:#f97316;
color:white;
border:0;
border-radius:9px;
padding:11px 16px;
font-weight:700;
cursor:pointer
}
.btn2{background:#24364c}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:15px
}
table{
width:100%;
border-collapse:collapse;
background:#0e1c2e
}
th,td{
text-align:left;
padding:11px;
border-bottom:1px solid #253a50
}
.notice{
padding:12px;
border-radius:9px;
background:#512020;
margin-bottom:15px
}
.ok{background:#16452d}
.small{font-size:13px;color:#9caec0}