:root{
--primary:#2563eb;
--primary-soft:#eff6ff;
--text:#0f172a;
--muted:#64748b;
--border:#e2e8f0;
--bg:#f1f5f9;
--white:#ffffff;
--shadow:0 10px 35px rgba(15,23,42,.06);
--page-width:1200px;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
min-height:100%;
font-family:'Manrope',sans-serif;
background:var(--bg);
color:var(--text);
}

body{
display:flex;
flex-direction:column;
}

.topbar{
position:sticky;
top:0;
z-index:999;
width:100%;
background:rgba(255,255,255,.92);
backdrop-filter:blur(14px);
border-bottom:1px solid rgba(226,232,240,.9);
box-shadow:0 4px 20px rgba(15,23,42,.04);
}

.topbar-inner{
width:min(94%,var(--page-width));
margin:auto;
padding:13px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
}

.brand{
display:flex;
align-items:center;
gap:12px;
flex:0 0 auto;
text-decoration:none;
}

.brand-icon{
width:48px;
height:48px;
border-radius:15px;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
box-shadow:0 12px 25px rgba(37,99,235,.25);
}

.brand-text{
display:flex;
flex-direction:column;
}

.brand-title{
font-size:18px;
font-weight:800;
color:var(--text);
line-height:1.1;
}

.brand-subtitle{
font-size:11px;
font-weight:700;
letter-spacing:.4px;
color:var(--muted);
text-transform:uppercase;
margin-top:2px;
}

.menu{
display:flex;
align-items:center;
gap:3px;
}

.menu-area{
display:flex;
min-width:0;
align-items:center;
justify-content:flex-end;
gap:12px;
}

.mobile-menu-toggle{
display:none;
}

.menu a{
display:inline-flex;
align-items:center;
gap:7px;
min-height:42px;
padding:10px 9px;
text-decoration:none;
font-size:13px;
font-weight:700;
color:#334155;
border-radius:12px;
transition:.25s ease;
white-space:nowrap;
}

.menu a i{
font-size:15px;
color:#64748b;
}

.menu a:hover{
background:var(--primary-soft);
color:var(--primary);
transform:translateY(-1px);
}

.menu a.active{
background:#eff6ff;
color:#1d4ed8;
}

.menu a.active i{
color:#2563eb;
}

.menu a:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible{
outline:3px solid rgba(37,99,235,.24);
outline-offset:2px;
}

.menu-account{
display:flex;
align-items:center;
gap:2px;
padding:4px 5px 4px 8px;
border:1px solid #e2e8f0;
border-radius:14px;
background:#f8fafc;
}

.menu-user{
display:flex;
max-width:84px;
align-items:center;
gap:7px;
padding:0 4px 0 0;
color:#64748b;
font-size:12px;
font-weight:800;
}

.menu-user i{
color:#2563eb;
font-size:18px;
}

.menu-user span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.account-link{
border:0;
background:transparent;
font-family:inherit;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:5px;
min-height:34px;
padding:8px 6px;
border-radius:9px;
color:#64748b;
font-size:12px;
font-weight:800;
text-decoration:none;
transition:.2s ease;
}

.account-form{
display:inline-flex;
margin:0;
}

.account-link:hover,
.account-link.active{
background:#eff6ff;
color:#1d4ed8;
}

.logout-link{
color:#b91c1c;
}

.logout-link:hover{
background:#fee2e2;
color:#991b1b;
}

.container{
width:min(94%,var(--page-width));
margin:auto;
padding:28px 0;
}

.dashboard-title{
position:relative;
font-size:19px;
font-weight:800;
margin-bottom:20px;
padding-bottom:12px;
color:#0f172a;
}

.dashboard-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:22px;
}

.dashboard-title::after{
content:'';
position:absolute;
left:0;
bottom:0;
width:60px;
height:4px;
border-radius:999px;
background:linear-gradient(90deg,#2563eb,#60a5fa);
}

.dashboard-block,
.section,
.sidebar,
.stat-card,
.mudurluk-card{
background:var(--white);
border:1px solid var(--border);
border-radius:24px;
box-shadow:var(--shadow);
}

.dashboard-block,
.section,
.sidebar{
padding:24px;
margin-bottom:22px;
}

.dashboard-block{
min-width:0;
overflow:hidden;
}

.dashboard-block canvas{
max-width:100%;
}

.stats-grid,
.mudurluk-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
}

.stat-card{
padding:22px;
transition:.25s ease;
}

.stat-card:hover,
.mudurluk-card:hover{
transform:translateY(-3px);
}

.stat-label{
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.6px;
color:var(--muted);
margin-bottom:10px;
}

.stat-value{
font-size:34px;
font-weight:800;
line-height:1;
color:#0f172a;
}

.mudurluk-card{
display:block;
text-decoration:none;
color:inherit;
padding:18px;
}

.mudurluk-compact-grid{
grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
gap:10px;
}

.mudurluk-compact-card{
min-width:0;
padding:14px;
}

.mudurluk-name{
min-height:38px;
overflow:hidden;
font-size:13px;
font-weight:700;
line-height:1.45;
}

.mudurluk-count{
margin-top:8px;
font-size:24px;
font-weight:800;
color:#2563eb;
}

.mudurluk-meta{
margin-top:6px;
font-size:12px;
color:#64748b;
}

.layout{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:20px;
align-items:start;
}

.sidebar{
position:sticky;
top:108px;
}

.sidebar-title{
font-size:16px;
font-weight:800;
}

.page-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}

.page-title{
font-size:24px;
line-height:1.2;
font-weight:800;
}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:12px 18px;
border:none;
border-radius:14px;
font-weight:700;
font-family:inherit;
font-size:14px;
text-decoration:none;
cursor:pointer;
transition:.2s ease;
}

.btn-primary{
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
box-shadow:0 10px 20px rgba(37,99,235,.22);
}

.btn-primary:hover{
box-shadow:0 14px 24px rgba(37,99,235,.28);
}

.btn-secondary{
background:#fff;
color:#334155;
border:1px solid #cbd5e1;
}

.btn-secondary:hover{
background:#f8fafc;
border-color:#94a3b8;
}

.btn-danger{
background:#dc2626;
color:#fff !important;
border:1px solid #dc2626;
}

.btn-danger:hover{
background:#b91c1c;
border-color:#b91c1c;
}

.btn-danger-soft{
background:#fff;
color:#b91c1c;
border:1px solid #fecaca;
}

.btn-danger-soft:hover{
background:#fee2e2;
border-color:#fca5a5;
}

.btn-light{
background:#e2e8f0;
color:#0f172a;
}

.btn:hover{
transform:translateY(-1px);
}

.btn-lg{
padding:14px 22px;
font-size:15px;
}

.btn-sm{
padding:8px 11px;
font-size:12px;
border-radius:10px;
}

input,select,textarea{
width:100%;
padding:14px 16px;
font-family:inherit;
font-size:14px;
border:1px solid #cbd5e1;
border-radius:14px;
outline:none;
margin-bottom:14px;
background:#fff;
transition:.2s ease;
}

input:focus,
select:focus,
textarea:focus{
border-color:#93c5fd;
box-shadow:0 0 0 4px rgba(147,197,253,.3);
}

.alert{
padding:14px 16px;
border-radius:14px;
font-weight:700;
margin-bottom:18px;
}

.alert-error{
background:#fee2e2;
color:#991b1b;
border:1px solid #fecaca;
}

.alert-success{
background:#dcfce7;
color:#166534;
border:1px solid #bbf7d0;
}

.alert i{
margin-right:6px;
}

.form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.form-shell{
width:100%;
max-width:var(--page-width);
margin:0 auto;
}

.form-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:24px;
}

.form-kicker{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
font-weight:800;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--primary);
margin-bottom:8px;
}

.form-description{
font-size:14px;
color:var(--muted);
margin-top:8px;
line-height:1.6;
}

.personel-form{
display:grid;
gap:18px;
}

