:root{--bg: #f4f6f8;--surface: #ffffff;--border: #dde2e7;--text: #1c2733;--text-muted: #5b6b7a;--primary: #1f5f4f;--primary-dark: #163f35;--primary-contrast: #ffffff;--danger: #b3261e;--danger-bg: #fdecea;--amber: #8a5a00;--amber-bg: #fff3e0;--green: #1e7a3c;--green-bg: #e6f4ea;--blue: #1a5aa8;--blue-bg: #e8f1fc;--gray-bg: #eef0f2;--radius: 8px;--shadow: 0 1px 2px rgba(20, 30, 40, .08), 0 1px 8px rgba(20, 30, 40, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--primary-dark);color:#dfe9e5;display:flex;flex-direction:column;padding:20px 0}.brand{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}.brand-mark{background:var(--primary-contrast);color:var(--primary-dark);font-weight:700;font-size:12px;padding:4px 6px;border-radius:6px}.brand-name{font-weight:600;font-size:14px}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1}.nav-link{color:#cfe0da;text-decoration:none;padding:10px 12px;border-radius:6px;font-size:14px}.nav-link:hover{background:#ffffff14}.nav-link.active{background:#ffffff29;color:#fff;font-weight:600}.sidebar-footer{padding:12px 20px 0;border-top:1px solid rgba(255,255,255,.12)}.user-card{padding-top:12px}.user-name{font-weight:600;font-size:14px;color:#fff}.user-role{font-size:12px;color:#a9c2b8;margin-bottom:8px}.btn-link{background:none;border:none;color:#cfe0da;padding:0;font-size:13px;cursor:pointer;text-decoration:underline}.main-content{flex:1;padding:28px 36px;max-width:1200px}.centered-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-header h1{margin:0 0 4px;font-size:22px}.page-header p{margin:0;color:var(--text-muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.card h2{margin-top:0;font-size:16px}.card h3{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:#fafbfc}tbody tr.clickable{cursor:pointer}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.tone-green{background:var(--green-bg);color:var(--green)}.tone-amber{background:var(--amber-bg);color:var(--amber)}.tone-red{background:var(--danger-bg);color:var(--danger)}.tone-blue{background:var(--blue-bg);color:var(--blue)}.tone-gray{background:var(--gray-bg);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;background:var(--primary);color:var(--primary-contrast)}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--gray-bg)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#8f1e18}.btn.small{padding:5px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.field input,.field select,.field textarea{padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text)}.field textarea{resize:vertical;min-height:70px}.alert{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.alert.error{background:var(--danger-bg);color:var(--danger)}.alert.success{background:var(--green-bg);color:var(--green)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-value{font-size:26px;font-weight:700}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--primary-dark)}.login-card{background:var(--surface);border-radius:var(--radius);padding:32px;width:360px;box-shadow:var(--shadow)}.login-card h1{font-size:18px;margin-bottom:4px}.login-card p{color:var(--text-muted);font-size:13px;margin-top:0;margin-bottom:20px}.empty-state{padding:30px;text-align:center;color:var(--text-muted);font-size:14px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.kv-list{display:grid;grid-template-columns:140px 1fr;row-gap:8px;column-gap:10px;font-size:14px}.kv-list dt{color:var(--text-muted)}.kv-list dd{margin:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-btn{background:none;border:none;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.pagination{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e2873;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;overflow-y:auto;z-index:100}.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;width:100%;max-width:560px}.modal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.modal-card-header h2{margin:0 0 4px;font-size:18px}.modal-card-header p{margin:0;color:var(--text-muted);font-size:13px}.modal-close{background:none;border:none;font-size:20px;line-height:1;color:var(--text-muted);cursor:pointer;padding:2px 6px}.modal-close:hover{color:var(--text)}.stat-card-link{display:block;text-decoration:none;color:inherit}.stat-card-link:hover .stat-card{border-color:var(--primary)}tr.status-row-link{cursor:pointer}tr.status-row-link:hover td{text-decoration:underline}