@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#202124;background:#f4f6f8;font-synthesis:none;--ara-green:#16834a;--ara-green-dark:#10683a;--ara-soft:#e8f5ec;--ara-border:#dfe5e1;--ara-muted:#68736c;--ara-danger:#b42318;--ara-card:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--ara-border);padding:24px 15px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:11px;align-items:center;padding:0 9px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--ara-green);color:white;display:grid;place-items:center;font-weight:800;font-size:1.1rem}.brand-name{font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.brand-sub{font-size:.75rem;color:var(--ara-muted);margin-top:2px}.nav-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#89938d;padding:0 12px;margin-bottom:7px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#4d5851;text-align:left;padding:12px;border-radius:10px;font:600 .91rem inherit;cursor:pointer}.nav button.active,.nav button:hover{background:var(--ara-soft);color:var(--ara-green-dark)}.nav .nav-icon{width:23px;text-align:center;font-size:1.05rem}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--ara-border);padding:16px 9px 0;color:var(--ara-muted);font-size:.78rem}.main{min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--ara-border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,38px);gap:16px}.crumb{font-size:.84rem;color:var(--ara-muted)}.crumb strong{color:#27332b}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e6f4ea;color:var(--ara-green-dark);font-weight:800}.page{max-width:1120px;margin:0 auto;padding:clamp(20px,3vw,38px)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;color:var(--ara-green);font-weight:800;margin-bottom:8px}.page h1{font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.045em;margin:0 0 8px}.page-desc{margin:0;color:var(--ara-muted);font-size:.94rem}.card{background:var(--ara-card);border:1px solid var(--ara-border);border-radius:16px;padding:22px;box-shadow:0 4px 18px #1c2c2010}.card h2{margin:0 0 6px;font-size:1.1rem;letter-spacing:-.025em}.muted{color:var(--ara-muted);font-size:.88rem}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.menu-tile{border:1px solid var(--ara-border);background:#fff;border-radius:15px;padding:20px;text-align:left;display:flex;gap:15px;align-items:center;min-height:112px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.menu-tile:hover{border-color:#8cc8a2;transform:translateY(-1px);box-shadow:0 8px 22px #183d2510}.tile-icon{width:48px;height:48px;border-radius:14px;background:var(--ara-soft);display:grid;place-items:center;font-size:1.45rem;flex:none}.tile-title{font-weight:750;margin-bottom:4px}.tile-desc{font-size:.82rem;color:var(--ara-muted);line-height:1.45}.tile-arrow{margin-left:auto;color:#8a968e;font-size:1.2rem}.section-title{font-size:1.03rem;font-weight:800;margin:26px 0 12px}.button{border:1px solid transparent;border-radius:10px;min-height:42px;padding:10px 15px;font:600 .9rem Inter,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:var(--ara-green);color:#fff}.button.primary:hover{background:var(--ara-green-dark)}.button.secondary{background:var(--ara-soft);color:var(--ara-green-dark)}.button.outline{border-color:var(--ara-border);background:#fff;color:#344239}.button.danger{background:#fff0ee;color:var(--ara-danger)}.button:disabled{opacity:.6;cursor:wait}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:.88rem;font-weight:700}.field input,.field select{width:100%;min-height:45px;border:1px solid #cbd5ce;border-radius:10px;padding:10px 12px;background:#fff;color:#202124;font:inherit}.field input:focus,.field select:focus{outline:3px solid #d9f1e1;border-color:var(--ara-green)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.notice{padding:12px 14px;border-radius:10px;background:#f0f7f2;color:#365640;font-size:.88rem;margin:14px 0}.notice.error{background:#fff0ee;color:var(--ara-danger)}.status{min-height:1.3em;color:var(--ara-muted);font-size:.86rem;margin-top:12px}.table-wrap{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;min-width:580px}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid #edf0ed;font-size:.88rem}th{font-size:.75rem;letter-spacing:.03em;color:#68736c;background:#f9fbf9}.tag{display:inline-flex;align-items:center;border-radius:99px;background:var(--ara-soft);color:var(--ara-green-dark);font-size:.75rem;font-weight:750;padding:4px 9px}.empty{padding:32px 15px;text-align:center;color:var(--ara-muted)}.stepper{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.step{padding:8px 12px;border:1px solid var(--ara-border);border-radius:99px;color:var(--ara-muted);font-size:.78rem;font-weight:700}.step.active{border-color:#a4d5b3;background:var(--ara-soft);color:var(--ara-green-dark)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#edf7ef,#f6f8f6 55%,#e8f1eb)}.login-card{width:min(100%,430px);padding:30px;background:#fff;border:1px solid var(--ara-border);border-radius:20px;box-shadow:0 20px 65px #15351e12}.login-card .brand{padding:0;margin-bottom:30px}.login-card h1{font-size:1.65rem;letter-spacing:-.04em;margin:0 0 8px}.login-card .button{width:100%;margin-top:10px}.hidden{display:none!important}.mobile-menu{display:none}.footer-note{margin-top:25px;color:#89938d;font-size:.78rem}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:12px 14px;border-right:0;border-bottom:1px solid var(--ara-border);gap:12px}.brand{padding:0 3px}.brand-mark{width:36px;height:36px}.sidebar .nav-label,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto;gap:5px}.nav button{white-space:nowrap;width:auto;padding:9px 11px;font-size:.82rem}.nav .nav-icon{width:auto}.topbar{height:60px;padding:0 18px}.page{padding:22px 16px}.card{padding:17px}}@media(max-width:560px){.menu-grid{grid-template-columns:1fr}.menu-tile{min-height:90px;padding:15px}.page-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.top-actions .user-name{display:none}.page h1{font-size:1.55rem}.card{border-radius:13px}.button-row .button{flex:1}}