:root{--green:#103e32;--accent:#0c6b4d;--gold:#f2b84b;--bg:#f5f7f5;--line:#e3e9e5;--text:#172720}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,sans-serif}aside{position:fixed;width:250px;inset:0 auto 0 0;background:var(--green);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid #ffffff20;font-size:20px}.brand>b,.logo{width:40px;height:40px;display:grid;place-items:center;background:var(--gold);color:var(--green);border-radius:10px;font:900 24px Georgia}.brand small,.account small{display:block;color:#a8c3ba;font-size:10px;margin-top:3px}nav{display:grid;gap:6px;margin-top:22px}nav a{color:#bad0c8;text-decoration:none;padding:12px;border-radius:8px;cursor:pointer}nav a:hover,nav a.active{background:#ffffff14;color:white}.account{margin-top:auto;padding:14px;border-top:1px solid #ffffff20}main{margin-left:250px}header{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#718079}.primary,button{background:var(--accent);color:white;text-decoration:none;border:0;border-radius:8px;padding:12px 16px;font-weight:700;cursor:pointer}main>section{padding:30px;max-width:1400px;margin:auto}.heading small,.inspection>small{color:#15966d;font-weight:800;letter-spacing:.14em}.heading h1,.inspection h1{font:700 32px Georgia;margin:7px 0}.heading p{color:#718079}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.cards article,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 2px 8px #123a2c0b}.cards b{display:block;font:700 24px Georgia;margin-bottom:8px}.cards span{color:#718079}.grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.panel h2{font:700 19px Georgia;margin:0 0 6px}.panel>p{color:#718079}.roads{height:260px;position:relative;background:#edf2ed;margin:15px -20px -20px;overflow:hidden}.roads i{position:absolute;display:block;width:65%;height:5px;background:#1c9b6d;left:10%;top:40%;transform:rotate(12deg);box-shadow:0 0 0 2px white}.roads i:nth-child(2){background:#eda43d;top:62%;left:20%;transform:rotate(-15deg)}.roads i:nth-child(3){background:#df5849;top:33%;left:52%;width:35%;transform:rotate(48deg)}.roads b{position:relative;display:inline-block;margin:80px 10%;padding:7px;background:white;border-radius:5px;font-size:10px}.score{text-align:center}.score>div{width:130px;height:130px;border-radius:50%;background:#fee9e6;color:#c14c40;display:grid;place-items:center;margin:25px auto 14px;font:700 40px Georgia}.history{margin-top:15px}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:13px;border-top:1px solid var(--line)}th{font-size:10px;color:#718079}.pill{background:#fff0df;color:#b86021;border-radius:15px;padding:5px 9px}.login-body,.form-page{min-height:100vh;display:grid;place-items:center;background:var(--green)}.login-card,.inspection{background:white;border-radius:16px;padding:34px;width:min(440px,92vw);box-shadow:0 30px 80px #00150e66}.login-card .logo{margin:auto}.login-card h1{text-align:center;font:700 26px Georgia}.login-card>p,.login-card>small{text-align:center;color:#718079;display:block}.login-card label,.inspection label{display:grid;gap:7px;margin:16px 0;font-size:11px;font-weight:700}.login-card input,.inspection input,.inspection select,.inspection textarea{width:100%;padding:12px;border:1px solid #d4dfd9;border-radius:8px}.login-card button,.inspection button{width:100%;margin:8px 0 15px}.error{background:#fee9e6;color:#b43d32;padding:10px;border-radius:7px}.inspection{width:min(680px,94vw)}.inspection>a{display:block;color:var(--accent);margin-bottom:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.success{background:#e7f7f0;color:#0b7351;padding:13px;border-radius:8px;margin:15px 0}@media(max-width:900px){aside{display:none}main{margin:0}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:540px){main>section{padding:18px}.cards{grid-template-columns:1fr}.fields{grid-template-columns:1fr}header{padding:0 16px}table{font-size:11px}}
