*{box-sizing:border-box;margin:0;padding:0}body{font:15px/1.5 "DM Sans",system-ui,sans-serif;background:#f3f4f1;color:#17211b;display:flex;min-height:100vh}a{color:#245842;text-decoration:none}
aside{width:250px;background:#10271e;color:#d9e2dc;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto;flex:none}.brand{font:700 20px Georgia,serif;color:#fff;padding:0 10px 18px}
aside nav a{display:flex;gap:8px;padding:10px 12px;border-radius:10px;color:#c5d3ca;margin-bottom:2px;transition:.2s}aside nav a:hover,aside nav a.on{background:#1e4634;color:#fff}aside i{margin-left:auto;background:#c7a66a;color:#10271e;border-radius:99px;padding:0 8px;font-size:12px;font-style:normal}aside small{display:block;margin:16px 12px 6px;color:#7f968a;text-transform:uppercase;font-size:11px;letter-spacing:1px}
main{flex:1;padding:30px;min-width:0;max-width:1100px}h1{font:600 30px Georgia,serif;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}h2{font-size:18px;margin-bottom:12px}
.pn{background:#fff;border:1px solid #e3e5df;border-radius:16px;padding:24px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cards div{background:#fff;border:1px solid #e3e5df;border-radius:16px;padding:20px;color:#667067}.cards b{display:block;font:600 34px Georgia,serif;color:#173b2c}
.gr{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.f{display:flex;flex-direction:column;gap:6px}.f.full{grid-column:1/-1}.f label{font-size:12px;font-weight:700;color:#667067;text-transform:uppercase;letter-spacing:.5px}
input,select,textarea{font:inherit;border:1px solid #dcdfd8;border-radius:10px;padding:11px 13px;background:#fbfbf9;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #c7a66a;border-color:transparent}input[type=color]{height:44px;padding:4px;width:90px}input[type=file]{padding:9px;background:#fff}textarea{resize:vertical}
.b{display:inline-block;background:#173b2c;color:#fff;border:0;border-radius:99px;padding:11px 22px;font-weight:700;cursor:pointer;font-size:14px;width:auto;transition:.2s}.b:hover{background:#245842;transform:translateY(-2px)}.b.g{background:#e8eee9;color:#173b2c}
.ok,.al{padding:13px 18px;border-radius:12px;margin-bottom:16px}.ok{background:#dff3e5;color:#14532d}.al{background:#fff3d6;color:#7a5200}
.tw{overflow-x:auto;padding:8px 16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #eef0ea;vertical-align:top}th{font-size:12px;color:#667067;text-transform:uppercase}.nw{white-space:nowrap}.rd{color:#b42318}small{color:#7a847c}
.th{width:70px;height:52px;object-fit:cover;border-radius:8px}.pv{height:64px;border-radius:8px;margin:4px 6px 0 0}.pvs{display:flex;flex-wrap:wrap}
.sw{display:inline-block;width:42px;height:24px;border-radius:99px;background:#cfd5cf;position:relative;transition:.25s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s}.sw.on{background:#245842}.sw.on:after{left:21px}
.ck{display:flex;gap:8px;align-items:center;font-weight:600}.ck input{width:auto}
body.lg{align-items:center;justify-content:center;background:#10271e;padding:20px}.box{background:#fff;padding:36px;border-radius:22px;width:min(400px,100%);display:flex;flex-direction:column;gap:10px}.box h1{display:block;font-size:26px;margin:0}.box p{color:#667067;margin-bottom:8px}.box label{font-size:12px;font-weight:700;color:#667067}.box .b{margin-top:10px;width:100%}
@media(max-width:860px){body{display:block}aside{width:auto;height:auto;position:static}aside nav{display:flex;flex-wrap:wrap;gap:4px}aside small{width:100%;margin:8px 4px 2px}main{padding:18px}.gr{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}