/* Dashboard shared styles */
.dash-container{max-width:1000px;margin:0 auto;padding:32px 24px}
.dash-header{margin-bottom:32px}
.dash-header h1{font-size:28px;font-weight:800;color:var(--slate);margin-bottom:4px}
.dash-header p{color:var(--gray-500);font-size:16px}

/* Auth */
.auth-card{max-width:440px;margin:48px auto;padding:40px 36px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.auth-card h1{font-size:26px;font-weight:800;color:var(--navy);margin-bottom:8px}
.auth-card p{color:var(--gray-500);font-size:15px;margin-bottom:24px}
.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--gray-100)}
.auth-tab{background:none;color:var(--gray-500);font-weight:600;font-size:15px;padding:12px 20px;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--t)}
.auth-tab.active{color:var(--navy);border-bottom-color:var(--gold)}
.auth-form{display:flex;flex-direction:column;gap:12px}
.dash-input{width:100%;padding:12px 16px;font-size:15px;border:1.5px solid var(--gray-200);border-radius:var(--radius);background:var(--white);color:var(--slate);font-family:inherit;transition:border-color var(--t)}
.dash-input:focus{outline:none;border-color:var(--gold)}
textarea.dash-input{resize:vertical;min-height:60px}
.auth-error{color:var(--red);font-size:14px;min-height:20px}

/* Stats */
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}
.dash-stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 16px;text-align:center}
.dash-stat-card.highlight{border-color:var(--gold);background:rgba(200,164,92,.05)}
.dash-stat-num{display:block;font-size:28px;font-weight:800;color:var(--navy)}
.dash-stat-card.highlight .dash-stat-num{color:var(--gold-dark)}
.dash-stat-label{display:block;font-size:12px;color:var(--gray-400);font-weight:600;margin-top:4px}
.dash-stats-row{display:flex;gap:16px;flex-wrap:wrap}

/* Sections */
.dash-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}
.dash-section-header{margin-bottom:20px}
.dash-section-header h2{font-size:18px;font-weight:700;color:var(--slate)}
.dash-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dash-form-row{display:flex;gap:12px}
.dash-form .btn-primary{grid-column:1/-1;justify-self:start;padding:12px 28px}

/* Application list */
.app-list{display:flex;flex-direction:column;gap:12px}
.app-item{background:var(--warm-white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:border-color var(--t)}
.app-item:hover{border-color:var(--gold-light)}
.app-item-info{flex:1}
.app-item-title{font-size:16px;font-weight:700;color:var(--slate)}
.app-item-company{font-size:14px;color:var(--gray-500)}
.app-item-meta{font-size:13px;color:var(--gray-400);margin-top:4px}
.app-item-notes{font-size:13px;color:var(--gray-500);margin-top:8px;font-style:italic}
.app-status-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;white-space:nowrap}
.status-verzonden{background:rgba(30,58,95,.1);color:var(--navy)}
.status-interview{background:rgba(200,164,92,.15);color:var(--gold-dark)}
.status-afwijzing{background:rgba(239,68,68,.1);color:var(--red)}
.status-aangenomen{background:rgba(16,185,129,.1);color:var(--green)}
.app-actions{display:flex;gap:8px}
.app-btn-sm{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--t)}
.app-btn-edit{background:var(--warm-gray);color:var(--gray-700);border:1px solid var(--gray-200)}
.app-btn-edit:hover{background:var(--gray-100)}
.app-btn-del{background:rgba(239,68,68,.08);color:var(--red);border:1px solid rgba(239,68,68,.15)}
.app-btn-del:hover{background:rgba(239,68,68,.15)}

/* Tables */
.dash-table-wrapper{overflow-x:auto}
.dash-table{width:100%;border-collapse:collapse;font-size:14px}
.dash-table th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--gray-200);color:var(--gray-500);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.dash-table td{padding:12px 16px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}
.dash-table tr:hover td{background:var(--warm-white)}
.status-badge-sm{font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px}
.status-paid{background:rgba(16,185,129,.1);color:var(--green)}
.status-open{background:rgba(200,164,92,.15);color:var(--gold-dark)}

/* Responsive */
@media(max-width:768px){
  .dash-stats{grid-template-columns:1fr 1fr}
  .dash-form{grid-template-columns:1fr}
  .app-item{flex-direction:column;align-items:flex-start}
  .app-actions{width:100%;justify-content:flex-end}
}