*{box-sizing:border-box}body{margin:0;font:13px Segoe UI,Arial,sans-serif;color:#234d3e;background:#f5f8f6}button,input{font:inherit}button{cursor:pointer;border:1px solid #dce7df;background:#fff;border-radius:8px;padding:9px 14px;color:#38624d}input{border:1px solid #dae6de;border-radius:8px;padding:11px 14px}h1{font-size:28px;margin:5px 0}small{font-size:10px;color:#8aa493}.admin{display:flex;min-height:100vh}.admin>aside{width:235px;background:#fff;border-right:1px solid #e3ece6;padding:28px 20px}.admin aside h2{font-size:19px;margin:0 0 3px}.admin aside h2 span{color:#00a884}.admin aside>small{letter-spacing:1.5px;display:block;margin-bottom:36px}.admin aside button{display:block;width:100%;text-align:left;border:none;margin:8px 0;color:#7c9887}.admin aside button.active{background:#eaf7ef;color:#00a884}.admin aside p{font-size:11px;color:#94a79c;margin-top:60px;line-height:1.7}.admin>main{flex:1;min-width:0;padding:35px 45px}.admin main header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.metrics article,.flags{padding:20px;background:#fff;border:1px solid #e5ece6;border-radius:12px}.metrics b{display:block;font-size:29px;margin-top:8px}.table{overflow:auto;background:#fff;border:1px solid #e1e9e3;border-radius:12px;padding:8px}table{width:100%;border-collapse:collapse;text-align:left}th{color:#8ca194;font-size:11px;font-weight:500;background:#f7faf8;padding:16px 12px}td{padding:14px 12px;border-bottom:1px solid #edf3ef;font-size:11px;max-width:350px;overflow-wrap:anywhere}.error{background:#fff0e9;color:#a76851;padding:12px;border-radius:8px}.login{max-width:360px;background:#fff;border-radius:12px;padding:26px;border:1px solid #e1e9e3}.login input{display:block;margin:14px 0;width:100%}.primary{background:#00a884;color:#fff;border-color:#00a884}.flags label{display:block;margin:18px 0}.flags input{accent-color:#00a884;margin-right:10px}