:root{--bg:#f4f7f6;--card:#fff;--ink:#20302d;--muted:#6b7b83;--green:#2f6b5f;--line:#d9e2df;--red:#a33b3b;--amber:#8b6518}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#183f38;color:#fff;padding:22px 16px}.brand{font-size:26px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:3px}nav{margin-top:22px}nav a{display:block;color:#dcebe7;text-decoration:none;padding:10px 12px;border-radius:8px;margin:3px 0}nav a:hover{background:#2b5e54}main{padding:24px}.top{display:flex;justify-content:flex-end;margin-bottom:12px}.user{font-size:12px;color:var(--muted)}h1{margin-top:0}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;margin:15px 0;box-shadow:0 6px 20px rgba(31,42,46,.05)}.grid{display:grid;gap:12px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.five{grid-template-columns:repeat(5,1fr)}.kpi b{display:block;font-size:25px;color:var(--green)}.kpi span{font-size:11px;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;color:#445b55}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #cbd8d4;border-radius:8px;margin-top:5px;background:#fff}textarea{min-height:82px}.btn,button{display:inline-block;border:0;border-radius:8px;padding:9px 13px;text-decoration:none;cursor:pointer;font-weight:700;background:var(--green);color:white}.sec{background:#e6eeeb;color:#24443c}.danger{background:#f4dddd;color:#8c3535}.actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.alert{padding:10px;border-radius:8px;margin:12px 0;font-size:12px}.ok{background:#e7f3ee;border:1px solid #b8d8cc}.error{background:#fbe5e5;border:1px solid #e3b1b1;color:#843737}.notice{padding:10px;background:#fff8e9;border:1px solid #efd59b;border-radius:8px;margin:12px 0;font-size:12px}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #e7eeec;text-align:left;font-size:12px;vertical-align:top}th{background:#f8fbfa;color:#58716a}.full{grid-column:1/-1}.muted{font-size:11px;color:var(--muted)}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.green{background:#e4f2ed;color:#2f6b5f}.amber{background:#fff1d6;color:#8b6518}.red{background:#f8dddd;color:#9b3838}.grey{background:#edf1f0;color:#5d6b67}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tabs a{padding:8px 10px;border:1px solid var(--line);background:#fff;border-radius:8px;text-decoration:none;color:#20302d}.tabs a.active{background:#dceee8;font-weight:700}.table-scroll{overflow:auto}.template{padding:8px 10px;border:1px solid var(--line);background:#fff;color:#20302d;border-radius:8px;margin:3px}.workflow{display:flex;gap:6px;flex-wrap:wrap}.workflow span{padding:6px 9px;border-radius:999px;background:#edf1f0;font-size:11px}.workflow .active{background:#dceee8;font-weight:700}@media(max-width:850px){.app{grid-template-columns:1fr}aside{padding:14px}.brand{font-size:22px}nav{display:flex;overflow:auto;gap:4px;margin-top:10px}nav a{white-space:nowrap}.five,.three,.two{grid-template-columns:1fr}main{padding:13px}.top{display:none}}