:root{font-family:Inter,system-ui,sans-serif;color:#e5eae7;background:#101614;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;border:1px solid #35483d;border-radius:10px;padding:12px;background:#1a2520;color:inherit}button{cursor:pointer;min-height:44px}button:hover,.active{border-color:#64e299;background:#244c34}button:disabled{opacity:.5;cursor:default}input,textarea{min-width:0;max-width:100%}h1{font-size:24px}h2{font-size:28px}h3{font-size:18px}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{padding:28px 20px;border-right:1px solid #29392f}nav{display:grid;gap:8px;margin:32px 0}nav button{text-align:left}main{padding:32px;min-width:0}header{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}article{padding:24px;border:1px solid #304037;border-radius:18px;background:#17221b;margin-bottom:16px}article strong{display:block;font-size:32px;margin-top:12px}.muted,small{color:#afc0b3}.table{overflow:auto;border:1px solid #304037;border-radius:14px}table{border-collapse:collapse;min-width:100%;font-size:13px}th,td{text-align:left;padding:14px;border-bottom:1px solid #29392f;max-width:360px;overflow-wrap:anywhere}tr:focus,tr:hover{background:#22332a}.pagination,.tabs{display:flex;align-items:center;gap:12px;margin:20px 0}form{display:grid;gap:14px;max-width:650px;margin:20px 0}label{display:grid;gap:6px}.login{max-width:460px;margin:8vh auto}.error{padding:14px;border-radius:10px;background:#512921}.search{display:flex}details{padding:20px;border:1px solid #35483d;border-radius:12px}textarea{min-height:120px}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #29392f}nav{grid-template-columns:repeat(2,1fr);margin:12px 0}main{padding:18px}header h2{font-size:23px}}