*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7f6;color:#1d2b2a}.topbar{background:#163f3a;color:white;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar h1{margin:0;font-size:27px}.topbar p{margin:6px 0 0;font-size:17px}.badge{background:#d7eee7;color:#163f3a;padding:10px 14px;border-radius:999px;font-weight:bold}.layout{padding:22px;max-width:1280px;margin:auto}.card,.app{background:white;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.08)}.card{padding:22px}.app{display:grid;grid-template-columns:240px 1fr;overflow:hidden}.sidebar{background:#eef6f3;padding:18px;border-right:1px solid #d5e3df}.content{padding:24px}.nav{display:block;width:100%;text-align:left;background:transparent;color:#163f3a;border:0;border-radius:10px;padding:12px;margin:4px 0;font-weight:bold;cursor:pointer}.nav.active{background:#163f3a;color:white}label{display:block;margin-top:12px;font-weight:bold}input,select{width:100%;padding:12px;border:1px solid #ccd8d5;border-radius:10px;margin-top:6px;background:white}button{background:#163f3a;color:white;border:0;border-radius:10px;padding:12px 16px;margin:10px 6px 0 0;font-weight:bold;cursor:pointer}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.danger{background:#b42318}.secondary{background:#e7f2ef;color:#163f3a}.hint{color:#667}.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.box,.item,.info{background:#eef6f3;border-left:5px solid #163f3a;padding:16px;border-radius:12px;margin:10px 0}.box span{display:block;font-size:24px;margin-top:8px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.list{margin-top:10px}.item-actions{margin-top:10px}ul{line-height:1.9}@media(max-width:800px){.topbar{display:block}.topbar h1{font-size:24px}.badge{display:inline-block;margin-top:12px}.layout{padding:12px}.app{display:block}.sidebar{border-right:0;border-bottom:1px solid #d5e3df}.content{padding:16px}}