.form-panel{
background:#fff;
border:1px solid var(--border);
border-radius:22px;
padding:22px;
box-shadow:var(--shadow);
}

.form-section-title{
display:flex;
align-items:center;
gap:12px;
padding-bottom:16px;
margin-bottom:18px;
border-bottom:1px solid #edf2f7;
}

.form-section-title > i{
display:flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:13px;
color:var(--primary);
background:var(--primary-soft);
}

.form-section-title strong,
.form-section-title span{
display:block;
}

.form-section-title strong{
font-size:16px;
}

.form-section-title span{
font-size:12px;
color:var(--muted);
margin-top:4px;
}

.form-group label{
display:block;
font-size:13px;
font-weight:800;
color:#334155;
margin-bottom:8px;
}

.form-group label em{
color:#dc2626;
font-style:normal;
}

.form-group input,
.form-group select{
margin-bottom:0;
}

.file-upload{
display:flex;
align-items:center;
gap:14px;
min-height:108px;
padding:16px;
border:1px dashed #93c5fd;
border-radius:18px;
background:#f8fbff;
cursor:pointer;
transition:.2s ease;
}

.file-upload:hover{
background:#eff6ff;
border-color:#2563eb;
}

.file-upload input{
display:none;
}

.file-upload-icon{
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
flex:0 0 auto;
border-radius:16px;
background:#dbeafe;
color:#2563eb;
font-size:20px;
}

.file-upload strong,
.file-upload small{
display:block;
}

.file-upload small{
color:var(--muted);
font-size:12px;
margin-top:5px;
}

.photo-preview{
width:76px;
height:76px;
object-fit:cover;
border-radius:16px;
border:2px solid #fff;
box-shadow:0 5px 16px rgba(15,23,42,.14);
margin-left:auto;
}

.is-hidden{
display:none;
}

.form-actions{
display:flex;
justify-content:flex-end;
align-items:center;
gap:12px;
padding:4px 0;
}

.danger-zone{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:18px;
border:1px solid #fecaca;
border-radius:18px;
background:#fffafa;
}

.danger-zone strong,
.danger-zone span{
display:block;
}

.danger-zone strong{
font-size:14px;
color:#991b1b;
}

.danger-zone span{
font-size:12px;
color:#b91c1c;
margin-top:5px;
}

table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:18px;
overflow:hidden;
}

.table-wrap{
width:100%;
overflow-x:auto;
}

.table-wrap table{
min-width:780px;
}

.personel-list-page{
display:grid;
gap:18px;
}

.list-page-header,
.list-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}

.filter-panel{
background:#fff;
border:1px solid var(--border);
border-radius:20px;
padding:16px;
box-shadow:var(--shadow);
}

.result-count{
font-size:14px;
font-weight:700;
color:var(--muted);
}

.result-count strong{
color:var(--text);
font-size:18px;
margin-right:3px;
}

.filter-panel{
display:grid;
gap:16px;
}

.filter-form{
display:grid;
grid-template-columns:minmax(190px,1.15fr) minmax(150px,.85fr) minmax(130px,.6fr) minmax(140px,.7fr) auto;
gap:14px;
align-items:end;
}

.filter-field label{
display:flex;
align-items:center;
gap:7px;
margin-bottom:7px;
color:#475569;
font-size:13px;
font-weight:800;
}

.filter-field label i{
color:#2563eb;
}

.filter-field input,
.filter-field select{
height:44px;
margin:0;
padding:10px 13px;
font-size:14px;
}

.filter-buttons,
.filter-summary{
display:flex;
align-items:center;
gap:8px;
}

.output-actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}

.output-actions-label{
font-size:11px;
font-weight:800;
letter-spacing:.7px;
text-transform:uppercase;
color:#94a3b8;
margin-right:2px;
}

.filter-summary{
justify-content:space-between;
padding-top:14px;
border-top:1px solid #edf2f7;
}

.active-filter-note{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-radius:12px;
background:#fff7ed;
color:#9a3412;
font-size:12px;
font-weight:700;
}

.active-filter-note i{
margin-right:4px;
}

.active-filter-note a{
color:#9a3412;
font-size:12px;
font-weight:800;
text-decoration:none;
white-space:nowrap;
}

.pagination{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
flex-wrap:wrap;
}

.pagination-link{
display:inline-flex;
min-width:38px;
height:38px;
align-items:center;
justify-content:center;
gap:7px;
padding:0 11px;
border:1px solid #dbe3ee;
border-radius:11px;
background:#fff;
color:#475569;
font-size:13px;
font-weight:800;
text-decoration:none;
transition:.2s ease;
}

.pagination-link:hover{
border-color:#93c5fd;
background:#eff6ff;
color:#1d4ed8;
}

.pagination-link.active{
border-color:#2563eb;
background:#2563eb;
color:#fff;
}

.pagination-nav{
padding:0 13px;
}

.filter-buttons .btn{
height:44px;
padding:10px 14px;
white-space:nowrap;
}

.filter-chip{
display:none;
align-items:center;
padding:8px 12px;
border:1px solid #e2e8f0;
border-radius:999px;
background:#f8fafc;
color:#475569;
font-size:12px;
font-weight:700;
text-decoration:none;
white-space:nowrap;
transition:.2s ease;
}

.filter-chip:hover{
border-color:#93c5fd;
background:#eff6ff;
color:#1d4ed8;
}

.filter-chip.active{
border-color:#2563eb;
background:#2563eb;
color:#fff;
}

.personel-table-card{
padding:0;
overflow:hidden;
}

.personel-table{
table-layout:fixed;
min-width:940px !important;
}

.personel-table th,
.personel-table td{
padding:13px 12px;
vertical-align:middle;
white-space:nowrap;
}

.personel-table th{
font-size:12px;
}

.personel-table tbody tr{
transition:.18s ease;
}

.personel-table tbody tr:hover{
background:#f8fbff;
}

.personel-table tbody tr.sortable-personel-row{
cursor:grab;
}

.personel-table tbody tr.sortable-personel-row:active{
cursor:grabbing;
}

.personel-table tbody tr.sortable-personel-row.is-dragging{
opacity:.45;
background:#dbeafe;
}

.department-group-row td{
padding:10px 14px;
background:#eef5ff;
color:#1d4ed8;
font-size:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}

.department-group-row i{
margin-right:7px;
}

.sort-help{
display:flex;
align-items:center;
gap:8px;
padding:11px 14px;
border-top:1px solid #e2e8f0;
background:#f8fafc;
color:#64748b;
font-size:12px;
}

.sort-help i{
color:#2563eb;
}

.sort-status{
margin-left:auto;
font-size:12px;
font-weight:700;
}

.sort-status.success{
color:#15803d;
}

.sort-status.error{
color:#dc2626;
}

.personel-table th:nth-child(1){width:70px;}
.personel-table th:nth-child(2){width:160px;}
.personel-table th:nth-child(3){width:88px;}
.personel-table th:nth-child(4){width:210px;}
.personel-table th:nth-child(5){width:105px;}
.personel-table th:nth-child(6){width:145px;}
.personel-table th:nth-child(7){width:120px;}

.department-name,
.task-name,
.personel-name{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.personel-name{
font-size:14px;
color:#0f172a;
}

.department-name,
.task-name,
.muted-value{
font-size:13px;
color:#64748b;
}

.personel-table .badge{
padding:7px 10px;
font-size:12px;
}

.personel-table .personel-img{
width:40px;
height:40px;
border-radius:12px;
}

.personel-placeholder{
display:flex;
align-items:center;
justify-content:center;
background:#e2e8f0;
color:#94a3b8;
}

.btn-icon{
padding:9px 11px;
border:1px solid #dbeafe;
border-radius:10px;
background:#eff6ff;
color:#1d4ed8;
font-size:13px;
}

.btn-icon:hover{
background:#dbeafe;
}

.btn-view{
color:#0369a1;
}

.person-detail-page{
display:grid;
gap:18px;
width:100%;
}

.detail-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:wrap;
}

