@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";:root{--bg-0: #f2f6ee;--bg-1: #e6f2db;--bg-2: #d9e7ff;--ink-0: #14221a;--ink-1: #2f4538;--line: #bfd3c4;--panel: rgba(255, 255, 255, .8);--accent: #0d8f61;--accent-strong: #046d49;--danger: #b73a3a;--pending: #c47f0f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif;color:var(--ink-0);background:radial-gradient(circle at 10% 0%,var(--bg-2) 0,transparent 35%),radial-gradient(circle at 90% 0%,var(--bg-1) 0,transparent 35%),linear-gradient(160deg,var(--bg-0),#f9faf7);animation:bgShift 10s ease-in-out infinite alternate}@keyframes bgShift{0%{background-position:0 0,0 0,0 0}to{background-position:40px 20px,-40px -20px,0 0}}h1,h2,h3{font-family:"M PLUS 1p",YuGothic,sans-serif;letter-spacing:.02em;margin:0}p{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary-btn,.ghost-btn,.tiny-btn{border:1px solid transparent;border-radius:10px;padding:.55rem 1rem;transition:transform .15s ease,opacity .15s ease}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 8px 20px #0d8f6133}.ghost-btn,.tiny-btn{background:#fff;color:var(--ink-1);border-color:var(--line)}.tiny-btn{padding:.35rem .7rem;font-size:.82rem}.primary-btn:hover,.ghost-btn:hover,.tiny-btn:hover{transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{max-width:600px;width:100%;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:24px;padding:2rem;display:grid;gap:1rem;box-shadow:0 24px 40px #14221a1f}.brand-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong)}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.shell-nav{padding:1.25rem;border-right:1px solid var(--line);background:#f2f6eeeb;display:grid;gap:1rem;align-content:start}.brand-card{display:grid;gap:.4rem}.brand-subtext{color:var(--ink-1);font-size:.85rem}.nav-link{display:block;padding:.65rem .8rem;border-radius:8px;color:var(--ink-1);text-decoration:none;margin-bottom:.35rem}.nav-link-active{background:#0d8f611a;color:var(--accent-strong)}.identity-panel{margin-top:auto;display:grid;gap:.4rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem}.identity-label{font-size:.74rem;text-transform:uppercase;color:var(--ink-1)}.identity-email{word-break:break-all}.shell-main{padding:1.1rem}.content-grid{display:grid;gap:1rem}.users-grid{grid-template-columns:320px 1fr}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:0 10px 24px #14221a14}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;gap:.8rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.stat-card{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:#fff;display:grid;gap:.3rem}.stat-card strong{font-size:1.6rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:.65rem .5rem;border-bottom:1px solid rgba(191,211,196,.55);text-align:left;vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-1)}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .65rem;font-size:.75rem;border:1px solid transparent}.status-approved,.status-active{background:#0d8f611f;border-color:#0d8f6173;color:var(--accent-strong)}.status-pending,.status-maintenance{background:#c47f0f1a;border-color:#c47f0f73;color:#7e5200}.status-rejected,.status-inactive{background:#b73a3a1f;border-color:#b73a3a66;color:var(--danger)}.actions-row{display:flex;flex-wrap:wrap;gap:.35rem}.search-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.search-row input,.search-row select{min-width:180px;flex:1 1 180px}.pagination-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.7rem}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;width:100%;background:#fff}.list-panel{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.list-panel-scroll{max-height:62vh;overflow-y:auto;padding-right:.25rem}.list-btn{width:100%;text-align:left;padding:.7rem;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.list-btn-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #0d8f614d}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-bottom:.8rem}.contract-view{background:#0f1a14;color:#dcffeb;border-radius:12px;padding:.85rem;min-height:460px;overflow:auto;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem}.error-text{color:var(--danger)}.muted{color:var(--ink-1);opacity:.8;font-size:.85rem}.empty-cell{color:var(--ink-1);opacity:.75}@media(max-width:960px){.shell{grid-template-columns:1fr}.shell-nav{border-right:0;border-bottom:1px solid var(--line)}.users-grid{grid-template-columns:1fr}}