*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#152235;font-family:Inter,Arial,sans-serif;display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;background:#101c2d;color:white;padding:28px 18px;min-height:100vh}aside h1{font-size:23px;margin:0}aside h1 span{color:#39dc91}aside p{color:#a4b3c5;font-size:13px}nav{display:grid;gap:6px;margin:35px 0}aside a{color:#cbd5e1;text-decoration:none;padding:12px;border-radius:10px;display:block}aside a:hover,aside a.active{background:#26394f;color:#fff}main{flex:1;min-width:0;padding:28px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2,h3{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;margin:18px 0}.cards article,.panel{background:white;border:1px solid #e6eaf0;border-radius:14px;padding:22px;box-shadow:0 3px 10px #14253a08}.cards small{color:#63758b}.cards h2{margin:12px 0 0;font-size:25px}.panel{margin:20px 0}.form,.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form input,.form select,.filters input,.login input{border:1px solid #cbd5e1;padding:11px;border-radius:8px;min-width:150px;flex:1;background:white}.form input[name=description]{min-width:260px}button,.btn{background:#147c51;color:white;border:0;border-radius:8px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#0c6040}.table-wrap{overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:12px;border-bottom:1px solid #e8edf3;text-align:left;vertical-align:top}th{background:#f7f9fc;white-space:nowrap}td .form{flex-wrap:nowrap}td select{min-width:115px!important}.muted{font-size:13px;color:#64748b;line-height:1.6}.notice{padding:14px;background:#e4f6eb;border-radius:10px;margin-bottom:15px}.login{max-width:430px;margin:10vh auto!important;background:white;padding:35px;border-radius:16px;box-shadow:0 6px 30px #0001}.login form{display:grid;gap:12px}.error{color:#b91c1c}@media(max-width:800px){body{display:block}aside{width:100%;min-height:auto;padding:15px}nav{display:flex;overflow:auto;margin:12px 0}aside a{white-space:nowrap}main{padding:16px}}