.detail-print-head{
display:none;
}

.person-profile-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:20px;
border:1px solid #dbe3ee;
border-radius:20px;
background:linear-gradient(135deg,#fff,#f8fbff);
box-shadow:var(--shadow);
}

.person-profile-main{
display:flex;
min-width:0;
align-items:center;
gap:16px;
}

.person-profile-photo{
display:flex;
width:104px;
height:104px;
flex:0 0 auto;
align-items:center;
justify-content:center;
border-radius:20px;
object-fit:cover;
}

.person-profile-placeholder{
background:#e2e8f0;
color:#94a3b8;
font-size:34px;
}

.detail-label{
display:block;
margin-bottom:4px;
color:#64748b;
font-size:11px;
font-weight:800;
letter-spacing:.5px;
text-transform:uppercase;
}

.person-profile-main h2{
font-size:25px;
line-height:1.2;
}

.person-profile-main p{
margin:6px 0 10px;
color:#64748b;
font-size:14px;
}

.person-profile-summary{
display:grid;
grid-template-columns:repeat(2,minmax(110px,1fr));
gap:9px;
}

.person-profile-summary div{
padding:12px;
border:1px solid #dbeafe;
border-radius:14px;
background:#fff;
}

.person-profile-summary span,
.person-profile-summary strong{
display:block;
}

.person-profile-summary span{
color:#64748b;
font-size:10px;
font-weight:800;
letter-spacing:.3px;
text-transform:uppercase;
}

.person-profile-summary strong{
margin-top:6px;
font-size:18px;
}

.detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.detail-panel{
padding:18px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#fff;
box-shadow:var(--shadow);
}

.detail-list{
display:grid;
gap:0;
margin-top:13px;
}

.detail-list div{
display:grid;
grid-template-columns:145px minmax(0,1fr);
gap:12px;
padding:11px 0;
border-top:1px solid #edf2f7;
}

.detail-list span{
color:#64748b;
font-size:12px;
font-weight:700;
}

.detail-list strong{
color:#0f172a;
font-size:13px;
font-weight:800;
text-align:right;
}

.empty-state{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
padding:40px 20px;
color:#64748b;
white-space:normal;
text-align:center;
}

.empty-state i{
font-size:24px;
color:#94a3b8;
}

.empty-state strong{
color:#334155;
}

.empty-state span{
font-size:13px;
}

.standard-page{
display:grid;
gap:18px;
}

.compact-section{
margin:0;
}

.table-card{
margin:0;
padding:0;
overflow:hidden;
}

.standard-table{
min-width:680px;
}

.standard-table th,
.standard-table td{
vertical-align:middle;
}

.standard-table form{
margin:0;
}

.user-reset{
display:inline-block;
margin-right:6px;
vertical-align:middle;
}

.user-reset summary{
list-style:none;
}

.user-reset summary::-webkit-details-marker{
display:none;
}

.user-reset-form{
display:flex;
min-width:310px;
align-items:center;
gap:7px;
margin-top:7px !important;
}

.user-reset-form input{
height:34px;
margin:0;
padding:7px 9px;
border-radius:9px;
font-size:12px;
}

.user-reset-form .btn{
flex:0 0 auto;
}

.unit-edit{
display:inline-block;
margin-right:6px;
position:relative;
vertical-align:middle;
}

.unit-edit-form{
display:none;
position:absolute;
z-index:20;
top:calc(100% + 7px);
right:0;
width:390px;
align-items:center;
gap:7px;
padding:9px;
border:1px solid #dbe3ee;
border-radius:12px;
background:#fff;
box-shadow:0 14px 28px rgba(15,23,42,.14);
}

.unit-edit.is-open .unit-edit-form{
display:flex;
}

.unit-edit-form input{
height:34px;
margin:0;
padding:7px 9px;
border-radius:9px;
font-size:12px;
}

.unit-edit-form .btn{
flex:0 0 auto;
}

.unit-table th{
font-size:11px;
}

.unit-table td{
padding:13px 16px;
font-size:13px;
}

.unit-table td strong{
font-size:13px;
}

.unit-table .count-pill{
padding:5px 9px;
font-size:11px;
}

.unit-table .btn-sm{
padding:7px 10px;
font-size:11px;
}

.unit-table .action-column{
width:265px;
padding-right:32px;
text-align:left !important;
white-space:nowrap;
}

.unit-table th:nth-child(2),
.unit-table td:nth-child(2){
width:170px;
}

.unit-table .action-column > form{
display:inline-block;
vertical-align:middle;
}

.inline-create-form{
display:flex;
align-items:end;
gap:12px;
}

.inline-create-form .filter-field{
flex:1;
}

.inline-create-form .btn{
height:44px;
white-space:nowrap;
}

.user-create-form{
display:grid;
grid-template-columns:minmax(170px,1fr) minmax(150px,.8fr) minmax(160px,.8fr) minmax(130px,.6fr) auto;
gap:14px;
align-items:end;
}

.page-counter,
.count-pill,
.activity-pill{
display:inline-flex;
align-items:center;
border-radius:999px;
font-size:12px;
font-weight:800;
white-space:nowrap;
}

.page-counter{
gap:5px;
padding:10px 14px;
background:#eff6ff;
color:#1d4ed8;
}

.page-counter strong{
font-size:18px;
}

.count-pill{
padding:6px 10px;
background:#f1f5f9;
color:#475569;
}

.activity-pill{
padding:6px 10px;
background:#eff6ff;
color:#1d4ed8;
}

.settings-shell{
max-width:680px;
margin:0 auto;
}

.settings-form{
display:grid;
gap:15px;
}

.settings-form .btn{
justify-self:start;
}

.login-body{
display:block;
min-height:100vh;
padding:36px 16px;
background:
radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 38%),
#f1f5f9;
}

.login-shell{
width:min(100%,440px);
margin:6vh auto 0;
}

.login-brand{
display:flex;
align-items:center;
gap:13px;
margin-bottom:18px;
}

.login-brand strong,
.login-brand span{
display:block;
}

.login-brand strong{
font-size:18px;
}

.login-brand span{
margin-top:3px;
color:#64748b;
font-size:12px;
font-weight:700;
letter-spacing:.4px;
text-transform:uppercase;
}

.login-card{
padding:26px;
border:1px solid #e2e8f0;
border-radius:24px;
background:#fff;
box-shadow:0 18px 48px rgba(15,23,42,.1);
}

.login-card .alert{
margin-top:18px;
}

.login-submit{
width:100%;
margin-top:2px;
}

.dashboard-page{
display:grid;
gap:22px;
}

.dashboard-hero,
.dashboard-filter-card,
.dashboard-section-head,
.analytics-card-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}

.dashboard-filter-card{
padding:16px 18px;
border:1px solid #dbeafe;
border-radius:20px;
background:linear-gradient(135deg,#eff6ff,#fff);
}

.dashboard-filter-card strong,
.dashboard-filter-card span{
display:block;
}

.dashboard-filter-card strong{
font-size:15px;
}

.dashboard-filter-card span{
margin-top:4px;
color:#64748b;
font-size:12px;
}

.dashboard-filter-chips{
display:flex;
gap:7px;
overflow-x:auto;
padding-bottom:2px;
}

.dashboard-filter-chip{
display:inline-flex;
align-items:center;
padding:9px 12px;
border:1px solid #bfdbfe;
border-radius:999px;
background:#fff;
color:#1d4ed8;
font-size:12px;
font-weight:800;
text-decoration:none;
white-space:nowrap;
transition:.2s ease;
}

.dashboard-filter-chip:hover{
border-color:#2563eb;
background:#dbeafe;
}

.dashboard-filter-chip.active{
border-color:#2563eb;
background:#2563eb;
color:#fff;
}

.dashboard-section-head{
margin-top:4px;
}

.dashboard-section-head h2{
font-size:19px;
}

.dashboard-section-head p{
margin-top:4px;
color:#64748b;
font-size:13px;
}

.dashboard-selection{
padding:7px 11px;
border-radius:999px;
background:#ede9fe;
color:#6d28d9;
font-size:12px;
font-weight:800;
}

.overview-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}

