:root{--green:#1f4d3a;--green-dark:#17392b;--green-soft:#eef5f1;--border:#e5e7eb;--text:#1f2937;--muted:#6b7280;--bg:#f7f8f7}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit;font-size:15px}.login-wrap{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:28px;width:100%;max-width:390px;padding:28px;box-shadow:0 10px 25px #00000014}.logo{width:160px;max-width:70%;margin:0 auto 18px;display:block}.brand{color:var(--green);letter-spacing:.5px;margin-bottom:24px;font-weight:700}.field{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;margin:8px 0 14px;padding:15px 16px}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;padding:14px 18px;font-weight:700}.btn:hover{background:var(--green-dark)}.error{color:#b91c1c;margin:12px 0;font-size:14px}.small-muted{color:var(--muted);font-size:14px}.app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--green);color:#fff;padding:24px 18px}.sidebar img{background:#fff;border-radius:12px;width:95px;margin-bottom:10px;padding:8px}.sidebar-title{margin-bottom:20px;font-weight:700}.nav button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;margin:4px 0;padding:13px 14px;display:block}.nav button:hover,.nav .active{background:#ffffff24}.main{padding:26px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}h1,h2,h3{margin:0}.search{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:520px;padding:14px 16px}.grid{gap:16px;display:grid}.quick-grid{grid-template-columns:repeat(3,minmax(160px,1fr));margin-bottom:22px}.content-grid{grid-template-columns:2fr 1fr;align-items:start}.card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px;box-shadow:0 3px 12px #0000000a}.badge{background:var(--green-soft);color:var(--green);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.job-card{border-top:1px solid var(--border);grid-template-columns:90px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.job-card:first-of-type{border-top:0}@media (max-width:800px){.app{grid-template-columns:1fr}.sidebar{align-items:center;gap:8px;padding:10px;display:flex;overflow-x:auto}.sidebar img{width:54px;margin:0 8px 0 0}.sidebar-title{display:none}.nav{gap:6px;min-width:max-content;display:flex}.nav button{white-space:nowrap;padding:10px 12px}.main{padding:16px}.topbar{display:block}.topbar h1{margin-bottom:12px}.quick-grid,.content-grid,.job-card{grid-template-columns:1fr}}