:root{--green:#063d31;--green2:#0f8f67;--mint:#eefbf6;--text:#0f172a;--muted:#64748b;--border:#dbe7e3;--bg:#f4faf7;--white:#fff;--yellow:#facc15;--blue:#2563eb;--red:#ef4444;--orange:#f59e0b;--purple:#7c3aed}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(120deg,#f5fbf8,#eef8f4)}a{color:inherit}.login-body{min-height:100vh;background:linear-gradient(115deg,#063d31,#0f9b6d 55%,#ddfbef);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:60px}.login-hero{color:white;max-width:660px}.login-hero h1{font-size:48px;line-height:1.04;margin:0 0 22px}.login-hero p{font-size:18px;line-height:1.5}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.chip{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);padding:12px 18px;border-radius:30px}.login-card{background:rgba(255,255,255,.93);border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.18);max-width:430px;width:100%}.brand-row{display:flex;gap:14px;align-items:center}.brand-mark{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#08916d,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.alert{padding:12px 14px;border-radius:12px;margin:16px 0}.alert-danger{background:#fee2e2;color:#991b1b}.alert-success{background:#d1fae5;color:#065f46}label{display:block;font-weight:700;font-size:14px;margin:16px 0 8px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:white}textarea{min-height:72px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#087a5f,#15a66f);color:white}.btn-light{background:#eef6f3;color:#0f2d25}.btn-danger{background:#ef4444;color:white}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#06352c;color:white;padding:24px 16px;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:12px;align-items:center;padding:8px 8px 22px;border-bottom:1px solid rgba(255,255,255,.15)}.side-logo{width:46px;height:46px;border-radius:50%;background:white;color:#0b8a67;display:flex;align-items:center;justify-content:center;font-weight:900;overflow:hidden}.side-logo img{width:100%;height:100%;object-fit:cover}.side-brand h3{margin:0}.side-brand small{color:#bdebdc}.nav{display:flex;flex-direction:column;gap:9px;margin-top:22px}.nav a{padding:13px 14px;border-radius:14px;text-decoration:none;color:#e9fff7;font-weight:800;display:flex;gap:12px;align-items:center}.nav a:hover,.nav a.active{background:rgba(255,255,255,.14)}.main{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;backdrop-filter:blur(10px)}.page{padding:28px}.top-title h1{font-size:24px;margin:0}.top-title p{color:var(--muted);margin:5px 0 0}.user-pill{border:1px solid var(--border);border-radius:30px;padding:10px 18px;background:#f8fbfa}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 16px 50px rgba(15,23,42,.07);margin-bottom:20px}.metric{position:relative;overflow:hidden}.metric:after{content:'';position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:#def5ed}.metric .label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900;font-size:13px}.metric .value{font-size:34px;font-weight:900;margin-top:12px}.hero-card{background:linear-gradient(135deg,#0b6f58,#19a579);color:white}.hero-card p{color:#e8fff7}.table{width:100%;border-collapse:collapse}.table th{background:#eef4f2;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#475569}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge-success{background:#dcfce7;color:#166534}.badge-info{background:#d1fae5;color:#065f46}.badge-primary{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.doc{max-width:900px;margin:24px auto;background:white;border:1px solid #222;padding:30px}.doc-header{display:flex;gap:16px;align-items:center;border-bottom:1px solid #111;padding-bottom:18px}.doc-logo{width:80px;height:80px;object-fit:contain}.footer{color:#64748b;padding:24px 28px}.print-btn{position:fixed;right:24px;top:24px}@media print{.sidebar,.topbar,.print-btn,.no-print{display:none!important}.app{display:block}.page{padding:0}.doc{border:0;margin:0;max-width:none}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.login-body{grid-template-columns:1fr;padding:24px}.login-hero h1{font-size:34px}}