/* finnfindet backend · studio nordlicht® */
:root{--night:#0D1B2A;--night2:#13263A;--ink:#1B2733;--mist:#F4F6F9;--line:#E3E8EF;
--aurA:#2DD4BF;--aurB:#7C8CF8;--teal:#0F9B8E;--tealD:#0B7268;--rose:#E4586B;
--grad:linear-gradient(100deg,var(--aurA),var(--aurB));--r:14px;--sh:0 8px 30px rgba(13,27,42,.10)}
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.55 'Inter',system-ui,sans-serif;background:var(--mist);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,.btn,.logo,.kpi-num{font-family:'Outfit','Inter',sans-serif}
a{color:var(--tealD)}button{font:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font:inherit;width:100%;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--aurA);outline:none}
label{display:block;font-size:12.5px;font-weight:600;color:#4A5866;margin:14px 0 5px}
.hidden{display:none!important}
.logo{font-weight:800;font-size:19px;letter-spacing:-.02em;color:#fff;text-decoration:none}
.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px;padding:12px 20px;border-radius:12px;text-decoration:none;transition:.12s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--grad);color:#08251F;box-shadow:0 4px 16px rgba(45,212,191,.3)}
.btn-dark{background:var(--night);color:#fff}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn-sm{padding:7px 13px;font-size:13px;border-radius:9px}
.tag{display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}
.tag-neu{background:#E7F7F4;color:var(--tealD)}.tag-kontaktiert{background:#EDF0FE;color:#4C5BD4}
.tag-interview{background:#FDF3E1;color:#A5720F}.tag-eingestellt{background:#0F9B8E;color:#fff}
.tag-abgelehnt{background:#FBECEE;color:var(--rose)}.tag-live{background:#E7F7F4;color:var(--tealD)}
.tag-pausiert,.tag-entwurf,.tag-beendet{background:#F0F2F5;color:#6B7A89}
/* layout */
.app-header{background:var(--night);color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px;height:60px;position:sticky;top:0;z-index:50}
.app-header .spacer{flex:1}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:5px 13px;font-size:12.5px;font-weight:600}
.logout{color:#9FB2C4;font-size:13px;font-weight:600;text-decoration:none}
.logout:hover{color:#fff}
.app-body{display:flex;min-height:calc(100vh - 60px)}
.sidebar{width:212px;background:var(--night2);padding:16px 12px;flex-shrink:0}
.nav-item{display:flex;gap:10px;color:#9FB2C4;font-size:14px;font-weight:500;padding:11px 14px;border-radius:11px;text-decoration:none;margin-bottom:3px}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-item.active{color:#fff;background:rgba(255,255,255,.1)}
.main{flex:1;padding:28px 30px 60px;min-width:0;overflow-x:auto}
.main h1{font-size:22px;letter-spacing:-.015em;margin-bottom:4px}
.page-sub{color:#6B7A89;font-size:13.5px;margin-bottom:22px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:24px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:17px 19px}
.kpi-label{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8494A3;margin-bottom:7px}
.kpi-num{font-size:27px;font-weight:700}
.kpi-sub{font-size:12px;color:#7A8896;margin-top:2px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;margin-bottom:22px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.card-head h3{font-size:15.5px}
.card-pad{padding:20px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8494A3;padding:11px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 18px;border-bottom:1px solid #EEF1F5;vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
.t-name{font-weight:600}.t-sub{font-size:12px;color:#8494A3}
.filter-row{display:flex;gap:7px;flex-wrap:wrap}
.filter-btn{font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:99px;border:1.5px solid var(--line);color:#5B6B7A;background:#fff;text-decoration:none}
.filter-btn.active{background:var(--night);border-color:var(--night);color:#fff}
.flash{background:#E7F7F4;color:var(--tealD);border:1px solid #BFEAE3;border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:500;margin-bottom:18px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
select.inline-status{width:auto;padding:6px 8px;font-size:12.5px;font-weight:600;border-radius:9px}
.mono{font-family:ui-monospace,monospace;font-size:12.5px}
/* login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--night);padding:24px}
.login-card{background:#fff;border-radius:20px;padding:36px 32px;width:100%;max-width:400px;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.login-card .logo{color:var(--night);font-size:24px}
.login-card h1{font-size:19px;margin:22px 0 4px}
@media(max-width:760px){
 .app-body{flex-direction:column}
 .sidebar{width:100%;display:flex;overflow-x:auto;padding:10px 12px;position:sticky;top:60px;z-index:40}
 .nav-item{white-space:nowrap;margin:0 3px 0 0}
 .main{padding:20px 16px 60px}
 .grid-2{grid-template-columns:1fr}
 .hide-m{display:none}
}