.overview-card{
display:flex;
min-width:0;
min-height:122px;
flex-direction:column;
justify-content:center;
padding:17px;
border:1px solid #e2e8f0;
border-radius:19px;
background:#fff;
box-shadow:var(--shadow);
color:inherit;
text-decoration:none;
transition:.2s ease;
}

.overview-card:hover{
border-color:#bfdbfe;
transform:translateY(-2px);
}

.overview-card.featured{
border-color:#2563eb;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
}

.overview-card span{
font-size:12px;
font-weight:800;
letter-spacing:.3px;
text-transform:uppercase;
}

.overview-card strong{
margin-top:9px;
font-size:31px;
line-height:1;
}

.overview-card small{
margin-top:9px;
font-size:11px;
opacity:.78;
}

.analytics-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.analytics-card{
display:flex;
flex-direction:column;
min-width:0;
padding:18px;
border:1px solid #e2e8f0;
border-radius:21px;
background:#fff;
box-shadow:var(--shadow);
}

.analytics-card-head{
margin-bottom:14px;
}

.analytics-card-head h3{
font-size:16px;
}

.analytics-card-head p{
margin-top:4px;
color:#64748b;
font-size:12px;
}

.analytics-card-head > i{
display:flex;
width:40px;
height:40px;
flex:0 0 auto;
align-items:center;
justify-content:center;
border-radius:13px;
background:#eff6ff;
color:#2563eb;
}

.chart-box{
position:relative;
height:250px;
min-height:250px;
flex:1;
}

.chart-box-small{
height:230px;
min-height:230px;
flex:0 0 auto;
}

.chart-box canvas{
display:block;
width:100% !important;
height:100% !important;
}

.metric-row{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}

.metric-row span{
padding:7px 9px;
border-radius:999px;
background:#f8fafc;
color:#64748b;
font-size:11px;
font-weight:700;
}

.metric-row strong{
margin-left:3px;
color:#0f172a;
}

.mini-stat-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:11px;
}

.mini-stat-card{
padding:15px;
border:1px solid #e2e8f0;
border-radius:17px;
background:#fff;
color:#0f172a;
text-decoration:none;
}

.mini-stat-card span,
.mini-stat-card strong{
display:block;
}

.mini-stat-card span{
color:#64748b;
font-size:11px;
font-weight:800;
letter-spacing:.25px;
text-transform:uppercase;
}

.mini-stat-card strong{
margin-top:9px;
font-size:22px;
}

.mini-stat-card small{
display:block;
margin-top:5px;
color:#64748b;
font-size:11px;
font-weight:800;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.mini-stat-link{
cursor:pointer;
transition:.2s ease;
}

.mini-stat-link:hover{
border-color:#93c5fd;
box-shadow:0 12px 28px rgba(37,99,235,.13);
transform:translateY(-1px);
}

.data-quality-list{
display:grid;
gap:9px;
margin-bottom:16px;
}

.data-quality-list a{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
border-radius:12px;
background:#f8fafc;
color:#475569;
font-size:13px;
font-weight:700;
text-decoration:none;
transition:.2s ease;
}

.data-quality-list a:hover{
background:#eff6ff;
color:#1d4ed8;
transform:translateX(2px);
}

.data-quality-list strong{
display:flex;
min-width:27px;
height:27px;
align-items:center;
justify-content:center;
border-radius:999px;
background:#e2e8f0;
color:#334155;
}

.department-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
gap:11px;
}

.department-card{
display:flex;
min-width:0;
align-items:center;
justify-content:space-between;
gap:12px;
padding:13px 14px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
color:#334155;
text-decoration:none;
transition:.2s ease;
}

.department-card:hover{
border-color:#93c5fd;
background:#eff6ff;
transform:translateY(-1px);
}

.department-card span{
overflow:hidden;
font-size:12px;
font-weight:700;
line-height:1.4;
}

.department-card strong{
display:flex;
width:32px;
height:32px;
flex:0 0 auto;
align-items:center;
justify-content:center;
border-radius:11px;
background:#dbeafe;
color:#1d4ed8;
font-size:13px;
}

table th{
background:#f8fafc;
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.5px;
color:#475569;
}

table th,
table td{
padding:16px;
border-bottom:1px solid #edf2f7;
text-align:left;
}

.personel-img{
width:56px;
height:56px;
border-radius:16px;
object-fit:cover;
}

.badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
border-radius:999px;
font-size:12px;
font-weight:800;
}

