body{font-family:Arial,sans-serif;margin:0;background:#f3f5f5;color:#263238}header{background:#fff;border-bottom:1px solid #ddd}.head,main{max-width:1180px;margin:auto;padding:16px}.head{display:flex;align-items:center;gap:18px}.logo{height:42px}.nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.nav a,.btn,button{padding:9px 12px;border:0;border-radius:7px;text-decoration:none;background:#2c3b41;color:#fff;font-weight:700}.nav a{background:#eef1f2;color:#263238}.card{background:#fff;border:1px solid #dce2e4;border-radius:10px;padding:18px;margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;margin:5px 0}input,select{width:100%;padding:10px;border:1px solid #cbd2d5;border-radius:7px;box-sizing:border-box}.green{background:#34764a!important}.orange{background:#d87920!important}.red{background:#a92d24!important}.notice{padding:11px;background:#e7f3ea;border-radius:7px;margin:12px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}@media(max-width:720px){.head{align-items:flex-start;flex-direction:column}.nav{margin-left:0}.grid{grid-template-columns:1fr}}
.up-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.cp-card{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #dce2e4;border-radius:10px;padding:20px;text-decoration:none;color:#263238}
.cp-card:hover{border-color:#9eabad}
.cp-card strong{font-size:1.15rem}.cp-card span{font-size:.92rem;color:#5d686d}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.permission-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #dce2e4;border-radius:8px;padding:10px;font-weight:400}
.permission-item input{width:auto;margin-top:3px}.permission-item span{display:flex;flex-direction:column;gap:3px}.permission-item small{color:#647076}
.inline-form{display:flex;gap:10px;align-items:end;max-width:600px}.inline-form label{flex:1}.inline{display:inline}
details{margin-top:12px;color:#667176}
@media(max-width:720px){.cp-grid,.permission-grid{grid-template-columns:1fr}.inline-form{display:block}}