:root{--navy:#0b1f3a;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--amber:#d97706;--bg:#f5f7fb;--border:#e5e7eb;--muted:#6b7280}*{box-sizing:border-box}body{background:var(--bg);color:#111827;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:22px 16px;position:sticky;top:0}.brand{margin-bottom:16px;font-size:28px;font-weight:800}.brand small{color:#7dd3fc;font-size:12px;display:block}.user-chip{background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;margin-bottom:18px;padding:10px 12px}.user-chip b{font-size:13px;display:block}.user-chip span{color:#93c5fd;margin-top:3px;font-size:11px;display:block}.nav{flex-direction:column;gap:8px;display:flex}.nav a{color:#d1d5db;border-radius:10px;padding:12px 14px}.nav a:hover{color:#fff;background:#1d4ed8}.main{padding:26px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hero-title{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.split{grid-template-columns:2fr 1fr}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 12px #0000000a}.kpi h3{color:var(--muted);margin:0 0 8px;font-size:13px}.kpi strong{font-size:28px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px;font-size:14px}.badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.badge.high{color:#9a3412;background:#ffedd5}.badge.critical{color:#991b1b;background:#fee2e2}.badge.info{color:#1d4ed8;background:#dbeafe}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 15px;font-weight:700}.btn.secondary{color:#111827;border:1px solid var(--border);background:#fff}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:10px;padding:11px 12px}.notice{border-radius:10px;margin-top:12px;padding:10px 12px}.notice.ok{color:#166534;background:#dcfce7}.notice.err{color:#991b1b;background:#fee2e2}.progress{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress>span{background:var(--blue);height:100%;display:block}.board{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;display:grid;overflow-x:auto}.lane{border:1px solid var(--border);background:#f9fafb;border-radius:14px;min-height:220px;padding:12px}.candidate{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:10px;padding:12px}.login-wrap{max-width:420px;margin:80px auto;padding:16px}.mobile-shell-head{display:none}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-grid>div{border:1px solid var(--border);background:#f9fafb;border-radius:12px;padding:14px}.summary-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.summary-grid b{font-size:18px}.small-value{word-break:break-word;font-size:13px!important}.compact-table td:last-child{text-align:right;font-weight:700}@media (max-width:900px){.shell{display:block}.sidebar{display:none}.mobile-shell-head{z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1a;display:block;position:sticky;top:0}.mobile-brand{padding:10px 12px 6px;font-size:16px;font-weight:800}.mobile-brand span{color:#93c5fd;margin-left:6px;font-size:11px;font-weight:600}.mobile-nav{scrollbar-width:none;gap:4px;padding:4px 8px 9px;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{color:#e5e7eb;background:#ffffff14;border-radius:9px;flex:none;padding:8px 10px;font-size:12px}.main{padding:12px}.hero-title{font-size:23px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.split,.form-grid,.summary-grid{grid-template-columns:1fr}.card{border-radius:14px;padding:14px}.kpi h3{font-size:11px}.kpi strong{font-size:24px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:14px}.board{grid-template-columns:repeat(4,250px)}.table{font-size:13px}.table th,.table td{padding:10px 8px}.compact-table{min-width:0}.compact-table td{font-size:13px}.summary-grid>div{padding:12px}}@media (max-width:520px){.kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:22px}.main{padding:10px}.card h2{font-size:20px}.team-invite-card{max-height:calc(100vh - 72px);top:64px;left:8px;right:8px}}.team-invite-card{z-index:20;width:min(680px,100vw - 52px);position:absolute;top:82px;right:26px;box-shadow:0 18px 50px #0b1f3a2e}.team-invite-card .field span{color:#374151;font-size:13px;font-weight:700}@media (max-width:900px){.team-invite-card{width:auto;max-height:calc(100vh - 86px);position:fixed;top:72px;left:14px;right:14px;overflow:auto}}.btn.danger{background:#dc2626}.btn.success{background:#16a34a}.btn.small{padding:7px 10px;font-size:12px}.member-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.inline-notice{color:#4b5563;font-size:12px}.row-inactive{opacity:.62;background:#f9fafb}