*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:Inter,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;width:220px;padding:20px}.sidebar h2{margin-bottom:20px}.sidebar ul{padding:0;list-style:none}.sidebar li{margin-bottom:10px}.sidebar a{color:#cbd5e1;text-decoration:none}.sidebar a:hover{color:#fff}.main-content{flex:1;padding:20px 30px}.header{background:#e2e8f0;border-radius:10px;margin-bottom:20px;padding:12px 20px}.applications-controls{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.applications-input,.applications-select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font-size:14px}.applications-input{min-width:260px}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.application-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;transition:all .2s;box-shadow:0 10px 25px #0f172a14}.application-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a1f}.application-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.application-card-header h3{margin:0;font-size:20px}.status-badge{color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.application-card-body p{color:#334155;margin:6px 0}.application-card-actions{gap:10px;margin-top:16px;display:flex}.card-link,.delete-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.card-link{color:#0f172a;background:#e2e8f0;font-weight:600}.card-link:hover{background:#cbd5e1}.delete-btn{color:#fff;background:#dc2626}.delete-btn:hover{background:#b91c1c}.form-page{justify-content:center;padding:30px;display:flex}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:900px;padding:28px;box-shadow:0 14px 35px #0f172a14}.form-header{margin-bottom:24px}.form-header h1{margin-bottom:5px}.form-header p{color:#64748b}.application-form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.form-group{flex-direction:column;display:flex}.form-group-full{grid-column:1/-1}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:10px;padding:12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.input-error{border-color:red}.error-text{color:red;margin-top:4px;font-size:12px}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 16px}.primary-btn:hover{background:#1d4ed8}.details-page{justify-content:center;padding:10px 0 30px;display:flex}.details-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:100%;max-width:900px;padding:28px;box-shadow:0 14px 35px #0f172a14}.details-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.details-header h1{color:#0f172a;margin:0 0 8px}.details-header p{color:#64748b;margin:0;font-size:16px}.details-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px;display:grid}.details-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.details-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.details-item p,.details-notes p{color:#0f172a;margin:0}.details-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:16px}.details-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=768px){.details-grid{grid-template-columns:1fr}}.dashboard-page{flex-direction:column;gap:24px;display:flex}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-header h1{color:#0f172a;margin:0 0 8px}.dashboard-header p{color:#64748b;margin:0}.dashboard-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px;box-shadow:0 10px 25px #0f172a0f}.stat-label{color:#64748b;margin-bottom:10px;font-size:14px;display:block}.stat-card h2{color:#0f172a;margin:0;font-size:32px}.dashboard-content-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 12px 28px #0f172a12}.dashboard-card-header{margin-bottom:18px}.dashboard-card-header h3{color:#0f172a;margin:0 0 8px}.dashboard-card-header p{color:#64748b;margin:0}.chart-wrapper{width:100%}.chart-legend{flex-direction:column;gap:10px;margin-top:10px;display:flex}.legend-item{color:#334155;align-items:center;gap:10px;font-size:14px;display:flex}.legend-color{border-radius:999px;width:12px;height:12px;display:inline-block}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.recent-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a0f}.recent-item h4{color:#0f172a;margin:0 0 6px}.recent-item p{color:#64748b;margin:0;font-size:14px}.recent-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.recent-status{color:#0f172a;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.empty-dashboard-state{text-align:center;color:#64748b;padding:40px 20px}.empty-dashboard-state h4{color:#0f172a;margin:0 0 10px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.dashboard-card{padding:18px}.recent-item{flex-direction:column;align-items:flex-start}.recent-meta{align-items:flex-start}}.sidebar-link{color:#cbd5e1;border-radius:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:inline-block}.sidebar-link:hover{color:#fff;background:#ffffff14}.active-link{background:#2563eb47;font-weight:700;color:#fff!important}.header h2{margin:0}@media (width<=768px){.application-form{grid-template-columns:1fr}}
