:root{--ink:#17261f;--muted:#69756f;--line:#dfe6e1;--green:#215b45;--lime:#d9f08e;--paper:#f4f7f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#13291f;color:#fff;padding:28px 20px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;gap:12px;align-items:center;margin-bottom:42px}.brand>i,.user>i{background:var(--lime);color:#173529;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:22px;font-style:normal;font-weight:bold}.brand small,.user small,.flow span,td small{display:block;color:#9eb2a8;margin-top:4px}nav{display:grid;gap:7px}nav a{padding:12px 14px;border-radius:9px;color:#b7c7bf}nav .active{background:#29483a;color:#fff}nav em{float:right;background:var(--lime);color:#183428;border-radius:10px;padding:2px 7px;font-style:normal}.user{margin-top:auto;border-top:1px solid #355044;padding-top:20px;display:flex;gap:10px}.user>i{border-radius:50%;font-size:14px}main{padding:36px 42px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;margin-bottom:28px}h1,h2{font-family:Georgia,serif}h1{font-size:34px;margin:5px 0 8px}h2{font-size:22px;margin:5px 0 18px}header p{color:var(--muted);margin:0}header small,.panel>small,dialog small{color:#648071;letter-spacing:.13em;font-weight:bold;font-size:10px}button{border:0;border-radius:9px;padding:12px 17px;font-weight:bold;cursor:pointer}header button,.primary{background:var(--green);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.metrics span{font-size:10px;letter-spacing:.12em;color:#708078;font-weight:bold}.metrics b{font:600 30px Georgia;display:block;margin:10px 0 4px}.metrics small{color:var(--muted)}.quality{background:#e6efbd!important}.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-top:1px solid #edf1ee}th{font-size:10px;color:#7b8881}.flow{display:flex;gap:12px;border-top:1px solid #e8ece9;padding:14px 0}.flow i{background:#e6efbd;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:bold}.flow p{margin:0}.flow span{color:var(--muted)}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rules p{border-left:3px solid #bcd46d;padding-left:12px}.rules b,.rules span{display:block}.rules span{color:var(--muted);margin-top:6px}dialog{border:0;border-radius:16px;padding:0;width:min(620px,92vw)}dialog::backdrop{background:#0d1f18aa}dialog form{padding:30px;position:relative}.close{position:absolute;right:14px;top:12px;background:transparent;font-size:24px}dialog label{display:grid;gap:8px;margin:14px 0;font-weight:bold}dialog input{padding:12px;border:1px solid #ccd7d1;border-radius:8px}.notice{background:#eef4d4;padding:12px;border-radius:8px}.primary{width:100%}@media(max-width:900px){body{display:block}aside{height:auto;position:static}nav{display:none}main{padding:24px}.grid{grid-template-columns:1fr}.metrics,.rules{grid-template-columns:1fr 1fr}}