.filter-grid{grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(120px,.75fr)) auto auto}

/* Shared page polish */
.side-nav a{transition:background-color .16s ease,color .16s ease,transform .16s ease}
.side-nav a:hover{transform:translateX(2px)}
.btn{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.btn:focus-visible,.row-action:focus-visible,.side-nav a:focus-visible{outline:3px solid #9bc3a8;outline-offset:2px;box-shadow:none}
.panel-card{overflow:hidden}
.table tbody tr{transition:background-color .14s ease}
.table tbody tr:hover{--bs-table-bg:#f8faf8}
.employee-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}
.employee-page-header .page-title{margin-top:7px}
.demo-data-badge{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:99px;background:#fff7e8;border:1px solid #f1e4ca;color:#8a6a32;font-size:9px;font-weight:700;letter-spacing:.15px}
.employee-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.employee-filter-card{padding:17px;margin-bottom:14px}
.employee-filter-grid{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(145px,.8fr)) auto;gap:12px;align-items:end}
.employee-filter-actions{display:flex;gap:7px}
.employee-filter-actions .btn{white-space:nowrap}
.employee-table-card{padding:0}
.employee-table-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 21px 15px;border-bottom:1px solid var(--line)}
.employee-table-heading h2{font:700 15px Manrope;margin:0 0 4px}
.employee-table-heading p{font-size:11px;color:var(--muted);margin:0}
.employee-result-count{color:#65756a;background:#f2f6f2;border:1px solid #e6eee7;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:700}
.employee-table-scroll{margin:0!important}
.employee-table{min-width:1080px}
.employee-table thead th{padding:13px 11px;background:#fbfcfb}
.employee-table thead th a{display:inline-flex;align-items:center;gap:5px;color:#818d85;text-decoration:none}
.employee-table thead th a:hover{color:var(--green)}
.employee-table thead th a span{color:#a8b2aa;font-size:13px}
.employee-table tbody td{padding:13px 11px}
.employee-name{font-size:12px;font-weight:700;color:#25382d}
.employee-meta{font-size:10px;color:#89958d;margin-top:3px}
.employee-policy-number{font-size:11px;font-weight:600;color:#52665a;white-space:nowrap}
.employee-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;min-width:225px}
.deactivate-form{display:inline-flex;margin:0}
.row-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:7px;font:600 10px 'DM Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap;background:#fff;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}
.row-action-view{color:#456b54;background:#f1f6f2;border-color:#e5eee7}
.row-action-view:hover{color:#244d35;background:#e5f0e8}
.row-action-edit{color:#59677b;background:#f3f5f8;border-color:#e9edf2}
.row-action-edit:hover{color:#34465e;background:#e9edf3}
.row-action-deactivate{color:#a34d48;background:#fff;border-color:#f0dddb}
.row-action-deactivate:hover{color:#883a36;background:#fcf0ef;border-color:#e8c8c5}
.employee-pagination{display:flex;justify-content:flex-end;padding:13px 19px;border-top:1px solid #f0f2ef}
.employee-pagination .page-link{min-width:31px;text-align:center}
.import-confirm-top{display:flex;align-items:center}
.page-content{animation:page-arrive .24s ease-out both}
@keyframes page-arrive{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.employee-filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.employee-search-field{grid-column:span 2}.employee-filter-actions{justify-content:flex-end}}
@media(max-width:900px){.employee-page-header{align-items:flex-start;flex-direction:column}.employee-page-actions{justify-content:flex-start}}
@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:12px 14px}.sidebar .brand{padding:0 4px 10px}.sidebar .side-caption,.sidebar-bottom{display:none}.side-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:2px;scrollbar-width:thin}.side-nav a{flex:0 0 auto;padding:8px 10px;font-size:11px}.side-nav a:hover{transform:none}.main-area{margin-left:0}.topbar{height:46px}.page-content{padding:20px 13px 32px}.employee-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.employee-page-actions .btn:last-child{grid-column:span 2}.employee-filter-grid{grid-template-columns:1fr 1fr;gap:10px}.employee-search-field{grid-column:span 2}.employee-filter-actions{grid-column:span 2}.employee-filter-actions .btn{flex:1}.employee-table-heading{padding:15px}.employee-result-count{font-size:9px}.employee-table{min-width:1030px}}
.member-month-tabs { display:flex; gap:8px; overflow-x:auto; padding:4px 0 16px; margin-bottom:8px; } .member-month-tabs a { white-space:nowrap; }
.month-history-year { margin-bottom:24px; }
.month-history-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; padding:18px; }
.month-history-card { display:flex; flex-direction:column; gap:15px; padding:20px; border:1px solid #e2e9e4; border-radius:12px; color:#314c40; text-decoration:none; background:#fff; }
.month-history-card:hover,.month-history-card:focus-visible { background:#f1f7f3; border-color:#739c86; color:#254d3b; }
.month-history-card:focus-visible { outline:3px solid #9bc3a8; outline-offset:2px; }
.month-history-card.is-current { border-color:#739c86; background:#f4f9f5; }
.month-history-title { display:flex; align-items:center; justify-content:space-between; gap:8px; font-weight:600; }
.month-history-count { font-size:28px; font-weight:600; }
.month-history-count span { font-size:12px; font-weight:400; color:#718078; }
.month-history-open { font-size:12px; }
/* Yiğit Gültekin brand */
.brand-logo { display:block; width:44px; height:44px; flex:0 0 44px; border-radius:12px; box-shadow:0 5px 14px #173f3126; }
.brand .brand-name { font-family:Manrope,Arial,sans-serif; font-size:15px; font-weight:800; letter-spacing:-.5px; white-space:nowrap; line-height:1.25; }
.brand .brand-name small { margin-top:5px; font-size:7px; letter-spacing:1.6px; }
.login-card .brand { justify-content:center; }
@media(max-width:700px) { .sidebar .brand-logo { width:38px; height:38px; flex-basis:38px; border-radius:10px; } }