.memur{background:#dcfce7;color:#166534;}
.isci{background:#fee2e2;color:#991b1b;}
.sozlesmeli{background:#ede9fe;color:#6d28d9;}
.sapas{background:#dbeafe;color:#1d4ed8;}

.footer{
margin-top:auto;
padding:22px;
text-align:center;
font-size:13px;
color:var(--muted);
}

/* 1080p masaustu ekranlarda daha dengeli ve kompakt gorunum */
@media(min-width:1400px) and (min-height:850px){
.topbar-inner{
padding:11px 0;
}

.brand-icon{
width:45px;
height:45px;
border-radius:14px;
font-size:19px;
}

.brand-title{
font-size:17px;
}

.menu a{
min-height:40px;
padding:9px 8px;
font-size:13px;
}

.menu a i{
font-size:15px;
}

.account-link{
min-height:33px;
padding:7px 6px;
font-size:12px;
}

.container{
padding:20px 0;
}

.dashboard-page{
gap:16px;
}

.dashboard-filter-card{
padding:13px 16px;
border-radius:17px;
}

.dashboard-filter-chip{
padding:7px 11px;
}

.dashboard-section-head{
margin-top:1px;
}

.dashboard-section-head h2{
font-size:17px;
}

.dashboard-section-head p{
margin-top:2px;
font-size:12px;
}

.overview-card{
min-height:96px;
padding:14px;
border-radius:16px;
}

.overview-card strong{
margin-top:7px;
font-size:27px;
}

.overview-card small{
margin-top:7px;
}

.analytics-grid{
gap:13px;
}

.analytics-card{
padding:15px;
border-radius:18px;
}

.analytics-card-head{
margin-bottom:10px;
}

.analytics-card-head > i{
width:35px;
height:35px;
border-radius:11px;
}

.chart-box{
height:190px;
}

.chart-box-small{
height:175px;
}

.metric-row{
margin-top:9px;
}

.mini-stat-card{
padding:12px;
border-radius:14px;
}

.mini-stat-card strong{
margin-top:6px;
font-size:19px;
}

.data-quality-list{
gap:7px;
margin-bottom:12px;
}

.data-quality-list span{
padding:8px 10px;
font-size:12px;
}

.department-card{
padding:10px 12px;
}

.footer{
padding:16px;
font-size:12px;
}
}

@media(max-width:1280px) and (min-width:981px){
.topbar-inner{
align-items:flex-start;
flex-direction:column;
}

.menu-area{
width:100%;
justify-content:space-between;
}
}

@media(max-width:980px){
.topbar-inner{
flex-direction:column;
align-items:flex-start;
padding:13px 0;
}
}

@media(max-width:700px){
.topbar-inner{
width:min(92%,var(--page-width));
padding:9px 0;
flex-direction:row;
align-items:center;
gap:10px;
}

.brand{
gap:9px;
}

.brand-icon{
width:40px;
height:40px;
border-radius:12px;
font-size:17px;
}

.brand-title{
font-size:14px;
}

.brand-subtitle{
font-size:9px;
}

.mobile-menu-toggle{
display:inline-flex;
min-height:38px;
align-items:center;
justify-content:center;
gap:7px;
padding:8px 11px;
border:1px solid #bfdbfe;
border-radius:11px;
background:#eff6ff;
color:#1d4ed8;
font-family:inherit;
font-size:12px;
font-weight:800;
cursor:pointer;
}

.menu-area{
display:none;
position:absolute;
top:100%;
right:0;
left:0;
width:100%;
padding:12px 4% 15px;
border-top:1px solid #e2e8f0;
background:rgba(255,255,255,.98);
box-shadow:0 12px 20px rgba(15,23,42,.08);
}

.menu-area.is-open{
display:flex;
}

.menu-area .menu{
display:grid;
width:100%;
grid-template-columns:1fr;
gap:4px;
}

.menu-area .menu a{
display:flex;
width:100%;
justify-content:flex-start;
min-height:40px;
padding:9px 11px;
border:1px solid transparent;
border-radius:10px;
font-size:12px;
}

.menu-area .menu a i{
width:18px;
text-align:center;
}

.menu-area .menu a.active{
border-color:#dbeafe;
}

.menu-area .menu-account{
display:grid;
width:100%;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:4px;
margin-top:7px;
padding:9px 0 0;
border-top:1px solid #e2e8f0;
border-right:0;
border-bottom:0;
border-left:0;
border-radius:0;
background:transparent;
}

.menu-area .menu-user{
max-width:none;
grid-column:1 / -1;
padding:0 4px 6px;
}

.menu-area .account-link{
justify-content:flex-start;
min-height:37px;
padding:8px 9px;
border-radius:9px;
font-size:11px;
}

.menu-area .account-form{
display:flex;
}

.menu-area .account-form .account-link{
width:100%;
}

.container{
width:92%;
padding:17px 0;
}

.dashboard-hero,
.dashboard-filter-card,
.form-header,
.danger-zone{
align-items:stretch;
flex-direction:column;
}

.form-grid,
.stats-grid,
.mudurluk-grid,
.user-create-form{
grid-template-columns:1fr;
}

.list-page-header{
align-items:stretch;
flex-direction:column;
}

.inline-create-form{
align-items:stretch;
flex-direction:column;
}

.inline-create-form .btn{
width:100%;
}

.form-actions{
justify-content:stretch;
}

.form-actions .btn{
flex:1;
}

.page-title{
font-size:21px;
}

.form-description{
font-size:12px;
line-height:1.55;
}

.dashboard-page{
gap:15px;
}

.dashboard-filter-card{
padding:13px;
border-radius:15px;
}

.dashboard-filter-chips{
gap:5px;
}

.dashboard-filter-chip{
padding:7px 10px;
font-size:11px;
}

.dashboard-section-head h2{
font-size:16px;
}

.dashboard-section-head p{
font-size:11px;
}

.overview-grid{
gap:8px;
}

.overview-card{
min-height:86px;
padding:11px;
border-radius:14px;
}

.overview-card span{
font-size:10px;
}

.overview-card strong{
margin-top:6px;
font-size:24px;
}

.overview-card small{
margin-top:6px;
font-size:10px;
}

.analytics-card{
padding:13px;
border-radius:16px;
}

.analytics-card-head{
margin-bottom:8px;
}

.analytics-card-head h3{
font-size:14px;
}

.chart-box,
.chart-box-small{
height:180px;
}

.mini-stat-grid{
gap:8px;
}

.mini-stat-card{
padding:11px;
}

.mini-stat-card span{
font-size:10px;
}

.mini-stat-card strong{
margin-top:6px;
font-size:18px;
}

.filter-panel{
padding:13px;
border-radius:16px;
}

.filter-form{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px 8px;
}

.filter-search-field,
.filter-buttons{
grid-column:1 / -1;
}

.filter-buttons .btn{
flex:1;
}

.filter-field label{
font-size:12px;
}

.filter-field input,
.filter-field select{
padding:10px 11px;
font-size:13px;
}

.filter-summary{
gap:10px;
padding-top:11px;
}

.output-actions{
width:100%;
flex-wrap:wrap;
}

.output-actions-label{
width:100%;
}

.sort-help{
display:none;
}

.personel-table-card{
overflow:visible;
border:0;
background:transparent;
box-shadow:none;
}

.personel-table-card .table-wrap{
overflow:visible;
}

.personel-table{
display:block;
min-width:0 !important;
}

.personel-table thead{
display:none;
}

.personel-table tbody{
display:grid;
gap:9px;
}

.personel-table tbody tr{
display:grid;
grid-template-columns:56px minmax(0,1fr) auto;
gap:6px 10px;
padding:12px;
border:1px solid #e2e8f0;
border-radius:15px;
background:#fff;
box-shadow:0 6px 18px rgba(15,23,42,.05);
}

.personel-table tbody tr.department-group-row{
display:block;
padding:9px 11px;
border-radius:11px;
box-shadow:none;
}

.personel-table tbody td{
display:block;
padding:0;
border:0;
white-space:normal;
}

.personel-table tbody .department-group-row td{
padding:0;
}

.personel-table .photo-column{
grid-column:1;
grid-row:1 / span 5;
width:auto;
}

.personel-table .personel-img{
width:48px;
height:48px;
}

.personel-table td:nth-child(2){
grid-column:2;
grid-row:1;
align-self:center;
font-size:14px;
}

.personel-table td:nth-child(3){
grid-column:2 / 4;
grid-row:2;
}

.personel-table td:nth-child(4){
grid-column:2 / 4;
grid-row:3;
}

.personel-table td:nth-child(5){
grid-column:3;
grid-row:1;
align-self:center;
justify-self:end;
}

.personel-table td:nth-child(6){
grid-column:2 / 4;
grid-row:4;
}

.personel-table td:nth-child(3)::before{
content:"Sicil: ";
}

.personel-table td:nth-child(4)::before{
content:"Birim: ";
}

.personel-table td:nth-child(6)::before{
content:"Görev: ";
}

.personel-table td:nth-child(3)::before,
.personel-table td:nth-child(4)::before,
.personel-table td:nth-child(6)::before{
color:#94a3b8;
font-size:11px;
font-weight:700;
}

.personel-table td:nth-child(3),
.personel-table td:nth-child(4),
.personel-table td:nth-child(6){
font-size:12px;
}

.personel-table .action-column{
grid-column:2 / 4;
grid-row:5;
padding-top:4px;
}

.personel-table .btn-icon{
width:auto;
padding:7px 10px;
font-size:12px;
}

.table-wrap{
overflow-x:auto;
}

.standard-table{
min-width:680px;
}

.user-reset-form{
min-width:240px;
flex-direction:column;
align-items:stretch;
}

.unit-edit-form{
position:static;
width:240px;
flex-direction:column;
align-items:stretch;
margin-top:7px !important;
padding:8px;
}

.person-detail-page{
gap:13px;
}

.person-profile-card{
align-items:stretch;
flex-direction:column;
padding:14px;
}

.person-profile-photo{
width:76px;
height:76px;
border-radius:16px;
}

.person-profile-main h2{
font-size:19px;
}

.person-profile-summary{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.detail-grid{
grid-template-columns:1fr;
gap:10px;
}

.detail-panel{
padding:13px;
}

.detail-list div{
grid-template-columns:115px minmax(0,1fr);
gap:8px;
padding:9px 0;
}

.detail-list span,
.detail-list strong{
font-size:12px;
}

.detail-actions{
align-items:stretch;
flex-direction:column;
}

.detail-actions .btn{
width:100%;
}

.footer{
padding:15px;
font-size:11px;
}
}

@media(max-width:980px) and (min-width:701px){
.menu-area{
width:100%;
align-items:stretch;
flex-direction:column;
gap:8px;
}

.menu{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
width:100%;
gap:5px;
}

.menu a{
justify-content:center;
white-space:nowrap;
}

.menu-account{
width:100%;
justify-content:flex-end;
padding:7px 0 0;
border-top:1px solid #e2e8f0;
border-right:0;
border-bottom:0;
border-left:0;
border-radius:0;
background:transparent;
}

.form-grid,
.stats-grid,
.mudurluk-grid{
grid-template-columns:1fr;
}

.dashboard-block,
.section,
.sidebar{
padding:18px;
}

.form-header,
.danger-zone{
flex-direction:column;
align-items:stretch;
}

.dashboard-header{
align-items:stretch;
flex-direction:column;
}

.dashboard-hero,
.dashboard-filter-card{
align-items:stretch;
flex-direction:column;
}

.overview-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.analytics-grid{
grid-template-columns:1fr;
}

.mini-stat-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.layout{
grid-template-columns:1fr;
}

.sidebar{
position:static;
}

.form-actions{
justify-content:stretch;
}

.form-actions .btn{
flex:1;
}

.inline-create-form{
align-items:stretch;
flex-direction:column;
}

.user-create-form{
grid-template-columns:1fr;
}

.inline-create-form .btn{
width:100%;
}

.settings-form .btn{
justify-self:stretch;
}
.list-page-header{
align-items:stretch;
flex-direction:column;
}

.filter-form{
grid-template-columns:1fr;
gap:12px;
}

.filter-buttons .btn{
flex:1;
}

.filter-summary{
align-items:flex-start;
flex-direction:column;
}

.pagination{
justify-content:flex-start;
}
}

/* Modern navigation refresh */
.topbar{
background:rgba(255,255,255,.94);
border-bottom:1px solid rgba(191,219,254,.72);
box-shadow:0 8px 28px rgba(15,23,42,.065);
}

.topbar::after{
content:"";
position:absolute;
right:0;
bottom:-1px;
left:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(37,99,235,.36),transparent);
}

.topbar-inner{
padding:14px 0;
gap:16px;
}

.brand-icon{
position:relative;
overflow:hidden;
background:linear-gradient(135deg,#2563eb,#1d4ed8 72%);
box-shadow:0 10px 22px rgba(37,99,235,.25);
}

.brand-icon::after{
content:"";
position:absolute;
top:-20px;
left:-18px;
width:42px;
height:62px;
background:rgba(255,255,255,.16);
transform:rotate(35deg);
}

.brand-icon i{
position:relative;
z-index:1;
}

.menu-area{
gap:10px;
}

.menu{
gap:4px;
padding:5px;
border:1px solid #e2e8f0;
border-radius:16px;
background:linear-gradient(135deg,#f8fafc,#fff);
box-shadow:0 4px 15px rgba(15,23,42,.035);
}

.menu a{
position:relative;
min-height:39px;
padding:9px 10px;
border:1px solid transparent;
border-radius:11px;
font-size:12px;
color:#475569;
}

.menu a i{
font-size:14px;
}

.menu a:hover{
border-color:#dbeafe;
background:#eff6ff;
color:#1d4ed8;
transform:none;
}

.menu a.active{
border-color:#2563eb;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
box-shadow:0 7px 14px rgba(37,99,235,.22);
}

.menu a.active i{
color:#fff;
}

.menu-account{
gap:3px;
padding:5px;
border-color:#dbe3ee;
border-radius:16px;
background:linear-gradient(135deg,#f8fafc,#fff);
box-shadow:0 4px 15px rgba(15,23,42,.035);
}

.menu-user{
max-width:92px;
padding:0 6px 0 2px;
color:#334155;
}

.menu-user i{
font-size:20px;
}

.account-link{
min-height:35px;
padding:8px 7px;
border:1px solid transparent;
border-radius:10px;
font-size:11px;
}

.account-link:hover,
.account-link.active{
border-color:#dbeafe;
background:#eff6ff;
color:#1d4ed8;
}

.logout-link:hover{
border-color:#fecaca;
}

@media(max-width:1280px) and (min-width:981px){
.topbar-inner{
gap:10px;
}

.menu-area{
gap:8px;
}
}

@media(max-width:980px) and (min-width:701px){
.menu-area{
gap:9px;
}

.menu{
padding:5px;
}

.menu-account{
padding:8px 0 0;
box-shadow:none;
}
}

@media(max-width:700px){
.topbar-inner{
padding:10px 0;
}

.mobile-menu-toggle{
min-height:40px;
padding:8px 12px;
border-color:#bfdbfe;
border-radius:12px;
background:linear-gradient(135deg,#eff6ff,#fff);
box-shadow:0 4px 12px rgba(37,99,235,.09);
}

.menu-area{
padding:12px 4% 16px;
border-top:1px solid #dbeafe;
background:rgba(255,255,255,.985);
box-shadow:0 16px 28px rgba(15,23,42,.1);
}

.menu-area .menu{
gap:7px;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}

.menu-area .menu a{
min-height:46px;
padding:11px 12px;
border-color:#e2e8f0;
border-radius:12px;
background:#fff;
box-shadow:0 3px 9px rgba(15,23,42,.035);
font-size:13px;
}

.menu-area .menu a.active{
border-color:#2563eb;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
box-shadow:0 8px 15px rgba(37,99,235,.2);
}

.menu-area .menu-account{
gap:6px;
margin-top:10px;
padding:11px 0 0;
}

.menu-area .menu-user{
padding:0 4px 7px;
font-size:12px;
}

.menu-area .account-link{
min-height:41px;
padding:9px 10px;
border:1px solid #e2e8f0;
border-radius:10px;
background:#fff;
font-size:11px;
}
}

@media(min-width:701px){
.topbar-inner{
padding:16px 0;
}

.brand-icon{
width:52px;
height:52px;
border-radius:16px;
font-size:21px;
}

.brand-title{
font-size:18px;
}

.brand-subtitle{
font-size:11px;
}

.menu{
padding:6px;
}

.menu a{
min-height:45px;
padding:11px 11px;
font-size:12px;
}

.menu a i{
font-size:15px;
}

.menu-account{
padding:6px;
}

.menu-user{
font-size:12px;
}

.menu-user i{
font-size:21px;
}

.account-link{
min-height:39px;
padding:9px 7px;
font-size:11px;
}
}

.detail-history-panel{
margin-top:24px;
}

.unit-history-editor{
display:grid;
gap:16px;
}

.unit-history-rows{
display:grid;
gap:12px;
}

.unit-history-row{
display:grid;
grid-template-columns:minmax(220px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) 46px;
align-items:end;
gap:12px;
padding:14px;
border:1px solid #e2e8f0;
border-radius:14px;
background:#f8fafc;
}

.unit-history-row .form-group{
margin:0;
}

.unit-history-remove{
width:46px;
height:46px;
padding:0;
justify-content:center;
}

.unit-history-remove:disabled{
opacity:.45;
cursor:not-allowed;
}

.unit-history-list{
display:grid;
gap:0;
margin-top:14px;
}

.unit-history-item{
position:relative;
display:flex;
align-items:center;
gap:14px;
min-height:68px;
padding:12px 12px 12px 30px;
border-top:1px solid #e2e8f0;
}

.unit-history-item::before{
content:"";
position:absolute;
top:0;
bottom:0;
left:10px;
width:2px;
background:#dbeafe;
}

.unit-history-item:first-child::before{
top:50%;
}

.unit-history-item:last-child::before{
bottom:50%;
}

.unit-history-item:only-child::before{
display:none;
}

.unit-history-dot{
position:absolute;
left:5px;
width:12px;
height:12px;
border:3px solid #bfdbfe;
border-radius:50%;
background:#2563eb;
}

.unit-history-item div{
display:grid;
gap:4px;
}

.unit-history-item span{
font-size:13px;
color:#64748b;
}

.unit-history-item em{
margin-left:auto;
padding:5px 9px;
border-radius:999px;
background:#dcfce7;
color:#15803d;
font-size:12px;
font-style:normal;
font-weight:800;
}

.detail-empty-state{
margin-top:14px;
padding:16px;
border-radius:12px;
background:#f8fafc;
color:#64748b;
font-size:14px;
}

/* Eğitim ve belge yönetimi - mevcut bileşen diliyle uyumlu ekler */
.form-group-wide{
grid-column:1 / -1;
}

.checkbox-field{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px;
border:1px solid #dbe3ee;
border-radius:14px;
background:#f8fafc;
cursor:pointer;
}

.checkbox-field input{
width:18px;
height:18px;
margin:2px 0 0;
padding:0;
flex:0 0 auto;
accent-color:var(--primary);
}

.checkbox-field span,
.checkbox-field strong,
.checkbox-field small{
display:block;
}

.checkbox-field strong{
color:#334155;
font-size:13px;
}

.checkbox-field small,
.field-help{
margin-top:4px;
color:#64748b;
font-size:11px;
line-height:1.45;
}

.field-help{
display:block;
}

.training-requirement-form{
display:grid;
grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
align-items:end;
gap:14px;
}

.training-requirement-form .btn{
height:44px;
white-space:nowrap;
}

.personnel-requirement-fields{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}

.personnel-requirement-filter-form{
display:grid;
grid-template-columns:minmax(260px,1.35fr) minmax(190px,.9fr) minmax(190px,.9fr) auto;
align-items:end;
gap:14px;
}

.personnel-requirement-filter-form .filter-buttons{
height:44px;
}

.personnel-requirement-filter-form .btn{
height:44px;
white-space:nowrap;
}

.page-position{
color:#64748b;
font-size:12px;
font-weight:700;
}

.page-position strong{
color:#1d4ed8;
font-size:14px;
}

.personnel-requirement-note{
display:flex;
align-items:center;
gap:8px;
margin-top:14px;
padding:10px 12px;
border:1px solid #dbeafe;
border-radius:12px;
background:#eff6ff;
color:#475569;
font-size:12px;
line-height:1.45;
}

.personnel-requirement-note i{
color:#2563eb;
}

.personnel-requirement-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin:16px 0 10px;
}

.personnel-requirement-toolbar > span{
color:#475569;
font-size:13px;
font-weight:700;
}

.personnel-requirement-toolbar > span strong{
color:#1d4ed8;
font-size:16px;
}

.personnel-requirement-toolbar > div{
display:flex;
gap:8px;
}

.requirement-personnel-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
max-height:420px;
padding:4px 6px 4px 2px;
overflow:auto;
scrollbar-color:#cbd5e1 transparent;
scrollbar-width:thin;
}

.personnel-requirement-submit{
margin-top:16px;
padding-top:16px;
border-top:1px solid #e2e8f0;
}

.training-filter-form{
grid-template-columns:minmax(190px,1.1fr) minmax(160px,.85fr) minmax(170px,.9fr) minmax(155px,.75fr) auto;
}

.training-summary-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}

.mini-stat-card .stat-date{
font-size:16px;
line-height:1.25;
}

.mini-stat-card .stat-status{
font-size:15px;
line-height:1.25;
}

.training-table{
min-width:920px;
}

.training-table th{
font-size:11px;
}

.training-table td{
padding:13px 14px;
font-size:12px;
}

.training-table td > strong{
font-size:13px;
}

.training-table .action-column{
min-width:205px;
white-space:nowrap;
}

.training-table .action-column .btn,
.training-table .action-column form{
vertical-align:middle;
}

.table-subtext{
display:block;
max-width:240px;
margin-top:4px;
overflow:hidden;
color:#64748b;
font-size:11px;
line-height:1.35;
text-overflow:ellipsis;
white-space:nowrap;
}

.inline-action-form{
display:inline-block !important;
margin-left:5px !important;
}

.training-status{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 10px;
border-radius:999px;
font-size:11px;
font-weight:800;
white-space:nowrap;
}

.training-status--gecerli,
.training-status--suresiz{
background:#dcfce7;
color:#166534;
}

.training-status--yaklasiyor{
background:#fef3c7;
color:#92400e;
}

.training-status--suresi-dolmus,
.training-status--eksik{
background:#fee2e2;
color:#991b1b;
}

.training-status--belge-eksik,
.training-status--iptal{
background:#ede9fe;
color:#6d28d9;
}

.document-link{
display:inline-flex;
align-items:center;
gap:6px;
color:#1d4ed8;
font-size:12px;
font-weight:800;
text-decoration:none;
}

.document-link:hover{
text-decoration:underline;
}

.requirement-chip-list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:10px;
margin-top:18px;
padding-top:18px;
border-top:1px solid #edf2f7;
}

.requirement-chip{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:11px 12px;
border:1px solid #dbeafe;
border-radius:13px;
background:#eff6ff;
}

.requirement-chip span,
.requirement-chip strong,
.requirement-chip small{
display:block;
}

.requirement-chip strong{
color:#1e3a8a;
font-size:12px;
}

.requirement-chip small{
margin-top:3px;
color:#64748b;
font-size:11px;
}

.requirement-chip form{
margin:0;
}

.requirement-chip button{
display:flex;
width:30px;
height:30px;
align-items:center;
justify-content:center;
border:0;
border-radius:9px;
background:#dbeafe;
color:#1d4ed8;
cursor:pointer;
}

.training-detail-table-wrap{
margin-top:18px;
border:1px solid #e2e8f0;
border-radius:14px;
}

.training-detail-table-wrap .training-table{
min-width:680px;
}

.training-detail-actions{
display:flex;
justify-content:flex-end;
margin-top:16px;
}

.bulk-target-layout{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}

.bulk-target-section{
display:flex;
height:640px;
flex-direction:column;
min-width:0;
padding:16px;
border:1px solid #dbe3ee;
border-radius:16px;
background:#f8fafc;
}

.bulk-target-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}

.bulk-target-head div,
.bulk-target-head strong,
.bulk-target-head span{
display:block;
}

.bulk-target-head strong{
color:#1e293b;
font-size:14px;
}

.bulk-target-head div > span{
margin-top:3px;
color:#64748b;
font-size:11px;
line-height:1.4;
}

.bulk-unit-list,
.bulk-personnel-list{
display:grid;
min-height:0;
flex:1 1 auto;
gap:8px;
padding:4px 6px 4px 2px;
overflow:auto;
scrollbar-color:#cbd5e1 transparent;
scrollbar-width:thin;
}

.bulk-unit-list{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.bulk-unit-option,
.bulk-personnel-option{
display:flex;
align-items:flex-start;
gap:10px;
min-width:0;
padding:11px 12px;
border:1px solid #e2e8f0;
border-radius:12px;
background:#fff;
cursor:pointer;
transition:.18s ease;
}

.bulk-personnel-option[hidden]{
display:none;
}

.bulk-unit-option:hover,
.bulk-personnel-option:hover{
border-color:#93c5fd;
background:#f8fbff;
}

.bulk-personnel-option.is-untracked,
.bulk-personnel-option.is-untracked:hover{
border-color:#e2e8f0;
background:#f8fafc;
cursor:not-allowed;
opacity:.72;
}

.bulk-unit-option:has(input:checked),
.bulk-personnel-option:has(input:checked),
.bulk-personnel-option.is-included-by-unit{
border-color:#93c5fd;
background:#eff6ff;
box-shadow:0 0 0 1px rgba(37,99,235,.04);
}

.bulk-unit-option input,
.bulk-personnel-option input{
width:17px;
height:17px;
margin:2px 0 0;
padding:0;
flex:0 0 auto;
accent-color:var(--primary);
}

.bulk-unit-option span,
.bulk-unit-option strong,
.bulk-unit-option small,
.bulk-personnel-option span,
.bulk-personnel-option strong,
.bulk-personnel-option small{
display:block;
min-width:0;
}

.bulk-unit-option strong,
.bulk-personnel-option strong{
overflow:hidden;
color:#334155;
font-size:12px;
text-overflow:ellipsis;
white-space:nowrap;
}

.bulk-unit-option small,
.bulk-personnel-option small{
margin-top:3px;
overflow:hidden;
color:#64748b;
font-size:10px;
line-height:1.35;
text-overflow:ellipsis;
white-space:nowrap;
}

.bulk-personnel-option span{
flex:1 1 auto;
}

.bulk-unit-inclusion{
display:none;
margin-left:auto;
padding:4px 7px;
border-radius:999px;
background:#dbeafe;
color:#1d4ed8;
font-size:9px;
font-style:normal;
font-weight:800;
white-space:nowrap;
}

.bulk-personnel-option.is-included-by-unit .bulk-unit-inclusion{
display:block;
}

.bulk-personnel-filters{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(170px,.8fr);
gap:10px;
margin-bottom:10px;
}

.bulk-personnel-actions{
display:flex;
justify-content:flex-end;
gap:8px;
margin-bottom:10px;
}

.bulk-selection-summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-top:18px;
padding:15px 17px;
border:1px solid #bfdbfe;
border-radius:15px;
background:#eff6ff;
color:#1e40af;
font-size:13px;
font-weight:800;
}

.bulk-selection-summary i{
margin-right:7px;
}

.bulk-selection-summary strong{
display:flex;
width:42px;
height:34px;
align-items:center;
justify-content:center;
border-radius:10px;
background:var(--primary);
color:#fff;
font-size:16px;
}

.bulk-document-warning{
display:flex;
align-items:flex-start;
gap:11px;
margin-top:16px;
padding:13px 15px;
border:1px solid #fde68a;
border-radius:13px;
background:#fffbeb;
color:#92400e;
font-size:12px;
line-height:1.5;
}

.bulk-document-warning[hidden]{
display:none;
}

.bulk-document-warning i{
margin-top:2px;
color:#d97706;
font-size:16px;
}

.bulk-document-warning strong{
display:block;
}

.bulk-submit-panel{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

.bulk-submit-panel div,
.bulk-submit-panel strong,
.bulk-submit-panel span{
display:block;
}

.bulk-submit-panel strong{
color:#1e293b;
font-size:15px;
}

.bulk-submit-panel span{
margin-top:4px;
color:#64748b;
font-size:12px;
}

@media(max-width:900px){
.unit-history-row{
grid-template-columns:1fr;
}

.unit-history-remove{
width:100%;
}

.training-requirement-form,
.training-filter-form{
grid-template-columns:1fr;
}

.personnel-requirement-fields{
grid-template-columns:1fr;
}

.personnel-requirement-filter-form{
grid-template-columns:1fr;
}

.personnel-requirement-filter-form .filter-buttons{
height:auto;
}

.training-requirement-form .btn{
width:100%;
}

.training-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.form-group-wide{
grid-column:auto;
}

.bulk-target-layout{
grid-template-columns:1fr;
}
}

@media(max-width:700px){
.bulk-unit-list,
.bulk-personnel-filters,
.requirement-personnel-list{
grid-template-columns:1fr;
}

.personnel-requirement-toolbar{
align-items:stretch;
flex-direction:column;
}

.personnel-requirement-toolbar > div{
display:grid;
grid-template-columns:1fr;
}

.personnel-requirement-toolbar .btn{
width:100%;
}

.personnel-requirement-filter-form .filter-buttons{
align-items:stretch;
flex-direction:column;
}

.personnel-requirement-filter-form .btn{
width:100%;
}

.bulk-personnel-actions,
.bulk-submit-panel{
align-items:stretch;
flex-direction:column;
}

.bulk-personnel-actions .btn,
.bulk-submit-panel .btn{
width:100%;
}

.bulk-selection-summary{
align-items:flex-start;
}
}

/* Personel ana menüsü alt navigasyonu */
.menu-dropdown{
position:relative;
flex:0 0 auto;
}

.menu-dropdown-toggle{
display:inline-flex;
align-items:center;
gap:7px;
min-height:45px;
padding:11px 10px;
border:1px solid transparent;
border-radius:11px;
background:transparent;
color:#475569;
font-family:inherit;
font-size:12px;
font-weight:700;
line-height:1;
white-space:nowrap;
cursor:pointer;
transition:.25s ease;
}

.menu-dropdown-toggle > i:first-child{
font-size:15px;
color:#64748b;
}

.menu-dropdown-chevron{
margin-left:1px;
font-size:9px;
color:#94a3b8;
transition:transform .2s ease;
}

.menu-dropdown-toggle:hover,
.menu-dropdown.is-open .menu-dropdown-toggle{
border-color:#dbeafe;
background:#eff6ff;
color:#1d4ed8;
}

.menu-dropdown-toggle:hover > i,
.menu-dropdown.is-open .menu-dropdown-toggle > i{
color:#2563eb;
}

.menu-dropdown.active .menu-dropdown-toggle{
border-color:#2563eb;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
box-shadow:0 7px 14px rgba(37,99,235,.22);
}

.menu-dropdown.active .menu-dropdown-toggle > i{
color:#fff;
}

.menu-dropdown.is-open .menu-dropdown-chevron{
transform:rotate(180deg);
}

.menu-dropdown-panel{
display:none;
position:absolute;
top:calc(100% + 9px);
left:0;
z-index:1100;
width:230px;
padding:7px;
border:1px solid #dbe3ee;
border-radius:14px;
background:#fff;
box-shadow:0 16px 35px rgba(15,23,42,.14);
}

.menu-dropdown.is-open .menu-dropdown-panel{
display:grid;
gap:4px;
}

.menu .menu-dropdown-panel a{
width:100%;
min-height:41px;
justify-content:flex-start;
padding:9px 11px;
border:1px solid transparent;
border-radius:10px;
background:#fff;
box-shadow:none;
font-size:12px;
}

.menu .menu-dropdown-panel a:hover{
border-color:#dbeafe;
background:#eff6ff;
}

.menu .menu-dropdown-panel a.active{
border-color:#bfdbfe;
background:#eff6ff;
color:#1d4ed8;
box-shadow:none;
}

.menu .menu-dropdown-panel a.active i{
color:#2563eb;
}

.menu-dropdown-toggle:focus-visible{
outline:3px solid rgba(37,99,235,.24);
outline-offset:2px;
}

@media(max-width:700px){
.menu-area.is-open{
flex-direction:column;
align-items:stretch;
}

.menu-area .menu .menu-dropdown{
width:100%;
}

.menu-area .menu .menu-dropdown-toggle{
width:100%;
min-height:46px;
justify-content:flex-start;
padding:11px 12px;
border-color:#e2e8f0;
border-radius:12px;
background:#fff;
box-shadow:0 3px 9px rgba(15,23,42,.035);
font-size:13px;
}

.menu-area .menu .menu-dropdown-toggle .menu-dropdown-chevron{
margin-left:auto;
}

.menu-area .menu .menu-dropdown.active .menu-dropdown-toggle{
border-color:#2563eb;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
color:#fff;
box-shadow:0 8px 15px rgba(37,99,235,.2);
}

.menu-area .menu .menu-dropdown-panel{
position:static;
width:100%;
margin-top:5px;
padding:5px 0 0 13px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}

.menu-area .menu .menu-dropdown-panel a{
min-height:42px;
border-color:#e2e8f0;
background:#f8fafc;
font-size:12px;
}

.menu-area .menu .menu-dropdown-panel a.active{
border-color:#bfdbfe;
background:#eff6ff;
color:#1d4ed8;
box-shadow:none;
}
}

@media print{
@page{
size:A4;
margin:14mm;
}

body{
display:block;
background:#fff;
color:#000;
}

.topbar,
.footer,
.no-print{
display:none !important;
}

.container{
width:100%;
max-width:none;
padding:0;
}

.person-detail-page{
display:block;
max-width:none;
margin:0;
}

.detail-print-head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:12mm;
padding-bottom:4mm;
border-bottom:1px solid #94a3b8;
font-size:12px;
}

.person-profile-card,
.detail-panel{
box-shadow:none;
break-inside:avoid;
}

.person-profile-card{
margin-bottom:6mm;
}

.detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5mm;
}
}