:root{--bg:#f4f1ea;--bg-2:#ebe6db;--ink:#1c1915;--ink-soft:#4a453c;--muted:#7a7368;--line:#1c191514;--line-strong:#1c191524;--card:#fffcf7db;--card-solid:#fffdf9;--brand:#0f6b57;--brand-2:#178a6f;--brand-soft:#0f6b571a;--accent:#c46b2b;--accent-soft:#c46b2b1f;--danger:#b42318;--ok:#0f7a4a;--warn:#b54708;--shadow:0 18px 50px #30261614;--radius:22px;--sidebar:272px;--font:"DM Sans", system-ui, sans-serif;--display:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 480px at 0% -10%, #0f6b571f, transparent 55%), radial-gradient(700px 420px at 100% 0%, #c46b2b1a, transparent 50%), linear-gradient(180deg, #f7f4ed 0%, var(--bg) 40%, #efe9df 100%);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}.shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#fffdf9f2,#f8f4ecfa);flex-direction:column;gap:1rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:.85rem;padding:.35rem .45rem .85rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--brand-2), var(--brand));border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid;box-shadow:0 12px 24px #0f6b5740}.brand strong{letter-spacing:-.02em;font-size:1rem;display:block}.brand span{color:var(--muted);font-size:.78rem}.nav-group{margin-bottom:.65rem}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.45rem .75rem;font-size:.68rem;font-weight:700}.nav-link{color:var(--ink-soft);border-radius:14px;align-items:center;gap:.7rem;padding:.72rem .85rem;font-size:.93rem;font-weight:600;transition:all .15s;display:flex}.nav-link:hover{color:var(--ink);background:#1c19150a}.nav-link.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px #0f6b571f}.nav-ico{opacity:.8;width:18px;height:18px}.side-foot{border-top:1px solid var(--line);gap:.7rem;margin-top:auto;padding-top:1rem;display:grid}.user-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;align-items:center;gap:.75rem;padding:.7rem;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--accent), #9a4d18);border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.user-chip strong{font-size:.9rem;display:block}.user-chip span{color:var(--muted);text-transform:capitalize;font-size:.75rem}.main{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f4f1eac7;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.03em;font-size:1.2rem}.topbar p{color:var(--muted);margin-top:.15rem;font-size:.82rem}.menu-btn{border:1px solid var(--line);background:var(--card-solid);cursor:pointer;border-radius:12px;width:42px;height:42px;display:none}.content{gap:1.1rem;padding:1.35rem 1.5rem 2rem;display:grid}.hero{color:#f7fffb;box-shadow:var(--shadow);background:radial-gradient(500px 220px at 100% 0,#c46b2b24,#0000 55%),linear-gradient(135deg,#0f6b57 0%,#0d5a4a 45%,#18453d 100%);border-radius:28px;grid-template-columns:1.45fr .95fr;gap:1rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:#ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-70px;right:-50px}.kicker{letter-spacing:.05em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;margin-bottom:.8rem;padding:.3rem .7rem;font-size:.74rem;font-weight:700;display:inline-flex}.hero h2{font-family:var(--display);max-width:14ch;margin-bottom:.55rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.12}.hero p{color:#f7fffbd1;max-width:42ch;font-size:.98rem}.hero-actions{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.hero-side{z-index:1;background:#00000024;border:1px solid #ffffff1a;border-radius:20px;align-content:center;gap:.7rem;padding:1rem;display:grid;position:relative}.metric{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.metric span{color:#ffffffb8;font-size:.84rem;font-weight:600}.metric strong{letter-spacing:-.03em;font-size:1.15rem}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.15rem 1.2rem}.card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.card h3{letter-spacing:-.02em;font-size:1rem}.stat{gap:.55rem;min-height:120px;display:grid}.stat-top{justify-content:space-between;align-items:flex-start;display:flex}.stat .label{color:var(--muted);font-size:.8rem;font-weight:700}.stat .value{letter-spacing:-.04em;font-size:1.7rem;font-weight:800;line-height:1.05}.stat .hint{color:var(--muted);font-size:.8rem}.icon-pill{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:13px;place-items:center;display:grid}.icon-pill.orange{background:var(--accent-soft);color:var(--accent)}.btn{cursor:pointer;background:linear-gradient(135deg, var(--brand-2), var(--brand));color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.72rem 1rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 10px 24px #0f6b5733}.btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{border-radius:11px;padding:.48rem .75rem;font-size:.82rem}.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);box-shadow:none;background:0 0}.btn-ghost.light{color:#fff;border-color:#ffffff47}.btn-danger{background:linear-gradient(135deg,#d92d20,#b42318)}.badge{text-transform:capitalize;color:var(--ink-soft);background:#1c19150f;border-radius:999px;align-items:center;padding:.22rem .58rem;font-size:.72rem;font-weight:750;display:inline-flex}.badge.ok{color:var(--ok);background:#0f7a4a1f}.badge.warn{color:var(--warn);background:#b547081f}.badge.danger{color:var(--danger);background:#b423181f}.badge.info{color:var(--brand);background:#0f6b571f}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.8rem 0;display:flex}.list-row:last-child{border-bottom:0}.list-row strong{margin-bottom:.15rem;display:block}.muted{color:var(--muted)}.stack{gap:.8rem;display:grid}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.progress{background:#1c191514;border-radius:999px;height:9px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--brand), var(--accent));border-radius:inherit;height:100%;display:block}.table-wrap{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.85rem 1rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#1c191508;font-size:.72rem}tr:last-child td{border-bottom:0}.form{gap:.85rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}label{color:var(--ink-soft);gap:.35rem;font-size:.84rem;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:14px;padding:.75rem .9rem}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:#0f6b5773;outline:none;box-shadow:0 0 0 4px #0f6b571a}.empty{text-align:center;border:1px dashed var(--line-strong);color:var(--muted);background:#fff6;border-radius:16px;place-items:center;gap:.25rem;padding:1.6rem 1rem;display:grid}.empty strong{color:var(--ink-soft)}.alert{border:1px solid #0000;border-radius:14px;padding:.85rem 1rem;font-weight:650}.alert.error{color:var(--danger);background:#b4231814;border-color:#b4231826}.alert.ok{color:var(--ok);background:#0f7a4a1a;border-color:#0f7a4a26}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff8c;border-radius:999px;padding:.5rem .9rem;font-weight:700}.tab.active{background:var(--brand);color:#fff;border-color:#0000}.login-page{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-visual{color:#f7fffb;background:radial-gradient(700px 360px at 20% 10%,#ffffff1f,#0000 55%),linear-gradient(155deg,#0f6b57,#12483f 55%,#1c1915);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}.login-visual h1{font-family:var(--display);max-width:10ch;margin:1rem 0 .8rem;font-size:clamp(2.2rem,4vw,3.3rem);font-weight:400;line-height:1.08}.login-visual p{color:#f7fffbcc;max-width:34ch;font-size:1.05rem}.chips{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.chip{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:650}.login-panel{place-items:center;padding:2rem 1.25rem;display:grid}.login-card{background:var(--card-solid);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:28px;padding:1.75rem}.login-card h2{letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.5rem}.login-card .sub{color:var(--muted);margin-bottom:1.2rem}.login-card .btn{width:100%}.login-foot{text-align:center;color:var(--muted);margin-top:1rem;font-size:.8rem}.loading-page{min-height:100vh;color:var(--muted);place-items:center;font-weight:600;display:grid}.member-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.member-card{border:1px solid var(--line);background:#ffffffa6;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.member-card .top{align-items:center;gap:.75rem;display:flex}.member-card .role{color:var(--brand);font-size:.78rem;font-weight:750}.member-card .prodi{color:var(--muted);font-size:.82rem}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.flow-step{border:1px solid var(--line);background:#ffffff8c;border-radius:18px;padding:.95rem}.flow-step .n{background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:10px;place-items:center;margin-bottom:.55rem;font-size:.8rem;font-weight:800;display:grid}.flow-step strong{margin-bottom:.25rem;font-size:.92rem;display:block}.flow-step span{color:var(--muted);font-size:.8rem;line-height:1.35}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15;background:#1c191559;display:none;position:fixed;inset:0}.overlay.show{display:block}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.flow-steps{grid-template-columns:1fr 1fr}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(300px,88vw);transition:all .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.menu-btn{place-items:center;display:inline-grid}.grid-2,.grid-3,.grid-4,.form-row,.hero,.flow-steps,.login-page{grid-template-columns:1fr}.login-visual{display:none}.content,.topbar{padding-left:1rem;padding-right:1rem}}