@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --ink:#172034;--muted:#788196;--line:#e7eaf0;--paper:#f4f6f9;--white:#fff;
  --blue:#2765ff;--navy:#111a2c;--orange:#ff883a;--burgundy:#7a1f35;--green:#16a979;--red:#eb5b65;--purple:#7457e8;
  --shadow:0 18px 50px rgba(23,32,52,.08);--radius:18px
}

/* Personel kartı: cihazdan bordroya uzanan bağlantıları tek formda görünür tutar. */
.employee-create-dialog{
  width:min(1180px,calc(100vw - 34px));
  max-height:min(92vh,980px);
  overflow:hidden;
  border-radius:24px;
}
.employee-create-form{
  max-height:min(92vh,980px);
  overflow:auto;
  padding:0;
  gap:0;
  background:#f5f7fb;
}
.employee-create-form>.dialog-head{
  position:sticky;
  top:0;
  z-index:6;
  padding:24px 28px 20px;
  border-bottom:1px solid #dfe5ef;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
}
.employee-create-form>.dialog-head h2{font-size:28px}
.employee-create-form>.dialog-head p:last-child{margin:7px 0 0;color:#758096;font-size:12px}
.employee-link-map{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  margin:20px 28px 0;
  padding:15px 18px;
  border:1px solid #d8e4f7;
  border-radius:16px;
  background:linear-gradient(100deg,#162744 0%,#213b68 64%,#2e5aa0 100%);
  color:#fff;
  box-shadow:0 12px 32px rgba(19,44,81,.14);
}
.employee-link-map span{display:flex;align-items:center;gap:8px;font:700 12px Manrope}
.employee-link-map span i{
  width:25px;height:25px;display:grid;place-items:center;border-radius:8px;
  background:rgba(255,255,255,.13);color:#9fc2ff;font-style:normal;font-size:10px
}
.employee-link-map>b{color:#759bd6;font-size:17px}
.employee-form-section{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:24px;
  margin:16px 28px 0;
  padding:22px;
  border:1px solid #e0e5ee;
  border-radius:18px;
  background:#fff;
  box-shadow:0 4px 18px rgba(26,45,75,.035);
}
.employee-form-section>header{align-self:start}
.employee-form-section>header>span{
  display:inline-flex;
  margin-bottom:12px;
  padding:6px 9px;
  border-radius:8px;
  background:#edf3ff;
  color:#2464cf;
  font:800 9px Manrope;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.employee-form-section>header h3{margin:0 0 5px;font:800 16px Manrope;letter-spacing:-.02em}
.employee-form-section>header p{margin:0;color:#8a94a7;font-size:10px;line-height:1.5}
.employee-create-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.employee-create-grid label{
  min-width:0;
  display:grid;
  align-content:start;
  gap:7px;
  color:#59647a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.015em;
}
.employee-create-grid input,.employee-create-grid select{
  width:100%;
  min-width:0;
  height:43px;
  padding:10px 12px;
  border:1px solid #d9e0ea;
  border-radius:10px;
  outline:0;
  background:#fbfcfe;
  color:#15223a;
  font-size:12px;
}
.employee-create-grid input:hover,.employee-create-grid select:hover{border-color:#bac7d9;background:#fff}
.employee-create-grid input:focus,.employee-create-grid select:focus{border-color:#326dce;background:#fff;box-shadow:0 0 0 3px rgba(50,109,206,.1)}
.employee-create-grid label>small{color:#97a0b0;font-size:9px;font-weight:500;line-height:1.35}
.employee-create-grid .calculated-field input{background:#eff4fb;color:#315480;font-weight:800}
.employee-create-active{
  min-height:43px;
  align-self:end;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  padding:10px 12px;
  border:1px solid #d7e4de;
  border-radius:10px;
  background:#f0faf5;
  color:#167455!important;
}
.employee-create-active input{width:17px!important;height:17px!important;padding:0;accent-color:#1aa981}
.calculation-section{border-color:#cadbf7}
.calculation-section>header>span{background:#fff1e7;color:#d5671f}
.salary-create-section{margin-bottom:0}
.employee-create-actions{
  position:sticky;
  bottom:0;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:18px;
  padding:15px 28px;
  border-top:1px solid #d9e0eb;
  background:rgba(255,255,255,.96);
  box-shadow:0 -12px 32px rgba(20,39,69,.08);
  backdrop-filter:blur(14px);
}
.employee-create-actions>div{display:grid;gap:4px}
.employee-create-actions b{font:800 11px Manrope;color:#1d3458}
.employee-create-actions span{color:#748096;font-size:10px}
.employee-create-actions .btn{min-width:210px;justify-content:center}
.employee-avatar{overflow:hidden}
.employee-avatar img{width:100%;height:100%;object-fit:cover}

@media(max-width:1050px){
  .employee-form-section{grid-template-columns:1fr}
  .employee-form-section>header{display:grid;grid-template-columns:auto 1fr;column-gap:12px}
  .employee-form-section>header>span{grid-row:1/3;margin:0}
  .employee-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .employee-create-dialog{width:calc(100vw - 16px);max-height:96vh;border-radius:18px}
  .employee-create-form{max-height:96vh}
  .employee-create-form>.dialog-head{padding:18px 18px 15px}
  .employee-create-form>.dialog-head h2{font-size:23px}
  .employee-link-map{justify-content:flex-start;overflow:auto;margin:12px 14px 0;border-radius:13px}
  .employee-link-map span{min-width:max-content}
  .employee-form-section{margin:12px 14px 0;padding:17px;gap:17px}
  .employee-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .employee-create-actions{align-items:stretch;flex-direction:column;padding:13px 14px}
  .employee-create-actions .btn{width:100%}
}
@media(max-width:500px){
  .employee-create-grid{grid-template-columns:1fr}
  .employee-link-map b{display:none}
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}
button,input,select{font:inherit}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;color:#8a93a7;font-size:11px;font-weight:700;letter-spacing:.15em}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(39,101,255,.25)}.btn:hover{transform:translateY(-1px)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.auth-brand{position:relative;overflow:hidden;padding:7vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 70% 20%,#2c4f82 0,transparent 25%),linear-gradient(135deg,#101a2f,#1e2e4d)}.auth-brand:after{content:"";position:absolute;right:-12vw;bottom:-18vw;width:42vw;height:42vw;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 5vw rgba(255,255,255,.025),0 0 0 10vw rgba(255,255,255,.02)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;margin-bottom:12vh;background:linear-gradient(145deg,#8b2948,var(--burgundy));box-shadow:0 12px 28px rgba(88,19,42,.28);font:800 30px Manrope}.auth-brand h1{margin:0;font:800 clamp(44px,5vw,78px)/.98 Manrope;letter-spacing:-.06em}.auth-brand h1 span{color:#92b9ff}.auth-brand>p:not(.eyebrow){max-width:520px;font-size:18px;line-height:1.6;color:#b8c3d6}.auth-signal{margin-top:50px;display:flex;align-items:center;gap:10px;color:#d8deea;font-size:14px}.auth-signal i,.site-status i{width:9px;height:9px;border-radius:50%;background:#31d09a;box-shadow:0 0 0 6px rgba(49,208,154,.12)}.auth-card{padding:8vw;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font:800 36px Manrope;margin:0 0 8px;letter-spacing:-.04em}.form-stack{display:grid;gap:17px;margin-top:26px}.form-stack label,.dialog-form label{display:grid;gap:8px;color:#596177;font-size:13px;font-weight:600}.form-stack input,.dialog-form input,.dialog-form select,.page-actions input,.table-tools input{width:100%;border:1px solid #dfe3eb;background:#fff;border-radius:11px;padding:12px 14px;outline:none;color:var(--ink)}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(39,101,255,.1)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:240px;height:100svh;display:flex;flex-direction:column;background:var(--navy);color:#fff;padding:26px 18px}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.logo>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8b2948,var(--burgundy));box-shadow:0 8px 20px rgba(67,12,30,.34);font:800 22px Manrope}.logo b{font:700 18px/1.05 Manrope}.logo small{display:block;margin-top:4px;color:#aeb8cb;font:700 12px/1 DM Sans;letter-spacing:.14em}.sidebar nav{display:grid;gap:5px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34425b transparent}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#9aa5b9;border-radius:11px;font-size:14px;font-weight:600}.sidebar nav a span{width:22px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#202c43}.sidebar nav a.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--orange)}.sidebar-foot{margin-top:auto;border-top:1px solid #263249;padding:20px 8px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#28416a;color:#fff;font-weight:700}.avatar.small{width:38px;height:38px;background:#edf2fb;color:#42608d}.sidebar-foot b,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:#7f8aa1;margin-top:2px}.sidebar-foot button{border:0;background:transparent;color:#8290a7;font-size:20px;cursor:pointer}
.workspace{grid-column:2;min-width:0;padding:30px clamp(22px,1.6vw,32px) 64px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.topbar h1{font:800 30px Manrope;margin:0;letter-spacing:-.04em}.site-status{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:13px}.site-status b,.site-status small{display:block;font-size:12px}.site-status small{color:var(--muted);margin-top:2px}.dashboard-intro{min-height:205px;padding:38px 42px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;border-radius:24px;background:linear-gradient(115deg,#15213a 0%,#1b3157 65%,#244b7d 100%);box-shadow:var(--shadow);position:relative;overflow:hidden}.dashboard-intro:after{content:"";position:absolute;right:-70px;top:-150px;width:360px;height:360px;border:55px solid rgba(255,255,255,.04);border-radius:50%}.dashboard-intro h2{font:700 clamp(28px,3.1vw,48px)/1.08 Manrope;letter-spacing:-.05em;margin:0}.dashboard-intro h2 span{color:#8db9ff}.clock{text-align:right;position:relative;z-index:1}.clock b{font:800 52px Manrope;display:block;letter-spacing:-.06em}.clock small{color:#b6c2d5}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0}.metric{position:relative;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;text-align:left;color:inherit}.metric>span{position:absolute;right:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#cdd4df}.metric p{margin:0 0 12px;font-size:12px;color:#717b8f;font-weight:600}.metric b{display:block;font:800 30px Manrope}.metric small{color:#9ba3b2;font-size:11px}.metric.signal>span,.metric.green>span{background:var(--green)}.metric.blue>span{background:var(--blue)}.metric.orange>span{background:var(--orange)}.metric.purple>span{background:var(--purple)}.metric.red>span{background:var(--red)}.metric-action{appearance:none;width:100%;font:inherit;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric-action i{display:block;margin-top:13px;color:#526dff;font-size:10px;font-style:normal;font-weight:800;opacity:0;transform:translateY(3px);transition:.18s ease}.metric-action:hover{transform:translateY(-3px);border-color:#cbd4ff;box-shadow:0 14px 30px rgba(24,42,82,.1)}.metric-action:hover i,.metric-action:focus-visible i{opacity:1;transform:none}.metric-action:focus-visible{outline:3px solid rgba(82,109,255,.2);outline-offset:2px}.dashboard-detail-dialog{width:min(720px,calc(100vw - 28px));padding:0;border:0;border-radius:22px;box-shadow:0 28px 90px rgba(16,27,52,.28)}.dashboard-detail-dialog::backdrop{background:rgba(13,24,46,.56);backdrop-filter:blur(5px)}.dashboard-detail-shell{padding:26px}.dashboard-detail-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin:4px 0 12px;border-radius:13px;background:#f2f5ff}.dashboard-detail-summary b{font:800 16px Manrope;color:#263b83}.dashboard-detail-summary span{font-size:11px;color:#7b8497}.dashboard-person-list{max-height:min(58vh,560px);overflow:auto;border:1px solid var(--line);border-radius:15px}.dashboard-person-row{display:grid;grid-template-columns:38px 1fr auto 20px;gap:12px;align-items:center;padding:13px 15px;color:inherit;text-decoration:none;border-bottom:1px solid #eef1f6;transition:background .15s ease}.dashboard-person-row:last-child{border-bottom:0}.dashboard-person-row:hover,.dashboard-person-row:focus-visible{background:#f7f9ff;outline:0}.dashboard-person-row b,.dashboard-person-row small{display:block}.dashboard-person-row b{font-size:12px}.dashboard-person-row small{margin-top:3px;color:var(--muted);font-size:11px}.dashboard-person-row time{color:#465269;font-size:11px;font-weight:700}.dashboard-person-row em{color:#526dff;font-style:normal;font-weight:800}.dashboard-detail-empty{border:0}
.dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(23,32,52,.04)}.panel.compact{padding:24px;max-width:420px}.panel-head{padding:22px 24px 16px;display:flex;align-items:center;justify-content:space-between}.panel-head h3,.panel h3{margin:0;font:700 17px Manrope}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel-head a{color:var(--blue);font-size:12px;font-weight:700}.activity-row{display:grid;grid-template-columns:38px 1fr auto 58px;gap:12px;align-items:center;padding:13px 24px;border-top:1px solid #f0f2f5}.activity-row b,.activity-row small{display:block;font-size:12px}.activity-row small{color:var(--muted);margin-top:3px}.activity-row time{font-size:12px;color:#596177}.activity-row em{font-style:normal;text-align:center;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;background:#e8f8f2;color:#07865e}.activity-row em.out{background:#fff0ec;color:#db6745}.attendance{padding-bottom:22px}.donut{--value:0;width:160px;height:160px;margin:12px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--value)*1%),#edf0f5 0);position:relative}.donut:after{content:"";position:absolute;width:122px;height:122px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font:800 27px Manrope}.donut small{color:var(--muted);font-size:11px}.attendance ul{list-style:none;padding:0 24px;margin:0;display:grid;gap:10px}.attendance li{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;color:#6d7688;font-size:12px}.attendance li i{width:8px;height:8px;border-radius:50%}.attendance li .green{background:var(--blue)}.attendance li .red{background:var(--red)}.attendance li .gray{background:#cbd1dc}
.page-actions{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px}.page-actions h2{margin:0 0 5px;font:800 25px Manrope;letter-spacing:-.03em}.page-actions p{margin:0;color:var(--muted);font-size:13px}.table-panel{overflow:hidden}.table-tools{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.table-tools input{max-width:340px}.table-tools span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid #edf0f4;white-space:nowrap;font-size:12px}th{background:#fafbfc;color:#818a9c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}td b,td small{display:block}td small{color:var(--muted);margin-top:4px}.badge{display:inline-block;font-style:normal;border-radius:99px;padding:5px 9px;background:#edf0f4;color:#7a8394;font-size:10px;font-weight:700}.badge.ok{background:#e7f8f1;color:#09815d}.badge.warn{background:#fff1e7;color:#d86d25}.badge.danger{background:#fff0f0;color:#ca4c56}.badge.info{background:#eaf1ff;color:#3163c9}.empty{text-align:center;padding:46px;color:#8c95a6;font-size:13px}.empty a{display:block;margin-top:8px;color:var(--blue);font-weight:700}.link-btn{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}.inline-actions{display:flex;gap:5px}.inline-actions button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#647087;cursor:pointer}.inline-actions button:hover{border-color:var(--blue);color:var(--blue)}.employee-actions-cell{min-width:190px;text-align:right}.employee-row-actions{align-items:center;justify-content:flex-end;gap:8px}.employee-row-actions .link-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:72px;height:32px;padding:0 12px;border-radius:9px;white-space:nowrap;font-size:11px;line-height:1;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.employee-row-actions .employee-open-btn{border:1px solid #d8e3ff;background:#eef3ff;color:#315bd7}.employee-row-actions .employee-edit-btn{border:1px solid #dce3ed;background:#fff;color:#526078}.employee-row-actions .link-btn:hover{transform:translateY(-1px)}.employee-row-actions .employee-open-btn:hover{border-color:#b9ccff;background:#e3ebff}.employee-row-actions .employee-edit-btn:hover{border-color:#aebbd0;background:#f7f9fc;color:#203e72}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-strip article{padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:15px}.summary-strip small,.summary-strip b{display:block}.summary-strip small{color:var(--muted);font-size:11px;font-weight:700}.summary-strip b{margin-top:8px;font:800 25px Manrope}
dialog{width:min(660px,calc(100vw - 28px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px rgba(10,18,34,.28)}dialog::backdrop{background:rgba(10,17,30,.58);backdrop-filter:blur(3px)}.dialog-form{padding:26px;display:grid;gap:18px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:0;font:800 25px Manrope}.dialog-head button{border:0;background:#f0f2f5;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shift-card,.department-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:17px}.shift-card h3{font:700 17px Manrope;margin:22px 0 5px}.shift-card p{margin:0 0 24px;color:var(--muted);font-size:12px}.shift-card>div:last-child{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.shift-time{display:flex;align-items:center;gap:10px}.shift-time b{font:800 26px Manrope}.shift-time span{color:#a3abba}.split-layout{display:grid;grid-template-columns:1fr 360px;gap:18px}.department-card{position:relative}.department-card i{display:block;width:13px;height:13px;border-radius:4px;background:var(--dept)}.department-card h3{margin:18px 0 7px;font:700 17px Manrope}.department-card>b{font:800 30px Manrope}.department-card p{display:inline;color:var(--muted);font-size:12px}.device-hero{display:grid;grid-template-columns:220px 1fr;align-items:center;padding:34px 46px;margin-bottom:18px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#17243d,#243f68)}.device-orbit{width:150px;height:150px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 22px rgba(255,255,255,.035)}.device-orbit span{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:var(--orange);font:800 25px Manrope}.device-hero h2{font:800 30px Manrope;margin:0}.device-hero h2 span{color:#93baff}.device-hero p:last-child{color:#b7c3d6}.device-hero code{color:#fff}.log-row{display:grid;grid-template-columns:150px 1fr 1fr auto;gap:14px;padding:13px 24px;border-top:1px solid var(--line);font-size:12px}.flash{margin:0 0 18px;padding:13px 16px;border-radius:12px;font-size:13px;font-weight:600;background:#e8f7f1;color:#087955}.flash.error{background:#fff0f0;color:#c84d56}.sync-state{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #bde8d8;border-radius:11px;background:#edf9f4;color:#087955;font-size:12px;font-weight:700}.shift-assignment{margin-top:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:4px solid var(--orange)}.shift-assignment h3{margin:3px 0 5px;font:800 18px Manrope}.shift-assignment p{margin:0;color:var(--muted);font-size:12px}.shift-assignment form{display:flex;gap:9px;min-width:440px}.shift-assignment select{flex:1}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;inset:auto;width:100%;height:auto;padding:14px}.logo{padding:0 6px 14px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{min-width:max-content}.sidebar-foot{display:none}.workspace{grid-column:auto;padding:24px 16px 60px}.dashboard-grid,.split-layout{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:46vh;padding:42px 28px}.brand-mark{margin-bottom:50px}.auth-card{padding:42px 28px}.device-hero{grid-template-columns:1fr;gap:28px}.device-orbit{width:110px;height:110px}.dashboard-intro{padding:30px;align-items:flex-start}.clock{display:none}}@media(max-width:560px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.form-grid,.summary-strip{grid-template-columns:1fr}.topbar{align-items:flex-start}.site-status{display:none}.page-actions{align-items:flex-start;gap:18px}.page-actions p{display:none}.activity-row{grid-template-columns:38px 1fr auto}.activity-row time{display:none}.auth-brand h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Dashboard · fabrika kontrol masası */
.dashboard-command{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(440px,.95fr);min-height:250px;margin-bottom:26px;overflow:hidden;border:1px solid #263c62;border-radius:24px;color:#fff;background:linear-gradient(115deg,#111a2c 0%,#182a49 60%,#203b68 100%);box-shadow:0 22px 58px rgba(17,26,44,.16)}
.dashboard-command:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.055) 80px)}
.dashboard-command:after{content:"";position:absolute;z-index:-1;right:-150px;top:-210px;width:520px;height:520px;border:1px solid rgba(145,185,255,.2);border-radius:50%;box-shadow:0 0 0 60px rgba(145,185,255,.035),0 0 0 120px rgba(145,185,255,.025)}
.command-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 40px}.command-meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#aab8cf;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(62,215,166,.25);border-radius:999px;background:rgba(20,169,121,.12);color:#6be1bb}.live-pill i{width:7px;height:7px;border-radius:50%;background:#3ed7a6;box-shadow:0 0 0 5px rgba(62,215,166,.1)}.command-copy h2{margin:0;font:700 clamp(32px,3vw,52px)/1.03 Manrope;letter-spacing:-.055em}.command-copy h2 strong{color:#94b9ff;font-weight:800}.command-copy>p{max-width:570px;margin:14px 0 22px;color:#b3bfd2;font-size:13px;line-height:1.55}.command-actions{display:flex;align-items:center;gap:12px}.command-actions button,.command-actions a{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;border-radius:11px;font-size:11px;font-weight:800;cursor:pointer}.command-actions button{border:0;background:#fff;color:#17243d;box-shadow:0 10px 28px rgba(0,0,0,.16)}.command-actions a{border:1px solid rgba(255,255,255,.18);color:#d9e3f3}.command-actions button:hover,.command-actions a:hover{transform:translateY(-1px)}
.command-board{position:relative;z-index:1;align-self:stretch;display:grid;grid-template-rows:repeat(3,1fr);margin:22px;padding-left:22px;border-left:1px solid rgba(255,255,255,.11)}.command-board article,.command-board>a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.command-board article:last-child,.command-board>a:last-child{border-bottom:0}.command-board small{color:#8fa0ba;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.command-board b{grid-row:1/3;grid-column:2;align-self:center;font:800 25px Manrope;letter-spacing:-.04em}.command-board span{margin-top:5px;color:#c5cfde;font-size:10px}.command-board>a b{font-size:17px}.command-board>a.online b{color:#66ddb6}.command-board>a.offline b{color:#ff9da4}
.dashboard-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 13px}.dashboard-section-title p{margin:0 0 5px;color:#8b95a8;font-size:9px;font-weight:800;letter-spacing:.14em}.dashboard-section-title h2{margin:0;font:800 20px Manrope;letter-spacing:-.025em}.dashboard-section-title>span{color:#8b95a8;font-size:10px}
.metric-grid-primary{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 12px}.metric-grid-primary .metric{min-height:138px;padding:19px 18px 17px;border-radius:16px}.metric-grid-primary .metric:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#cdd4df}.metric-grid-primary .metric.signal:before,.metric-grid-primary .metric.green:before{background:var(--green)}.metric-grid-primary .metric.blue:before{background:var(--blue)}.metric-grid-primary .metric.orange:before{background:var(--orange)}.metric-grid-primary .metric.purple:before{background:var(--purple)}.metric-grid-primary .metric.red:before{background:var(--red)}.metric-grid-primary .metric p{margin-bottom:15px}.metric-grid-primary .metric b{font-size:34px;letter-spacing:-.045em}.metric-grid-primary .metric i{position:absolute;left:18px;bottom:12px;margin:0}
.metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:22px}.metric-mini{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);text-align:left;color:inherit}.metric-mini>span{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#cdd4df}.metric-mini.green>span,.metric-mini.signal>span{background:var(--green)}.metric-mini.blue>span{background:var(--blue)}.metric-mini.orange>span{background:var(--orange)}.metric-mini.purple>span{background:var(--purple)}.metric-mini.red>span{background:var(--red)}.metric-mini p,.metric-mini small{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.metric-mini p{color:#657085;font-size:10px;font-weight:800}.metric-mini small{margin-top:3px;color:#98a1b1;font-size:9px}.metric-mini>b{font:800 22px Manrope}.metric-mini:hover{background:#fff}
.dashboard-operations{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(330px,.75fr) minmax(240px,.48fr);gap:16px;align-items:stretch}.dashboard-operations>.panel{min-width:0;overflow:hidden}.attention-list{border-top:1px solid #f0f2f5}.attention-row{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:center;padding:13px 21px;border-bottom:1px solid #f0f2f5}.attention-row:last-child{border-bottom:0}.attention-row:hover{background:#fafbfe}.attention-row b,.attention-row small{display:block}.attention-row b{font-size:11px}.attention-row small{max-width:290px;margin-top:3px;overflow:hidden;color:#8791a3;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.attention-row time{color:#58657a;font-size:10px;font-weight:800}.attention-mark{width:8px;height:8px;border-radius:50%;background:#cbd1dc}.attention-mark.danger{background:var(--red);box-shadow:0 0 0 4px rgba(235,91,101,.1)}.attention-mark.warning{background:var(--orange);box-shadow:0 0 0 4px rgba(255,136,58,.1)}.attention-mark.purple{background:var(--purple);box-shadow:0 0 0 4px rgba(116,87,232,.1)}.attention-clear{min-height:240px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.attention-clear i{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:13px;background:#e7f8f1;color:#09815d;font-style:normal;font-weight:900}.attention-clear b{font-size:12px}.attention-clear small{margin-top:5px;color:var(--muted);font-size:10px}.attendance-score{padding:5px 8px;border-radius:999px;background:#edf3ff;color:#315bd7;font-size:9px;font-weight:800}.dashboard-operations .attendance{padding-bottom:20px}.dashboard-operations .donut{width:132px;height:132px;margin:4px auto 15px}.dashboard-operations .donut:after{width:98px;height:98px}.dashboard-operations .donut b{font-size:24px}.dashboard-operations .attendance ul{gap:8px}.dashboard-operations .attendance li .navy{background:var(--navy)}
@media(max-width:1450px){.dashboard-command{grid-template-columns:1fr 420px}.metric-grid-primary{grid-template-columns:repeat(3,1fr)}.metric-strip{grid-template-columns:repeat(3,1fr)}.dashboard-operations{grid-template-columns:1.2fr .8fr}.dashboard-operations .attendance{grid-column:1/-1}.dashboard-operations .attendance{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center}.dashboard-operations .attendance .panel-head{align-self:start}.dashboard-operations .attendance .donut{grid-column:2;grid-row:1}.dashboard-operations .attendance ul{grid-column:3;grid-row:1}}
@media(max-width:1000px){.dashboard-command{grid-template-columns:1fr}.command-board{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;margin-top:0;padding:0 18px 18px;border-left:0}.command-board article,.command-board>a{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid rgba(255,255,255,.1);border-bottom:0}.command-board article:last-child,.command-board>a:last-child{border-right:0}.command-board b{margin:5px 0}.dashboard-operations{grid-template-columns:1fr}.dashboard-operations .attendance{grid-column:auto}}
@media(max-width:700px){.dashboard-command{border-radius:19px}.command-copy{padding:28px 24px}.command-copy h2{font-size:35px}.command-actions{align-items:stretch;flex-direction:column}.command-actions button,.command-actions a{width:100%}.command-board{grid-template-columns:1fr}.command-board article,.command-board>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-section-title{align-items:flex-start;flex-direction:column;gap:6px}.dashboard-section-title>span{line-height:1.4}.metric-grid-primary{grid-template-columns:repeat(2,1fr)}.metric-grid-primary .metric{min-height:126px}.metric-strip{grid-template-columns:1fr 1fr}.dashboard-operations .attendance{display:block}.dashboard-operations .attendance .donut,.dashboard-operations .attendance ul{display:grid}.activity-row{padding-left:17px;padding-right:17px}.attention-row{padding-left:17px;padding-right:17px}}
@media(max-width:430px){.metric-grid-primary,.metric-strip{grid-template-columns:1fr 1fr;gap:8px}.metric-grid-primary .metric{padding:16px 14px}.metric-grid-primary .metric b{font-size:30px}.metric-mini{grid-template-columns:1fr}.metric-mini>b{grid-row:1;grid-column:2}.metric-mini small{display:none}}
[hidden]{display:none!important}
.overview-hero{display:grid;grid-template-columns:minmax(340px,1fr) minmax(520px,.92fr);gap:28px;align-items:center;margin-bottom:14px;padding:27px 30px;border:1px solid #203452;border-radius:22px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(76,122,198,.38),transparent 28%),linear-gradient(118deg,#111c32,#1a2b49 68%,#213b65);box-shadow:0 18px 46px rgba(17,28,50,.16);overflow:hidden}.overview-live{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#8fa3c3;font-size:9px;font-weight:900;letter-spacing:.15em}.overview-live i{width:8px;height:8px;border-radius:50%;background:#37d39b;box-shadow:0 0 0 5px rgba(55,211,155,.11)}.overview-hero h2{margin:0;font:800 clamp(27px,2.35vw,40px)/1.03 Manrope;letter-spacing:-.045em}.overview-hero h2 strong{color:#ffad69}.overview-hero>div>p{margin:10px 0 0;color:#aebbd0;font-size:12px}.overview-hero-meta{display:grid;grid-template-columns:.72fr .72fr 1.15fr;min-height:98px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);overflow:hidden}.overview-hero-meta article,.overview-hero-meta>a{min-width:0;padding:17px 18px;border-right:1px solid rgba(255,255,255,.09)}.overview-hero-meta>a{position:relative;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;border-right:0}.overview-hero-meta>a>i{width:8px;height:8px;border-radius:50%;background:#ef6672;box-shadow:0 0 0 5px rgba(239,102,114,.1)}.overview-hero-meta>a.online>i{background:#37d39b;box-shadow:0 0 0 5px rgba(55,211,155,.1)}.overview-hero-meta small,.overview-hero-meta b,.overview-hero-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-hero-meta small{color:#8191ab;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.overview-hero-meta b{margin:6px 0 4px;font:800 20px Manrope}.overview-hero-meta>a b{font-size:12px}.overview-hero-meta span{color:#97a5ba;font-size:9px}.overview-hero-meta em{color:#8aaef2;font-style:normal;font-weight:800}
.overview-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:26px}.overview-kpi{min-width:0;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:15px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.overview-kpi:hover{transform:translateY(-2px);border-color:#c7d2e5;box-shadow:0 12px 26px rgba(25,41,70,.08)}.overview-kpi:focus-visible,.overview-card-link:focus-visible{outline:3px solid rgba(82,109,255,.2);outline-offset:2px}.overview-kpi>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef2f7;color:#637189;font-weight:900}.overview-kpi.green>span{background:#e8f8f1;color:#0a9569}.overview-kpi.blue>span{background:#eaf1ff;color:#3265d7}.overview-kpi.red>span{background:#fff0f0;color:#d44c58}.overview-kpi.amber>span{background:#fff4e8;color:#dc7a27}.overview-kpi.purple>span{background:#f2edff;color:#7653d9}.overview-kpi small,.overview-kpi b,.overview-kpi p{display:block}.overview-kpi small{color:#657085;font-size:9px;font-weight:800}.overview-kpi b{margin:2px 0;font:800 23px Manrope}.overview-kpi p{max-width:125px;margin:0;overflow:hidden;color:#99a2b2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.overview-kpi em{color:#a8b1c1;font-style:normal}
.overview-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 26px}.overview-flow-card,.overview-personnel-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(23,32,52,.035)}.overview-flow-card>header,.overview-personnel-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #eef1f5}.overview-flow-card>header>div,.overview-personnel-card>header>div{min-width:0;display:flex;align-items:center;gap:11px}.overview-flow-card>header>div>span,.overview-personnel-card>header>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e9f8f1;color:#0b9267;font-weight:900}.overview-flow-card.exit>header>div>span{background:#fff0f0;color:#d4515d}.overview-personnel-card>header>div>span{background:#edf3ff;color:#315bd7}.overview-flow-card h3,.overview-personnel-card h3{margin:0;font:800 13px Manrope}.overview-flow-card header p,.overview-personnel-card header p{margin:4px 0 0;color:#929cad;font-size:9px}.overview-flow-card header>a,.overview-personnel-card header>a{color:#315bd7;font-size:9px;font-weight:800}.flow-lines>a,.flow-lines>button{width:100%;display:grid;grid-template-columns:33px 1fr 34px;gap:11px;align-items:center;padding:10px 18px;border:0;border-bottom:1px solid #f1f3f6;background:#fff;color:inherit;text-align:left;cursor:pointer}.flow-lines>a:hover,.flow-lines>button:hover{background:#fafbfe}.flow-lines i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#315bd7;font-style:normal;font-weight:900}.flow-lines i.manual{background:#f2edff;color:#7557d2}.flow-lines i.other{background:#ebf9fa;color:#1596a0}.flow-lines i.late,.flow-lines i.early{background:#fff1f0;color:#d44e59}.flow-lines b,.flow-lines small{display:block}.flow-lines b{font-size:10px}.flow-lines small{margin-top:2px;color:#98a1b0;font-size:8px}.flow-lines strong{justify-self:end;color:#203e72;font:800 13px Manrope}.overview-flow-card>footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fafbfc}.overview-flow-card>footer span{color:#727e91;font-size:9px;font-weight:800}.overview-flow-card>footer b{font:800 15px Manrope}.overview-personnel-card{grid-column:1/-1}.personnel-pulse{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px 18px}.personnel-pulse>button{min-width:0;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid #edf0f4;border-radius:13px;background:#fbfcfe;color:inherit;text-align:left;cursor:pointer}.personnel-pulse>button:hover{border-color:#cbd7ea;background:#fff}.personnel-pulse i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf1f6;color:#526078;font-style:normal;font-weight:900}.personnel-pulse i.green{background:#e8f8f1;color:#0a9569}.personnel-pulse i.blue{background:#eaf1ff;color:#3265d7}.personnel-pulse i.cyan{background:#e8f8fa;color:#1596a0}.personnel-pulse i.red{background:#fff0f0;color:#d44c58}.personnel-pulse i.amber{background:#fff4e8;color:#dc7a27}.personnel-pulse b,.personnel-pulse small{display:block}.personnel-pulse b{font:800 19px Manrope}.personnel-pulse small{margin-top:2px;overflow:hidden;color:#8791a2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.personnel-foot{display:grid;grid-template-columns:auto auto minmax(160px,1fr);gap:12px;align-items:center;padding:12px 18px;border-top:1px solid #eef1f5;background:#fafbfc}.personnel-foot span{color:#727e91;font-size:9px;font-weight:800}.personnel-foot>b{font:800 14px Manrope}.personnel-foot>i{height:6px;overflow:hidden;border-radius:99px;background:#e8ecf2}.personnel-foot>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315bd7,#37c998)}
.overview-section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}.overview-section-heading p{margin:0 0 5px;color:#8b96aa;font-size:9px;font-weight:900;letter-spacing:.14em}.overview-section-heading h2{margin:0;font:800 22px Manrope;letter-spacing:-.03em}.overview-section-heading>a{color:#315bd7;font-size:10px;font-weight:800}
.overview-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.overview-list-card,.overview-action-card,.overview-holiday-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(23,32,52,.035)}.overview-list-card>header,.overview-action-card>header,.overview-holiday-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #eef1f5}.overview-list-card>header>div,.overview-action-card>header>div,.overview-holiday-card>header>div{min-width:0;display:flex;align-items:center;gap:11px}.overview-list-card>header>div>span{width:9px;height:32px;border-radius:9px;background:#37b985}.overview-list-card.red>header>div>span{background:#e45b67}.overview-list-card.amber>header>div>span{background:#f09a42}.overview-list-card.purple>header>div>span{background:#8065dc}.overview-list-card h3,.overview-action-card h3,.overview-holiday-card h3{margin:0;font:800 13px Manrope}.overview-list-card header p,.overview-action-card header p,.overview-holiday-card header p{margin:4px 0 0;color:#929cad;font-size:9px}.overview-list-card>header>b,.overview-action-card>header>b{min-width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef7f3;color:#15805f;font:800 13px Manrope}.overview-list-card.red>header>b{background:#fff0f0;color:#cc4b57}.overview-list-card.amber>header>b{background:#fff3e7;color:#cf7326}.overview-list-card.purple>header>b{background:#f2edff;color:#7154cc}.overview-people{min-height:196px}.overview-people>a{display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:center;padding:9px 18px;border-bottom:1px solid #f1f3f6}.overview-people>a:hover{background:#fafbfe}.overview-people .avatar.small{width:31px;height:31px;border-radius:10px;font-size:10px}.overview-people b,.overview-people small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-people b{font-size:10px}.overview-people small{max-width:230px;margin-top:2px;color:#9aa3b1;font-size:8px}.overview-people time{color:#526078;font-size:9px;font-weight:800}.overview-card-link{width:100%;display:flex;justify-content:space-between;padding:11px 18px;border:0;border-top:1px solid #eef1f5;background:#fbfcfe;color:#526dff;font-size:9px;font-weight:900;cursor:pointer}.overview-card-link:hover{background:#f3f6ff}.overview-empty{min-height:196px;display:grid;place-items:center;align-content:center;gap:8px;color:#9aa4b3;font-size:9px;text-align:center}.overview-empty i{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#eaf7f1;color:#159369;font-style:normal;font-weight:900}
.action-icon,.holiday-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:#315bd7;font-weight:900}.overview-action-card>header>b{background:#edf3ff;color:#315bd7}.overview-action-list{padding:7px 0}.overview-action-list>a{display:grid;grid-template-columns:1fr 30px 14px;gap:9px;align-items:center;padding:14px 18px;border-bottom:1px solid #f1f3f6}.overview-action-list>a:last-child{border-bottom:0}.overview-action-list>a:hover{background:#fafbfe}.overview-action-list span{font-size:10px;font-weight:700}.overview-action-list b{width:28px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f1f4fa;color:#465876;font-size:10px}.overview-action-list em,.overview-holidays em{color:#8090a8;font-style:normal;font-weight:900}.overview-holiday-card>header>a{color:#315bd7;font-size:9px;font-weight:800}.overview-holidays>a{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:9px 18px;border-bottom:1px solid #f1f3f6}.overview-holidays>a:last-child{border-bottom:0}.overview-holidays>a:hover{background:#fafbfe}.overview-holidays time{width:42px;height:42px;display:grid;place-items:center;align-content:center;border-radius:11px;background:#fff3e8;color:#ce6f26}.overview-holidays time b{font:800 15px/1 Manrope}.overview-holidays time span{margin-top:3px;font-size:7px;text-transform:uppercase}.overview-holidays div>b,.overview-holidays div>small{display:block}.overview-holidays div>b{font-size:10px}.overview-holidays div>small{margin-top:3px;color:#959ead;font-size:8px}
@media(max-width:1450px){.overview-hero{grid-template-columns:1fr}.overview-kpis{grid-template-columns:repeat(3,1fr)}.overview-board{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-pulse{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.overview-flow-grid{grid-template-columns:1fr}.overview-personnel-card{grid-column:auto}}
@media(max-width:900px){.overview-board{grid-template-columns:1fr}.overview-hero-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.overview-hero{padding:23px 20px}.overview-hero-meta{grid-template-columns:1fr}.overview-hero-meta article,.overview-hero-meta>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.overview-hero-meta>a:last-child{border-bottom:0}.overview-kpis{grid-template-columns:1fr 1fr;gap:8px}.overview-kpi{grid-template-columns:31px 1fr;padding:12px 11px}.overview-kpi>span{width:31px;height:31px}.overview-kpi>em{display:none}.overview-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.overview-people{min-height:0}.personnel-pulse{grid-template-columns:1fr 1fr}.personnel-foot{grid-template-columns:auto auto}.personnel-foot>i{grid-column:1/-1}.flow-lines small{white-space:normal}}
@media(max-width:390px){.overview-kpis{grid-template-columns:1fr}.overview-kpi p{max-width:none}}
.report-shortcuts{display:flex;gap:9px;overflow:auto;margin:-5px 0 18px;padding-bottom:3px}.report-shortcuts a{min-width:max-content;padding:9px 13px;border:1px solid #dce3ef;border-radius:10px;background:#fff;color:#526078;font-size:11px;font-weight:700}.report-shortcuts a:hover{border-color:var(--blue);color:var(--blue)}
.report-shortcuts a.active{border-color:#203e72;background:#203e72;color:#fff}.btn.export{background:#e9f8f1;color:#087957;border:1px solid #ccecdf}.payroll-ribbon{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border-radius:18px;overflow:hidden;background:#17243d;color:#fff;box-shadow:var(--shadow)}.payroll-ribbon article{padding:21px 24px;border-right:1px solid rgba(255,255,255,.1)}.payroll-ribbon article:last-child{border:0}.payroll-ribbon small,.payroll-ribbon b{display:block}.payroll-ribbon small{color:#91a0b8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.payroll-ribbon b{margin-top:8px;font:800 21px Manrope}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.detail-stats article{padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:15px}.detail-stats small,.detail-stats b{display:block}.detail-stats small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.detail-stats b{margin-top:7px;font:800 18px Manrope}.back-link{display:block;margin-bottom:8px;color:var(--blue);font-size:11px;font-weight:700}
.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.user-card{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:21px;background:#fff;border:1px solid var(--line);border-radius:16px}.user-card .avatar{width:42px;height:42px}.user-card h3{margin:0;font:700 14px Manrope}.user-card p{margin:4px 0 0;color:var(--muted);font-size:11px}.user-card>small{grid-column:2/-1;color:#929baa;font-size:10px}
.parameter-head{align-items:flex-end}.parameter-map{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border:1px solid #223759;border-radius:18px;overflow:hidden;background:#17243d;color:#fff}.parameter-map article{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:18px 20px;border-right:1px solid rgba(255,255,255,.1)}.parameter-map article:last-child{border:0}.parameter-map span{font:800 12px Manrope;color:#6f8cb8}.parameter-map b,.parameter-map small{display:block}.parameter-map b{font-size:12px}.parameter-map small{margin-top:4px;color:#8f9cb0;font-size:10px;line-height:1.35}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.policy-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.policy-title{display:flex;justify-content:space-between;gap:14px}.policy-title h3{font:700 15px Manrope;margin:0}.policy-clock{margin:20px 0;padding:16px;border-radius:13px;background:#edf3ff;color:#214f9e}.policy-clock b,.policy-clock small{display:block}.policy-clock b{font:800 27px Manrope}.policy-clock small{font-size:10px}.policy-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.policy-card dl div{padding:10px;border:1px solid #edf0f4;border-radius:10px}.policy-card dt{color:var(--muted);font-size:9px}.policy-card dd{margin:4px 0 0;font-weight:800;font-size:12px}.policy-card footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:#758095;font-size:9px}.parameter-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.parameter-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 22px;border-top:1px solid var(--line)}.parameter-row code{justify-self:start;padding:6px 8px;border-radius:7px;background:#eff3fa;color:#31598d;font-size:10px;font-weight:800}.parameter-row b,.parameter-row small{display:block}.parameter-row b{font-size:12px}.parameter-row small{margin-top:3px;color:var(--muted);font-size:10px}.parameter-row span,.parameter-row em{font-size:10px;color:#68758a;font-style:normal}.parameter-table{margin-top:18px}
.finance-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.finance-ledger article{position:relative;overflow:hidden;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:15px}.finance-ledger article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7f8ca1}.finance-ledger article.earning:before,.finance-ledger article.bonus:before{background:var(--green)}.finance-ledger article.advance:before,.finance-ledger article.deduction:before{background:var(--red)}.finance-ledger small,.finance-ledger b,.finance-ledger span{display:block}.finance-ledger small{color:var(--muted);font-size:10px;text-transform:uppercase}.finance-ledger b{margin:7px 0;font:800 24px Manrope}.finance-ledger span{color:#929baa;font-size:10px}.payroll-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:18px}.payroll-side{display:grid;gap:18px;align-content:start}.mini-ledger{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 20px;border-top:1px solid var(--line)}.mini-ledger b,.mini-ledger small{display:block}.mini-ledger b{font-size:11px}.mini-ledger small{margin-top:3px;color:var(--muted);font-size:9px}.mini-ledger strong,.mini-ledger>span{font-size:10px;color:#536077}.money{font-size:11px}.money.plus{color:#09815d}.money.minus{color:#ca4c56}
.action-row{display:flex;gap:9px}.action-row .btn:not(.primary){background:#fff;border:1px solid var(--line);color:#566176}.rule-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:14px 24px;border-top:1px solid var(--line)}.rule-row b,.rule-row small{display:block}.rule-row b{font-size:13px}.rule-row small{margin-top:3px;color:var(--muted);font-size:11px}.rule-row time{font:700 12px Manrope}.priority-list{list-style:none;display:grid;gap:13px;margin:14px 24px 0;padding:0}.priority-list li{display:flex;align-items:center;gap:12px;color:#657085;font-size:12px}.priority-list li b{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:var(--blue)}.plan-table{margin-top:18px}.holiday-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.holiday-card{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.holiday-card time{width:56px;height:58px;display:grid;place-items:center;align-content:center;border-radius:13px;background:#eef3ff;color:var(--blue)}.holiday-card time b{font:800 22px Manrope;line-height:1}.holiday-card time span{font-size:9px;text-transform:uppercase;margin-top:4px}.holiday-card h3{font-size:14px}.holiday-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.holiday-actions{display:grid;justify-items:end;gap:8px}.day-notice{display:flex;align-items:center;gap:12px;margin:-5px 0 16px;padding:13px 17px;border:1px solid #d9e5ff;border-radius:13px;background:#edf3ff;color:#315aaf}.day-notice b{font-size:13px}.day-notice span{font-size:12px;color:#6379a3}.audit-list{overflow:hidden}.audit-row{display:grid;grid-template-columns:38px 1fr auto 100px;gap:13px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line)}.audit-row:last-child{border:0}.audit-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf3ff;color:var(--blue);font-weight:800}.audit-row b,.audit-row small{display:block}.audit-row b{font-size:12px}.audit-row small{margin-top:4px;color:var(--muted);font-size:11px}.audit-row time,.audit-row span{color:#778195;font-size:11px}.audit-row span{text-align:right}
@media(max-width:1100px){.parameter-map{grid-template-columns:repeat(2,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}.payroll-layout{grid-template-columns:1fr}}@media(max-width:950px){.holiday-grid,.user-grid{grid-template-columns:repeat(2,1fr)}.payroll-ribbon,.detail-stats,.finance-ledger{grid-template-columns:repeat(2,1fr)}.parameter-columns{grid-template-columns:1fr}}@media(max-width:560px){.action-row{width:100%;flex-wrap:wrap}.action-row .btn{flex:1}.holiday-grid,.user-grid,.policy-grid,.parameter-map,.finance-ledger{grid-template-columns:1fr}.parameter-map article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.day-notice{align-items:flex-start;flex-direction:column}.payroll-ribbon,.detail-stats{grid-template-columns:1fr}.payroll-ribbon article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.audit-row{grid-template-columns:38px 1fr}.audit-row time,.audit-row span{display:none}}
.migration-steps{display:grid;gap:13px;margin:0;padding:0 28px 26px 45px;color:#526078}.migration-steps li{padding-left:5px;line-height:1.55}.migration-steps li::marker{color:#3276ff;font-weight:800}.migration-history{margin-top:18px}
.employee-name-link{color:inherit}.employee-name-link:hover b{color:var(--blue)}.employee-card-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.employee-card-identity{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center}.employee-card-identity .back-link{grid-column:1/-1}.employee-card-identity h2{margin:0;font:800 27px Manrope;letter-spacing:-.04em}.employee-card-identity p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.employee-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#1c3864,#367ce3);font:800 20px Manrope}.employee-spine{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:16px;border-radius:18px;overflow:hidden;background:#17243d;color:#fff;box-shadow:var(--shadow)}.employee-spine article{min-width:0;padding:19px 21px;border-right:1px solid rgba(255,255,255,.1)}.employee-spine article:last-child{border:0}.employee-spine small,.employee-spine b,.employee-spine span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-spine small{color:#8797b1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.employee-spine b{margin:7px 0 5px;font:800 15px Manrope}.employee-spine span{color:#aab5c7;font-size:10px}.employee-tabs{display:flex;gap:5px;margin-bottom:18px;padding:5px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.employee-tabs a{min-width:max-content;padding:10px 14px;border-radius:9px;color:#667287;font-size:11px;font-weight:700}.employee-tabs a.active{background:#203e72;color:#fff}.employee-profile-form{display:grid;gap:16px}.profile-section{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:17px}.profile-section header{display:flex;gap:12px;align-items:flex-start}.profile-section header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#edf3ff;color:var(--blue);font:800 10px Manrope}.profile-section h3{margin:1px 0 4px;font:800 15px Manrope}.profile-section p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-grid label{min-width:0;display:grid;align-content:start;gap:7px;color:#59647a;font-size:11px;font-weight:700;letter-spacing:.01em}.profile-grid label:focus-within{color:#225fca}.profile-grid input,.profile-grid select{width:100%;min-width:0;height:42px;padding:10px 12px;border:1px solid #dbe1ea;border-radius:10px;outline:0;background:#fbfcfe;color:var(--ink);font-size:13px;box-shadow:0 1px 2px rgba(23,32,52,.025);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.profile-grid input:hover,.profile-grid select:hover{border-color:#bcc8d8;background:#fff}.profile-grid input:focus,.profile-grid select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(39,101,255,.1)}.profile-grid input[type=date]{color-scheme:light}.profile-grid .wide{grid-column:span 2}.profile-active{align-self:end;min-height:42px;padding:10px 12px;border:1px solid #dbe1ea;border-radius:10px;background:#f7f9fc}.profile-active input{width:17px;height:17px;accent-color:var(--blue)}.sticky-save{position:sticky;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px 13px 20px;border:1px solid #cbd8eb;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 14px 45px rgba(16,31,56,.16);backdrop-filter:blur(10px)}.sticky-save span{color:var(--muted);font-size:11px}.employee-detail-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.employee-note{padding:18px 23px;border-top:1px solid var(--line)}.employee-note time{color:var(--blue);font-size:10px;font-weight:800}.employee-note p{margin:8px 0;line-height:1.6;font-size:13px}.employee-note small{color:var(--muted);font-size:9px}
@media(max-width:1150px){.employee-spine{grid-template-columns:repeat(3,1fr)}.profile-section{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.employee-card-head{align-items:flex-start;gap:16px}.employee-spine{grid-template-columns:1fr 1fr}.employee-detail-split{grid-template-columns:1fr}}@media(max-width:560px){.employee-card-head{display:grid}.employee-spine,.profile-grid{grid-template-columns:1fr}.profile-grid .wide{grid-column:auto}.sticky-save{position:static;display:grid}.employee-card-identity{grid-template-columns:52px 1fr}.employee-avatar{width:52px;height:52px}}
.workgroup-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.workgroup-strip article{padding:18px 21px;border-left:4px solid var(--orange);border-radius:14px;background:#17243d;color:#fff}.workgroup-strip small,.workgroup-strip b,.workgroup-strip span{display:block}.workgroup-strip small{color:#8090aa;font-size:9px;text-transform:uppercase}.workgroup-strip b{margin:6px 0 4px;font:800 16px Manrope}.workgroup-strip span{color:#aab5c7;font-size:10px}.weekday-picks{display:flex;flex-wrap:wrap;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px}.weekday-picks legend{padding:0 6px;color:var(--muted);font-size:10px;font-weight:700}.weekday-picks label{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#f2f5fa;font-size:10px}.weekday-picks input{width:auto}.definition-board{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.definition-board .panel{overflow:hidden}.definition-board .parameter-row{grid-template-columns:1fr auto}.payroll-statement{margin-bottom:18px}.report-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:-5px 0 18px}.report-catalog article{padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}.report-catalog small{display:block;margin-bottom:9px;color:#8791a2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.report-catalog div{display:flex;flex-wrap:wrap;gap:7px}.report-catalog a{padding:7px 10px;border-radius:8px;background:#f1f4f8;color:#58657a;font-size:10px;font-weight:700}.report-catalog a:hover,.report-catalog a.active{background:#203e72;color:#fff}
@media(max-width:1100px){.definition-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.report-catalog,.workgroup-strip{grid-template-columns:1fr}}@media(max-width:560px){.definition-board{grid-template-columns:1fr}}
.report-builder{display:grid;grid-template-columns:.8fr 1.2fr;gap:1px;margin:0 0 18px;padding:1px;border-radius:17px;background:#dce3ee;box-shadow:var(--shadow);overflow:hidden}.report-builder>div{display:flex;align-items:flex-end;gap:12px;padding:17px 19px;background:#fff}.report-builder>div>span{align-self:flex-start;flex:0 0 auto;padding:6px 8px;border-radius:8px;background:#edf2ff;color:#3159d8;font-size:9px;font-weight:900;letter-spacing:.08em}.report-builder label{flex:1;margin:0;color:#667085;font-size:10px;font-weight:800}.report-builder select,.report-builder input{margin-top:7px;min-height:39px}.report-builder .btn{min-height:39px;white-space:nowrap}.report-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.report-catalog article{position:relative;padding:18px}.report-catalog article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:14px 0 0 14px;background:#ff8a3d}.report-catalog a{border:1px solid transparent}.report-catalog a:hover{transform:translateY(-1px)}@media(max-width:980px){.report-builder{grid-template-columns:1fr}.report-builder>div{flex-wrap:wrap}}@media(max-width:620px){.report-builder>div{align-items:stretch;flex-direction:column}.report-builder>div>span{align-self:flex-start}}
.btn.danger-soft{border:1px solid #ffd0cc;background:#fff1f0;color:#c4322a}.report-output-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #cbd3df;background:#f5f7fa}.report-output-head small,.report-output-head h3{display:block;margin:0}.report-output-head small{margin-bottom:2px;color:var(--muted);font-size:8px}.report-output-head h3{font:800 11px Manrope;letter-spacing:.025em}.report-output-head span{padding:5px 8px;border-radius:6px;background:#e8eefb;color:#294fbd;font-size:8px;font-weight:800}.report-summary-ribbon{margin-bottom:10px;border-radius:10px}.report-summary-ribbon article{padding:10px 15px}.report-summary-ribbon small{font-size:8px}.report-summary-ribbon b{margin-top:3px;font-size:15px}.perkotek-report{border-radius:10px}.perkotek-report .table-wrap{max-height:calc(100vh - 190px);scrollbar-gutter:stable}.perkotek-report table{width:100%;min-width:1180px;border-collapse:collapse;font-size:8px;line-height:1.12}.perkotek-report th{position:sticky;top:0;z-index:2;padding:5px 5px;border-right:1px solid #bec7d4;border-bottom:1px solid #aeb8c7;white-space:nowrap;background:#dce2eb;color:#263247;letter-spacing:.01em}.perkotek-report td{height:20px;padding:3px 5px;border-right:1px solid #d4dae3;border-bottom:1px solid #d4dae3;white-space:nowrap}.perkotek-report tbody tr:not(.report-day):not(.report-person):not(.report-subgroup):not(.report-total):nth-child(even){background:#fafbfc}.perkotek-report .report-day td{height:21px;padding:4px 7px;background:#d5dbe4;color:#263247;font-weight:900;text-align:left}.perkotek-report .report-total td{height:23px;padding:4px 7px;background:#edf0f4;color:#4f5d72;font-weight:800;text-align:left}.perkotek-report .report-total td:last-child{text-align:right}.perkotek-report .edited-time{background:#ffd9d0;color:#b42318;font-weight:900}.perkotek-report .general-movement-report{min-width:1420px}.perkotek-report .report-data-table:not(.general-movement-report){min-width:920px}.report-detail-table .table-wrap{max-height:calc(100vh - 245px)}.report-detail-table td small{display:inline;margin-left:4px}.perkotek-report .report-person td,.perkotek-report .report-subgroup td{background:#dfe5ee;color:#18213a;font-weight:900;text-align:left}.perkotek-report .monthly-matrix th,.perkotek-report .monthly-matrix td{min-width:28px;padding:4px 3px}
.report-advanced{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 18px}.report-advanced summary{cursor:pointer;color:#42526b;font-size:11px;font-weight:800}.report-advanced>div{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-top:12px}.report-advanced label{font-size:9px;font-weight:800;color:var(--muted)}.report-advanced select{width:100%;margin-top:5px}
.report-library{margin:0 0 20px;padding:22px;border:1px solid #dfe5ee;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);box-shadow:0 16px 40px rgba(25,39,68,.07)}.report-library>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e7ebf2}.report-library>header h3{margin:3px 0 5px;font:800 21px Manrope;color:#17213a}.report-library>header p:not(.eyebrow){margin:0;color:#748096;font-size:11px}.report-search{display:flex;align-items:center;gap:9px;min-width:260px;padding:0 13px;border:1px solid #d8dfeb;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(28,43,73,.05)}.report-search span{color:#ff7e32;font-size:22px;line-height:1}.report-search input{min-height:42px;margin:0;border:0;padding:0;background:transparent;box-shadow:none;font-size:11px}.report-search input:focus{outline:0}.report-category-list{display:grid;gap:18px}.report-category{padding:17px;border:1px solid #e2e7ef;border-radius:16px;background:#fff}.report-category[hidden]{display:none}.report-category-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;margin-bottom:13px}.report-category-head>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#17243d;color:#fff;font:700 18px Manrope;font-style:normal;box-shadow:inset 0 -3px 0 rgba(255,138,61,.7)}.report-category-head h4,.report-category-head p{margin:0}.report-category-head h4{font:800 13px Manrope;color:#1a2741}.report-category-head p{margin-top:2px;color:#8a94a6;font-size:9px}.report-category-head>b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:8px;background:#fff1e8;color:#d95e18;font-size:10px}.report-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.report-choice-card{position:relative;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:11px;min-height:77px;padding:12px 13px;border:1px solid #e3e8f0;border-radius:13px;background:#fbfcfe;color:#24324c;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.report-choice-card>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eaf0f8;color:#27436f;font:800 18px Manrope;font-style:normal;transition:inherit}.report-choice-card strong,.report-choice-card small{display:block}.report-choice-card strong{font:800 11px Manrope;line-height:1.25}.report-choice-card small{margin-top:4px;color:#8993a5;font-size:8px;line-height:1.35}.report-choice-card>span{color:#a5adba;font-size:17px}.report-choice-card:hover{z-index:1;border-color:#ffb17c;background:#fff;box-shadow:0 10px 24px rgba(34,52,87,.11);transform:translateY(-2px)}.report-choice-card:hover>i{background:#fff0e6;color:#e26720}.report-choice-card.active{border-color:#203e72;background:#172b4d;color:#fff;box-shadow:0 12px 28px rgba(23,43,77,.2)}.report-choice-card.active:before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 3px 3px 0;background:#ff8a3d}.report-choice-card.active>i{background:#ff8a3d;color:#fff}.report-choice-card.active small{color:#b9c4d7}.report-choice-card.active>span{color:#ffb583}.report-search-empty{padding:25px;text-align:center;color:#7b8799;font-size:11px}.report-builder{margin-top:0}@media(max-width:1180px){.report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-advanced>div{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media(max-width:720px){.report-library{padding:16px}.report-library>header{align-items:stretch;flex-direction:column}.report-search{min-width:0}.report-card-grid{grid-template-columns:1fr}.report-advanced>div{grid-template-columns:1fr}.report-choice-card{min-height:72px}}
.report-config-panel{margin:0 0 20px;padding:20px;border:1px solid #dbe3ef;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);box-shadow:0 16px 40px rgba(25,39,68,.08);scroll-margin-top:18px}.report-config-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:0 2px 15px;border-bottom:1px solid #e4e9f1}.report-config-panel>header h3,.report-config-panel>header p{margin:0}.report-config-panel>header h3{margin-top:3px;font:800 20px Manrope;color:#17243d}.report-config-panel>header p:not(.eyebrow){margin-top:4px;color:#7b8799;font-size:10px}.report-config-panel .report-builder{margin:0;box-shadow:none}.report-config-panel .report-builder>div{background:rgba(255,255,255,.88)}@media(max-width:720px){.report-config-panel{padding:15px}.report-config-panel>header{align-items:flex-start;flex-direction:column}.report-config-panel>header .btn{width:100%;justify-content:center}}
.salary-content{min-width:0;display:grid;gap:16px}.salary-formula{display:grid;grid-template-columns:minmax(135px,1fr) auto minmax(135px,1fr) auto minmax(135px,1fr);align-items:center;gap:13px;padding:17px 19px;border:1px solid #d9e5f7;border-radius:14px;background:linear-gradient(120deg,#f6f9ff,#fbfdff)}.salary-formula div{min-width:0}.salary-formula small,.salary-formula b{display:block}.salary-formula small{color:#7d8ca5;font-size:8px;font-weight:800;letter-spacing:.1em}.salary-formula b{margin-top:5px;overflow:hidden;color:#193b72;font:800 17px Manrope;white-space:nowrap;text-overflow:ellipsis}.salary-formula>span{color:#7c8ca7;font-size:10px;font-weight:700}.salary-formula i{font-style:normal}.salary-grid label>small{color:#929cad;font-size:9px;font-weight:500;line-height:1.35}.salary-grid .calculated-field input{border-color:#d9e5f7;background:#f1f6ff;color:#315a94;font-weight:800;cursor:not-allowed}.salary-grid .calculated-field:after{content:"OTOMATİK";position:absolute;right:9px;top:29px;padding:3px 5px;border-radius:5px;background:#dbe8ff;color:#2862ba;font-size:7px;font-weight:800;letter-spacing:.06em;pointer-events:none}.salary-grid .calculated-field{position:relative}.salary-history{border:1px solid var(--line);border-radius:13px;background:#fff}.salary-history summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#4d5b70;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.salary-history summary::-webkit-details-marker{display:none}.salary-history summary:after{content:"+";margin-left:auto;color:var(--blue);font-size:16px}.salary-history[open] summary:after{content:"−"}.salary-history summary span{order:2;margin-left:9px;padding:4px 7px;border-radius:99px;background:#edf3ff;color:#3567bd;font-size:8px}.salary-history>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.salary-history article{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:13px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.salary-history article:nth-child(2n){border-right:0}.salary-history time{grid-row:1/3;color:#6680a9;font-size:9px;font-weight:800}.salary-history b{font:800 12px Manrope}.salary-history span,.salary-history small{grid-column:2;color:var(--muted);font-size:9px}.salary-history small{color:#8793a5;font-style:italic}
@media(max-width:900px){.salary-formula{grid-template-columns:1fr auto 1fr}.salary-formula>div:last-child{grid-column:1/-1}.salary-formula>span:nth-of-type(2){display:none}}@media(max-width:560px){.salary-formula{grid-template-columns:1fr}.salary-formula>span{display:none}.salary-history>div{grid-template-columns:1fr}.salary-history article{border-right:0}}
.device-admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:18px;margin-bottom:18px}.device-side-stack{display:grid;gap:18px}.device-settings-card .dialog-form{padding-top:0}.device-settings-form .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-check-row{display:flex;align-items:center;gap:28px}.device-status-card{padding:0 24px 24px}.device-clock{padding:20px;border-radius:15px;background:linear-gradient(145deg,#f6f8fc,#fff);border:1px solid var(--line);margin-bottom:14px}.device-clock small,.device-clock span{display:block;color:var(--muted)}.device-clock b{display:block;margin:7px 0;font:800 24px Manrope;color:var(--ink)}.wide{width:100%;justify-content:center}.device-facts{margin:0 0 14px}.device-facts div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.device-facts dt{color:var(--muted)}.device-facts dd{margin:0;font-weight:700;text-align:right}.device-controls{margin-bottom:18px}.device-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px 24px}.device-command-grid form{display:contents}.device-command{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;transition:.18s ease}.device-command:hover:not(:disabled){border-color:#99b8ee;box-shadow:0 8px 24px rgba(31,71,133,.1);transform:translateY(-1px)}.device-command span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:#2868d7;font-size:20px}.device-command b{font:700 13px Manrope}.device-command small{color:var(--muted)}.device-command.danger{opacity:.58}.device-command.danger span{background:#fff0f0;color:#c94a56}.device-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.device-bottom-grid>.panel{overflow:hidden}
@media(max-width:1150px){.device-admin-grid{grid-template-columns:1fr}.device-settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.device-bottom-grid{grid-template-columns:1fr}.device-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.device-settings-form .form-grid,.device-command-grid{grid-template-columns:1fr}.device-check-row{align-items:flex-start;flex-direction:column;gap:10px}}
.movement-manager{overflow:hidden}.movement-create-bar{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(170px,.65fr) minmax(145px,.55fr) minmax(145px,.55fr) minmax(250px,1.15fr) auto;gap:16px;align-items:end;margin:0 24px 16px;padding:21px 22px;border:1px solid #d6e2f3;border-radius:16px;background:linear-gradient(135deg,#f5f9ff,#fff);box-shadow:0 8px 22px rgba(34,69,125,.05)}.movement-create-bar>div small,.movement-create-bar>div b{display:block}.movement-create-bar>div small{color:var(--blue);font-size:9px;font-weight:850;letter-spacing:.12em}.movement-create-bar>div b{margin-top:6px;font:800 16px Manrope;letter-spacing:-.015em}.movement-create-bar label{display:grid;gap:7px;min-width:0;color:#59667b;font-size:11px;font-weight:750}.movement-create-bar input{width:100%;min-width:0;height:44px;margin:0;padding:10px 12px;border:1px solid #d7e0ec;border-radius:10px;outline:0;background:#fff;color:#18243a;font-size:13px;font-weight:650;box-shadow:0 1px 2px rgba(19,37,68,.025);transition:border-color .16s ease,box-shadow .16s ease}.movement-create-bar input:hover{border-color:#b9c6d8}.movement-create-bar input:focus{border-color:#4f78d8;box-shadow:0 0 0 3px rgba(49,95,209,.1)}.movement-create-submit{min-width:118px;height:44px;padding:0 17px;justify-content:center;white-space:nowrap}.movement-legend{display:flex;flex-wrap:wrap;gap:18px;padding:0 25px 14px;color:var(--muted);font-size:10px}.movement-legend span{display:flex;align-items:center;gap:7px}.movement-legend i{width:8px;height:8px;border-radius:50%}.device-dot{background:var(--green)}.manual-dot{background:#e9a02d}.edited-dot{background:var(--red)}.movement-day-table tbody tr{cursor:pointer;transition:.15s ease}.movement-day-table tbody tr:hover,.movement-day-table tbody tr:focus{outline:0;background:#f3f7ff}.movement-day-table td:first-child b,.movement-day-table td:first-child small,.movement-day-table td:nth-child(2) b,.movement-day-table td:nth-child(2) small,.movement-day-table td:nth-child(3) b,.movement-day-table td:nth-child(3) small,.movement-day-table td:nth-child(4) small{display:block}.movement-day-table td small{margin-top:3px;color:var(--muted);font-size:9px}.movement-time{font:800 13px Manrope}.movement-time.edited{color:#d94755}.movement-time.edited:after{content:"düzenlendi";display:inline-block;margin-left:7px;padding:3px 6px;border-radius:6px;background:#fff0f1;color:#d94755;font:700 8px Manrope;vertical-align:middle}.movement-edit-button{width:34px;height:34px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#48617f;cursor:pointer}.movement-edit-button:hover{border-color:var(--blue);color:var(--blue)}.movement-editor-dialog{width:min(820px,calc(100vw - 28px))}.movement-editor-dialog .dialog-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px}.movement-edit-slot{padding:18px;border:1px solid var(--line);border-radius:15px}.movement-edit-slot header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.movement-edit-slot header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:var(--blue);font-size:19px}.movement-edit-slot header b,.movement-edit-slot header small{display:block}.movement-edit-slot header b{font:800 14px Manrope}.movement-edit-slot header small{margin-top:3px;color:var(--muted);font-size:9px}.movement-edit-form{display:grid;grid-template-columns:145px 120px minmax(180px,1fr) auto;gap:11px;align-items:end}.movement-edit-form label{font-size:9px}.movement-edit-form input{margin-top:5px}.movement-void-form{display:flex;justify-content:flex-end;margin-top:10px}.movement-void-form .danger{background:#fff0f1;color:#c93d4a;border:1px solid #ffd3d7}.movement-void-form button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1280px){.movement-create-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.movement-create-intro{grid-column:1/-1}.movement-reason{grid-column:span 2}.movement-create-submit{width:100%}}@media(max-width:820px){.movement-create-bar{grid-template-columns:1fr 1fr}.movement-create-intro,.movement-reason{grid-column:1/-1}.movement-create-submit{width:100%}.movement-edit-form{grid-template-columns:1fr 1fr}.movement-edit-reason{grid-column:span 2}}@media(max-width:620px){.movement-create-bar{grid-template-columns:1fr;margin-right:14px;margin-left:14px;padding:17px}.movement-edit-form{grid-template-columns:1fr}.movement-create-intro,.movement-reason,.movement-edit-reason{grid-column:auto}.movement-create-bar input,.movement-create-submit{height:46px}.movement-day-table th:nth-child(4),.movement-day-table td:nth-child(4){display:none}}
.bulk-movement-dialog{width:min(760px,calc(100vw - 28px))}.bulk-movement-dialog .dialog-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px}.bulk-picker-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.bulk-picker-head>b{font:800 12px Manrope}.bulk-picker-head>div{display:flex;gap:8px}.bulk-person-select{width:100%;min-height:225px;padding:7px;border:1px solid #dce3ed;border-radius:13px;background:#fbfcfe;outline:none}.bulk-person-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(39,101,255,.1)}.bulk-person-select option{padding:8px 10px;border-radius:7px;color:#4f5c70;font-size:12px}.bulk-person-select option:checked{background:linear-gradient(90deg,#244d8f,#326ed0);color:#fff}.field-note{margin-top:-12px;color:var(--muted);font-size:9px}.bulk-time-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px}.bulk-safety-note{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid #cfe8df;border-radius:12px;background:#f0faf6}.bulk-safety-note>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#dff5eb;color:#07805b;font-weight:800}.bulk-safety-note b,.bulk-safety-note small{display:block}.bulk-safety-note b{color:#176b52;font-size:11px}.bulk-safety-note small{margin-top:3px;color:#648378;font-size:9px;line-height:1.4}@media(max-width:620px){.bulk-time-grid{grid-template-columns:1fr}.bulk-picker-head{align-items:flex-start;flex-direction:column}}
.person-picker{position:relative;width:100%;min-width:210px;margin-top:7px;color:#26334b;font-size:12px}.person-picker-native{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:.01;pointer-events:none}.person-picker-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#26334b;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease}.person-picker-trigger:hover,.person-picker.open .person-picker-trigger{border-color:#789be3}.person-picker-trigger:focus-visible{outline:0;border-color:#315fd1;box-shadow:0 0 0 3px rgba(49,95,209,.12)}.person-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.person-picker-trigger>i{flex:0 0 auto;color:#718097;font-size:11px;font-style:normal;transition:transform .16s ease}.person-picker.open .person-picker-trigger>i{transform:rotate(180deg)}.person-picker-panel{position:fixed;z-index:80;top:calc(100% + 7px);left:0;width:max(100%,320px);overflow:hidden;border:1px solid #d7dfeb;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(24,39,68,.18)}.person-picker-panel[hidden]{display:none}.person-picker-search{position:relative;padding:11px;border-bottom:1px solid #e7ebf2;background:#f7f9fc}.person-picker-search:before{content:"\2315";position:absolute;left:23px;top:50%;color:#75839a;font-size:18px;transform:translateY(-52%)}.person-picker-search input{width:100%;min-height:39px;margin:0!important;padding:9px 11px 9px 36px!important;border:1px solid #d9e1ed!important;border-radius:9px!important;background:#fff!important;font-size:12px!important}.person-picker-tools{display:flex;gap:7px;padding:9px 11px;border-bottom:1px solid #edf0f5}.person-picker-tools button{padding:6px 9px;border:0;border-radius:7px;background:#edf3ff;color:#3159b5;cursor:pointer;font-size:9px;font-weight:800}.person-picker-options{max-height:270px;overflow:auto;padding:6px}.person-picker-option{display:grid!important;grid-template-columns:19px 1fr;align-items:center;gap:9px!important;min-height:38px;padding:8px 9px;border-radius:8px;color:#33415a!important;cursor:pointer;font-size:11px!important;font-weight:650!important}.person-picker-option:hover{background:#f1f5fb}.person-picker-option.selected{background:#eaf1ff;color:#234da8!important}.person-picker-option input{width:17px!important;height:17px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:#315fd1;box-shadow:none!important}.person-picker-option span{line-height:1.35}.person-picker-empty{padding:22px 14px;color:#7d899c;font-size:11px;text-align:center}.person-picker-summary{padding:8px 11px;border-top:1px solid #edf0f5;background:#fafbfd;color:#758198;font-size:9px;font-weight:700}@media(max-width:620px){.person-picker{min-width:0}.person-picker-panel{position:fixed;z-index:120;inset:auto 10px 10px;width:auto;max-height:min(74vh,560px);border-radius:17px}.person-picker-options{max-height:min(48vh,360px)}}
.perkotek-report .person-movement-report{min-width:1120px;table-layout:fixed;font-size:8px}.person-movement-report thead th{top:0;padding:5px 4px;background:#d7dee8;color:#263247;letter-spacing:.01em}.person-movement-report th:nth-child(1){width:10%}.person-movement-report th:nth-child(2),.person-movement-report th:nth-child(5){width:5%}.person-movement-report th:nth-child(3),.person-movement-report th:nth-child(6){width:3%}.person-movement-report th:nth-child(4),.person-movement-report th:nth-child(7){width:12%}.person-movement-report th:nth-child(8){width:9%}.person-movement-report th:nth-child(9){width:13%}.person-movement-report th:nth-child(n+10){width:7%}.person-movement-report tbody tr:not(.report-person):not(.report-total){transition:background .12s ease}.person-movement-report tbody tr:not(.report-person):not(.report-total):hover{background:#f2f6fc}.perkotek-report .person-movement-report .report-person td{height:auto;padding:0;background:#17233e;color:#fff}.report-person-meta{display:grid;grid-template-columns:34px 85px 85px minmax(180px,1fr);align-items:stretch}.report-person-meta>strong{display:grid;place-items:center;min-height:38px;background:#315fd1;color:#fff;font:800 10px Manrope;letter-spacing:.03em}.report-person-meta>span{display:flex;justify-content:center;flex-direction:column;gap:1px;padding:5px 9px;border-right:1px solid rgba(255,255,255,.12)}.report-person-meta small{color:#9eabc4;font-size:6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.report-person-meta b{color:#fff;font:750 8px Manrope}.report-person-meta .person-name b{font-size:10px}.person-report-date{text-align:left!important}.person-report-date b,.person-report-date small{display:inline}.person-report-date small{margin-left:4px;color:#78869a;font-size:7px;font-weight:700}.person-movement-report .person-day-absent{background:#fff2f0}.person-movement-report .person-day-absent td{border-color:#efcbc6}.person-movement-report .person-day-off{background:#f7f8fa;color:#768398}.person-movement-report .person-day-leave{background:#f2f6fd}.report-status{display:inline-flex;align-items:center;min-height:15px;padding:2px 5px;border-radius:4px;font-size:6.5px;font-weight:900;white-space:nowrap}.report-status.ok{background:#e9f7f1;color:#087455}.report-status.danger{background:#ffe0dc;color:#bd3027}.report-status.info{background:#e8f0ff;color:#285fbc}.report-status.muted{background:#eceff3;color:#687486}.person-movement-report .edited-time{background:#ffd9d0!important;color:#b42318;font-weight:900}.manual-mark{display:inline-flex;padding:2px 4px;border-radius:3px;background:#d92d20;color:#fff;font-size:6px;font-weight:900;letter-spacing:.04em}.duration-alert{color:#a74408;font-weight:900}.person-movement-report .person-report-total td{height:22px;padding:4px 6px;background:#e5e9ef;color:#354157;font-weight:900}.person-movement-report .person-report-total td:first-child{text-align:left}.person-movement-report .person-report-total td:nth-last-child(-n+3){color:#1f4f99;text-align:center}@media(max-width:720px){.report-summary-ribbon{grid-template-columns:1fr 1fr}.report-person-meta{grid-template-columns:34px repeat(2,minmax(75px,1fr))}.report-person-meta .person-name{grid-column:2/4}.report-person-meta>span{padding:5px 7px}.perkotek-report .table-wrap{max-height:66vh}}
@media print{.sidebar,.topbar,.page-actions,.report-config-panel,.report-summary-ribbon{display:none!important}.shell,.content{display:block!important;width:100%!important;margin:0!important;padding:0!important}.perkotek-report{border:0;box-shadow:none}.perkotek-report .report-output-head{padding:5px 0}.perkotek-report .table-wrap{max-height:none!important;overflow:visible!important}.perkotek-report table{min-width:100%!important;font-size:7px!important}.perkotek-report th,.perkotek-report td{padding:2px 3px!important}.report-person-meta>strong{min-height:30px}.report-person-meta>span{padding:3px 6px}}
.holiday-rule-card{grid-template-columns:58px minmax(0,1fr);align-items:start}.holiday-rule-content{min-width:0}.holiday-rule-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,.9fr) auto;gap:12px;align-items:end;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.holiday-rule-form label{min-width:0;margin:0;color:#536178;font-size:11px;font-weight:800;line-height:1.35}.holiday-rule-form .check{display:flex;align-items:center;gap:9px;align-self:end;min-height:44px;padding:0 12px;border:1px solid #e1e7f0;border-radius:10px;background:#f8fafc;color:#25324a;font-size:11px;font-weight:700}.holiday-rule-form .check input{width:16px;height:16px;flex:0 0 auto;margin:0}.holiday-rule-form input[type=date]{display:block;width:100%;min-width:0;min-height:44px;margin-top:7px;padding:9px 11px;border:1px solid #d9e1ed;border-radius:10px;background:#fbfcfe;color:#17223b;font-size:12px;font-weight:700}.holiday-rule-form input[type=date]:hover{border-color:#aebbd0}.holiday-rule-form input[type=date]:focus{border-color:#4d5cff;box-shadow:0 0 0 3px rgba(77,92,255,.12);outline:0}.holiday-rule-form .btn{min-width:128px;min-height:44px;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.holiday-rule-card .holiday-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:11px;border-top:1px solid var(--line)}.holiday-rule-card .holiday-actions small{margin-right:auto;color:var(--muted);font-size:9px;font-weight:700}@media(max-width:1380px){.holiday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.holiday-rule-form{grid-template-columns:1fr}.holiday-rule-form .btn{width:100%}.holiday-rule-form .check{align-self:auto}}@media(max-width:560px){.holiday-grid{grid-template-columns:1fr}}
.holiday-year-bar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto;align-items:center;gap:18px;margin:0 0 20px;padding:18px 20px;border:1px solid #dfe6f0;border-radius:17px;background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);box-shadow:0 12px 30px rgba(28,44,76,.055)}.holiday-year-copy .eyebrow{margin:0 0 5px;color:#4d5cff;font-size:9px;font-weight:900;letter-spacing:.14em}.holiday-year-copy h3{margin:0;color:#17223b;font:800 18px Manrope}.holiday-year-copy p:last-child{margin:4px 0 0;color:#778399;font-size:10px}.holiday-year-status{min-width:96px;padding:10px 14px;border-left:1px solid #e2e7f0}.holiday-year-status span,.holiday-year-status small{display:block}.holiday-year-status span{color:#17223b;font:850 23px Manrope}.holiday-year-status small{margin-top:2px;color:#7d899b;font-size:9px}.holiday-year-picker{display:flex;align-items:flex-end;gap:7px}.holiday-year-picker label{margin:0;color:#66738a;font-size:9px;font-weight:800}.holiday-year-picker select{display:block;min-width:92px;height:40px;margin-top:5px;padding:0 30px 0 11px;border:1px solid #d8e0ec;border-radius:9px;background:#fff;color:#17223b;font:800 12px Manrope}.holiday-year-picker .btn,.holiday-sync-form .btn{height:40px;padding:0 14px;border-radius:9px;font-size:11px}.holiday-year-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d8e0ec;border-radius:9px;background:#fff;color:#315fd1;font-size:17px;font-weight:800;text-decoration:none}.holiday-year-arrow:hover{border-color:#789be3;background:#f2f6ff}.holiday-sync-form{margin:0}.holiday-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.holiday-title-row h3{min-width:0}.holiday-title-row em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#e7f7f0;color:#087455;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.04em}.holiday-title-row em.manual{background:#fff1df;color:#a45a0a}@media(max-width:1220px){.holiday-year-bar{grid-template-columns:minmax(250px,1fr) auto auto}.holiday-sync-form{grid-column:1/-1}.holiday-sync-form .btn{width:100%}}@media(max-width:760px){.holiday-year-bar{grid-template-columns:1fr}.holiday-year-status{border-top:1px solid #e2e7f0;border-left:0;padding:11px 0 0}.holiday-year-picker{display:grid;grid-template-columns:40px minmax(0,1fr) auto 40px}.holiday-year-picker label,.holiday-year-picker select{width:100%}.holiday-year-copy h3{font-size:17px}}

/* Rapor okunabilirlik dengesi: yoğun aylık görünüm + net veri hiyerarşisi */
.report-output-head{padding:10px 14px;background:#f7f9fc}
.report-output-head small{margin-bottom:3px;font-size:9px;font-weight:650}
.report-output-head h3{font-size:13px;line-height:1.25;letter-spacing:.015em}
.report-output-head span{padding:5px 9px;font-size:9px}
.report-summary-ribbon article{padding:11px 16px}
.report-summary-ribbon small{font-size:9px;letter-spacing:.035em}
.report-summary-ribbon b{font-size:17px;line-height:1.15}
.perkotek-report .table-wrap{max-height:calc(100vh - 150px)}
.perkotek-report table{min-width:1260px;color:#263247;font-size:10px;font-weight:560;line-height:1.2;font-variant-numeric:tabular-nums}
.perkotek-report th{height:25px;padding:5px 7px;background:#dce3ed;color:#17243d;font-size:9.5px;font-weight:850;line-height:1.15;letter-spacing:.012em}
.perkotek-report td{height:22px;padding:3px 7px;border-color:#d6dce5;color:#33415a;font-size:10px}
.perkotek-report tbody tr:not(.report-day):not(.report-person):not(.report-subgroup):not(.report-total):nth-child(even){background:#fbfcfe}
.perkotek-report tbody tr:not(.report-day):not(.report-person):not(.report-subgroup):not(.report-total):hover{background:#f1f5fb}
.perkotek-report td b{font-weight:780}
.perkotek-report .report-day td{height:23px;padding:4px 8px;font-size:9.5px}
.perkotek-report .report-total td{height:25px;padding:5px 8px;font-size:9.5px}
.perkotek-report .general-movement-report{min-width:1480px}
.perkotek-report .report-data-table:not(.general-movement-report){min-width:1080px}
.perkotek-report .person-movement-report{min-width:1220px;font-size:10px}
.person-movement-report thead th{padding:5px 6px}
.report-person-meta{grid-template-columns:38px 100px 100px minmax(210px,1fr)}
.report-person-meta>strong{min-height:42px;font-size:11px}
.report-person-meta>span{gap:2px;padding:6px 10px}
.report-person-meta small{font-size:7.5px;line-height:1.2}
.report-person-meta b{font-size:9.5px;line-height:1.25}
.report-person-meta .person-name b{font-size:11.5px}
.person-report-date b{font-size:10px}
.person-report-date small{margin-left:5px;font-size:8px}
.report-status{min-height:18px;padding:3px 7px;border-radius:5px;font-size:8px;line-height:1}
.manual-mark{padding:2px 5px;font-size:7.5px}
.duration-alert{color:#a33f05;font-weight:850}
.person-movement-report .person-report-total td{height:25px;padding:5px 7px;font-size:9.5px}
.report-detail-table td small{margin-left:5px;font-size:8px}
@media(max-width:720px){
  .report-output-head h3{font-size:12px}
  .perkotek-report table,.perkotek-report .person-movement-report{font-size:9.5px}
  .perkotek-report th{font-size:9px}
  .perkotek-report td{padding-right:6px;padding-left:6px}
  .perkotek-report .table-wrap{max-height:70vh}
}
@media print{
  .perkotek-report table{font-size:8px!important;line-height:1.12!important}
  .perkotek-report th{font-size:7.5px!important}
  .perkotek-report th,.perkotek-report td{height:auto!important;padding:2px 4px!important}
  .report-person-meta small{font-size:6.5px!important}
  .report-person-meta b{font-size:8px!important}
}

/* Perkotek-compatible daily attendance policy editor */
.policy-edit{border:0;background:transparent;color:var(--primary);font:800 12px Manrope;cursor:pointer;padding:0}
.policy-dialog{width:min(980px,calc(100vw - 30px));max-height:92vh}
.policy-editor{width:min(1180px,calc(100vw - 30px))}
.policy-editor>.dialog-form{display:block;max-height:90vh;overflow:auto}
.policy-editor .dialog-head{position:sticky;top:0;z-index:4;margin:-26px -26px 0;padding:24px 26px 18px;background:#fff;border-bottom:1px solid var(--line)}
.policy-editor .dialog-head p{margin:6px 0 0;color:var(--muted);font-size:12px}
.policy-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.policy-time-grid label,.policy-rule-grid label{display:grid;gap:7px;color:#58647a;font-size:11px;font-weight:700}
.policy-tabs{position:sticky;top:91px;z-index:3;display:flex;gap:6px;margin:0 -26px 22px;padding:12px 26px;background:#fff;border-bottom:1px solid var(--line)}
.policy-tabs button{border:0;border-radius:10px;background:#f1f4f9;color:#637087;padding:11px 15px;font:800 12px Manrope;cursor:pointer}
.policy-tabs button.active{background:#233b76;color:#fff}
.policy-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:10px;background:rgba(255,255,255,.18);font-size:10px}
.policy-section-form{display:grid;gap:17px}
.policy-form-actions{display:flex;justify-content:flex-end}
.policy-archive-form{display:flex;justify-content:flex-end;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.btn.danger{border-color:#ffd4d0;background:#fff5f3;color:#cf4a42}
.btn.small{min-height:38px;padding:9px 12px;font-size:11px}
.policy-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.policy-section-head h3{margin:0;font:800 18px Manrope}.policy-section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.policy-rule-grid{display:grid;grid-template-columns:1.35fr 1.15fr .8fr .8fr .7fr auto;gap:10px;align-items:end;padding:13px;margin-bottom:9px;border:1px solid var(--line);border-radius:13px;background:#fff}
.policy-rule-grid.penalty-rule{grid-template-columns:1.05fr .75fr .75fr .72fr .68fr .8fr .72fr auto}
.policy-rule-grid.payroll-rule{grid-template-columns:1.35fr .72fr .72fr .7fr .7fr .7fr .65fr .75fr auto}
.policy-rule-grid input,.policy-rule-grid select{min-width:0;height:40px;padding:8px 10px}
.policy-rule-grid .check.compact{display:flex!important;gap:7px;min-height:40px;padding:0 8px}
.rule-actions{display:flex;gap:6px;align-items:center}
.policy-new-rule{border-style:dashed;background:#f8faff}
@media(max-width:900px){
  .policy-time-grid{grid-template-columns:1fr 1fr}
  .policy-tabs{top:113px;overflow:auto}
  .policy-rule-grid,.policy-rule-grid.penalty-rule,.policy-rule-grid.payroll-rule{grid-template-columns:1fr 1fr}
  .rule-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:560px){
  .policy-time-grid,.policy-rule-grid,.policy-rule-grid.penalty-rule,.policy-rule-grid.payroll-rule{grid-template-columns:1fr}
  .policy-tabs{top:132px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
  .policy-tabs button{white-space:nowrap}
}
.payroll-slip {
  max-width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

.payroll-slip > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px;
  background: #15213f;
  color: #fff;
}

.payroll-slip > header h2 {
  margin: 4px 0 0;
  font-size: 26px;
  color: #fff;
}

.payroll-slip > header p {
  margin: 0;
  color: #aebbd9;
}

.payroll-slip-person {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #e5eaf4;
  border-bottom: 1px solid #e5eaf4;
}

.payroll-slip-person > div {
  padding: 18px 20px;
  background: #fff;
}

.payroll-slip-person small,
.payroll-slip footer small {
  display: block;
  margin-bottom: 6px;
  color: #7b86a3;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.payroll-slip-person strong {
  color: #17213a;
  font-size: 15px;
}

.payroll-slip table {
  min-width: 0;
  margin: 0;
}

.payroll-slip th,
.payroll-slip td {
  padding: 13px 18px;
}

.payroll-slip > footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px 0 0;
  background: #e5eaf4;
}

.payroll-slip > footer > div {
  padding: 20px;
  background: #f8faff;
}

.payroll-slip > footer strong {
  color: #17213a;
  font-size: 22px;
}

.payroll-slip > footer .net {
  background: #4c5cff;
}

.payroll-slip > footer .net small,
.payroll-slip > footer .net strong {
  color: #fff;
}

@media (max-width: 760px) {
  .payroll-slip > header {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }

  .payroll-slip-person,
  .payroll-slip > footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media print {
  .payroll-slip {
    max-width: none;
    box-shadow: none;
  }

  .payroll-slip > header {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .payroll-slip > footer .net {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.person-picker-option[hidden]{display:none!important}
.user-card{position:relative;overflow:hidden;grid-template-columns:42px minmax(0,1fr) auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.user-card:hover{border-color:#cbd9ee;box-shadow:0 12px 28px rgba(27,55,101,.08);transform:translateY(-1px)}.user-card.is-passive{opacity:.72;background:#f8f9fb}.user-card-copy{min-width:0}.user-card-copy h3{display:flex;align-items:center;gap:7px}.user-card-copy h3>small{padding:3px 6px;border-radius:6px;background:#eef3ff;color:#315fd1;font-size:8px;font-weight:850;text-transform:uppercase}.user-card-badges{display:flex;align-items:center;gap:6px}.user-card-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px -21px -21px;padding:12px 21px;border-top:1px solid var(--line);background:#fafbfd}.user-card-footer>small{color:#929baa;font-size:9px}.user-edit-btn{min-height:32px;padding:7px 12px;border:1px solid #d7e0ec;border-radius:9px;background:#fff;color:#315fd1;cursor:pointer;font-size:10px;font-weight:800}.user-edit-btn:hover{border-color:#8dabdf;background:#f2f6ff}.user-editor-dialog{width:min(720px,calc(100vw - 28px))}.user-editor-dialog .dialog-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px}.user-role-field,.user-password-grid{grid-column:1/-1}.user-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.user-active-control{display:flex!important;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d8e5df;border-radius:13px;background:#f3faf7}.user-active-control input{width:18px!important;height:18px;accent-color:#14956a}.user-active-control b,.user-active-control small{display:block}.user-active-control b{color:#176b52;font-size:12px}.user-active-control small{margin-top:3px;color:#648378;font-size:9px}.user-active-control:has(input:disabled){opacity:.65}.user-self-note{padding:11px 13px;border-radius:11px;background:#eef3ff;color:#3159b5;font-size:10px;font-weight:700}@media(max-width:620px){.user-card-badges{align-items:flex-end;flex-direction:column}.user-editor-dialog .form-grid,.user-password-grid{grid-template-columns:1fr}.user-card-footer{padding:12px 16px;margin-right:-16px;margin-left:-16px}}

/* Dar ekranlarda büyük tablolar belgeyi değil kendi alanlarını kaydırır. */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.workspace,.topbar,.page-actions,.panel,.table-panel,.table-wrap,.dashboard-command,.dashboard-operations,.overview-hero,.overview-board,.overview-flow-grid,.report-config-panel,.report-builder{min-width:0;max-width:100%}
@media(min-width:1280px){
  .overview-hero{padding:31px 34px}
  .overview-live{font-size:10px}
  .overview-hero>div>p{font-size:13px}
  .overview-kpi{min-height:86px;padding:17px 16px}
  .overview-kpi small{font-size:10px}
  .overview-kpi b{font-size:26px}
  .overview-kpi p{font-size:9px}
  .overview-flow-card h3,.overview-personnel-card h3,.overview-list-card h3,.overview-action-card h3,.overview-holiday-card h3{font-size:14px}
  .overview-flow-card header p,.overview-personnel-card header p,.overview-list-card header p,.overview-action-card header p,.overview-holiday-card header p{font-size:10px}
  .flow-lines>a,.flow-lines>button{padding:12px 20px}
  .flow-lines b{font-size:11px}
  .flow-lines small{font-size:9px}
  .flow-lines strong{font-size:15px}
  .personnel-pulse b{font-size:22px}
  .personnel-pulse small{font-size:9px}
  .overview-section-heading h2{font-size:24px}
}
.movement-filters{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(2,minmax(150px,.65fr)) auto auto auto;gap:11px;align-items:end}
.movement-filters label{display:grid;gap:6px;min-width:0;color:#667085;font-size:10px;font-weight:800}
.movement-filters label input{min-width:0;min-height:42px;margin:0}
.movement-filters>b{align-self:center;justify-self:end;color:#7c8799;font-size:11px;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 20px;border-top:1px solid var(--line);background:#fafbfd}
.pagination a,.pagination span{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #dbe2ed;border-radius:9px;background:#fff;color:#315fd1;font-size:11px;font-weight:800}
.pagination span{background:#eef3ff;color:#293a5c}
.pagination a.disabled{opacity:.42;pointer-events:none}
.auth-secondary-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;color:#315fd1;font-size:12px;font-weight:800}

/* Genel bakış: daha yakın okuma mesafesi, aynı ekranda daha fazla operasyon bilgisi. */
.page-dashboard{padding-top:24px}
.page-dashboard .topbar{margin-bottom:20px}
.page-dashboard .topbar h1{font-size:32px}
.page-dashboard .topbar .eyebrow{font-size:12px}
.page-dashboard .overview-hero{margin-bottom:12px;padding:28px 32px}
.page-dashboard .overview-hero h2{font-size:clamp(34px,2.55vw,44px)}
.page-dashboard .overview-hero>div>p{font-size:13px}
.page-dashboard .overview-live{font-size:10px}
.page-dashboard .overview-hero-meta small{font-size:9px}
.page-dashboard .overview-hero-meta b{font-size:22px}
.page-dashboard .overview-hero-meta>a b{font-size:13px}
.page-dashboard .overview-hero-meta span{font-size:10px}
.page-dashboard .overview-kpis{margin-bottom:18px}
.page-dashboard .overview-kpi{min-height:82px;padding:14px 15px}
.page-dashboard .overview-kpi small{font-size:11px}
.page-dashboard .overview-kpi b{font-size:28px}
.page-dashboard .overview-kpi p{font-size:9px}
.page-dashboard .overview-flow-grid{margin-bottom:20px}
.page-dashboard .overview-flow-card>header,.page-dashboard .overview-personnel-card>header{padding:15px 18px}
.page-dashboard .overview-flow-card h3,.page-dashboard .overview-personnel-card h3,.page-dashboard .overview-list-card h3,.page-dashboard .overview-action-card h3,.page-dashboard .overview-holiday-card h3{font-size:15px}
.page-dashboard .overview-flow-card header p,.page-dashboard .overview-personnel-card header p,.page-dashboard .overview-list-card header p,.page-dashboard .overview-action-card header p,.page-dashboard .overview-holiday-card header p{font-size:10px}
.page-dashboard .flow-lines>a,.page-dashboard .flow-lines>button{padding:10px 18px}
.page-dashboard .flow-lines b{font-size:12px}
.page-dashboard .flow-lines small{font-size:9px}
.page-dashboard .flow-lines strong{font-size:16px}
.page-dashboard .personnel-pulse{padding:13px 18px}
.page-dashboard .personnel-pulse>button{padding:11px 13px}
.page-dashboard .personnel-pulse b{font-size:23px}
.page-dashboard .personnel-pulse small{font-size:9px}
.page-dashboard .overview-section-heading h2{font-size:25px}
.page-dashboard .overview-people b{font-size:11px}
.page-dashboard .overview-people small{font-size:9px}
.page-dashboard .overview-people time{font-size:10px}

/* Log merkezi: erişim kayıtları ve yönetim müdahaleleri aynı iz üzerinde. */
.log-page-head{margin-bottom:16px}
.log-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.log-stat-grid article{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;min-height:86px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(23,32,52,.035)}
.log-stat-grid article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#edf3ff;color:#315bd7;font-size:19px;font-weight:900}
.log-stat-grid article.ok>span{background:#e8f8f1;color:#0b8e66}.log-stat-grid article.danger>span{background:#fff0f0;color:#d44c58}.log-stat-grid article.warning>span{background:#fff4e8;color:#d97825}
.log-stat-grid small,.log-stat-grid b{display:block}.log-stat-grid small{color:#798499;font-size:10px;font-weight:800}.log-stat-grid b{margin-top:3px;font:800 25px Manrope}
.log-filter-bar{display:grid;grid-template-columns:minmax(180px,.8fr) 150px 150px minmax(260px,1.4fr) auto auto;gap:12px;align-items:end;margin-bottom:14px;padding:17px 18px}
.log-filter-bar label{display:grid;gap:7px;min-width:0;color:#617087;font-size:10px;font-weight:800}
.log-filter-bar input,.log-filter-bar select{width:100%;min-width:0;height:42px;padding:9px 11px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#24314a;outline:0;font-size:12px}
.log-filter-bar input:focus,.log-filter-bar select:focus{border-color:#4e72d2;box-shadow:0 0 0 3px rgba(49,95,209,.1)}
.log-filter-bar .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;white-space:nowrap}
.log-timeline{overflow:hidden}.log-timeline>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.log-timeline>header h3{margin:0;font:800 17px Manrope}.log-timeline>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.log-timeline>header>span{color:#8792a5;font-size:10px;font-weight:750}
.log-row{display:grid;grid-template-columns:42px minmax(0,1fr) 175px 130px;gap:13px;align-items:center;min-height:72px;padding:12px 20px;border-bottom:1px solid #edf0f4}
.log-row:last-child{border-bottom:0}.log-row:hover{background:#fafbfe}
.log-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf3ff;color:#315bd7;font-weight:900}.log-mark.ok{background:#e8f8f1;color:#087f5b}.log-mark.danger{background:#fff0f0;color:#c94450}.log-mark.warning{background:#fff4e8;color:#cb7023}
.log-copy{min-width:0}.log-copy b,.log-copy small,.log-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-copy b{font-size:12px}.log-copy small{margin-top:4px;color:#707d91;font-size:10px}.log-copy em{margin-top:3px;color:#9aa3b2;font-size:9px;font-style:normal}
.log-copy small.log-detail,.log-copy small.log-context{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.log-copy small.log-context b{display:inline;overflow:visible;white-space:normal}.log-technical{margin-top:6px;color:#657187;font-size:10px}.log-technical summary{width:max-content;cursor:pointer;color:#315bd7;font-weight:750}.log-technical small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.log-technical small b{display:inline;overflow:visible;white-space:normal}
.log-meta{text-align:right}.log-meta time,.log-meta span{display:block}.log-meta time{color:#35435a;font-size:10px;font-weight:800}.log-meta span{margin-top:5px;color:#929cad;font-size:9px;font-variant-numeric:tabular-nums}
.log-kind{justify-self:end;min-width:110px;padding:6px 9px;border-radius:999px;background:#edf3ff;color:#315bd7;font-size:9px;text-align:center}.log-kind.ok{background:#e8f8f1;color:#087f5b}.log-kind.danger{background:#fff0f0;color:#c94450}.log-kind.warning{background:#fff4e8;color:#cb7023}
.log-meta .log-kind-mobile{display:none}.log-limit-note{margin:-4px 0 14px;padding:10px 13px;border:1px solid #f0d8ad;border-radius:10px;background:#fff8e9;color:#8a5a16;font-size:10px;font-weight:700}

@media(max-width:1200px){
  .log-filter-bar{grid-template-columns:1fr 1fr 1fr}.log-search{grid-column:span 2}
  .log-row{grid-template-columns:42px minmax(0,1fr) 155px}.log-kind{display:none}.log-meta .log-kind-mobile{display:block;font-weight:750}
}
@media(max-width:820px){
  .page-dashboard{padding-top:20px}.page-dashboard .topbar h1{font-size:29px}
  .page-dashboard .overview-hero h2{font-size:34px}
  .log-stat-grid{grid-template-columns:1fr 1fr}
  .log-filter-bar{grid-template-columns:1fr 1fr}.log-search{grid-column:1/-1}
}
@media(max-width:620px){
  .page-dashboard .overview-hero{padding:24px 21px}
  .page-dashboard .overview-hero h2{font-size:31px}
  .log-stat-grid{grid-template-columns:1fr 1fr}.log-stat-grid article{grid-template-columns:34px 1fr;min-height:68px;padding:11px}.log-stat-grid article>span{width:34px;height:34px;font-size:15px}.log-stat-grid b{font-size:18px}
  .log-filter-bar{grid-template-columns:1fr}.log-search{grid-column:auto}
  .log-row{grid-template-columns:38px minmax(0,1fr);padding:12px 14px}.log-mark{width:38px;height:38px}.log-meta{grid-column:2;text-align:left}.log-meta time,.log-meta span{display:inline}.log-meta span{margin-left:8px}.log-timeline>header>span{display:none}
}

@media(max-width:1050px){
  .movement-filters{grid-template-columns:1fr 1fr 1fr}
  .movement-filters>b{justify-self:start}
}

@media(max-width:820px){
  .sidebar{max-width:100%;overflow:hidden}
  .sidebar nav{max-width:100%;padding-bottom:4px}
  .workspace{width:100%;min-width:0}
  .topbar{gap:12px}
  .dashboard-command{grid-template-columns:minmax(0,1fr)!important}
  .command-board{width:100%;min-width:0}
  .dashboard-operations,.overview-board,.overview-flow-grid{grid-template-columns:minmax(0,1fr)!important}
  .page-actions{flex-wrap:wrap}
  .page-actions>.action-row{max-width:100%}
  .table-panel{width:100%}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .report-builder>div,.report-builder label{min-width:0}
}

@media(max-width:620px){
  .workspace{padding:20px 12px 54px}
  .topbar h1{font-size:28px}
  .page-actions{align-items:stretch;flex-direction:column}
  .page-actions>.action-row{display:grid;grid-template-columns:1fr;width:100%}
  .page-actions>.action-row .btn{width:100%}
  .movement-filters{grid-template-columns:1fr;padding:14px}
  .movement-filters .btn{width:100%}
  .movement-filters>b{justify-self:start}
  .dashboard-command{margin-bottom:18px}
  .command-copy{padding:24px 19px}
  .command-copy h2{font-size:31px;overflow-wrap:anywhere}
  .command-board{padding:0 12px 12px}
  .metric-grid-primary,.metric-strip,.overview-kpis,.personnel-pulse{grid-template-columns:1fr!important}
  .metric-grid-primary .metric{min-height:104px}
  .dashboard-operations>.panel{width:100%}
  .panel-head{gap:8px;padding-right:16px;padding-left:16px}
  .activity-row,.attention-row,.activity-row>div,.attention-row>div{min-width:0}
  .report-config-panel{padding:13px;border-radius:15px}
  .report-builder>div{padding:14px}
  .report-output-head{align-items:flex-start;gap:8px}
  .report-output-head span{flex:0 0 auto}
  .perkotek-report{width:100%;max-width:100%;overflow:hidden}
  .perkotek-report .table-wrap{max-width:100%;border-radius:0}
  .bulk-movement-dialog,.user-editor-dialog,.movement-editor-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
  dialog{max-width:calc(100vw - 16px)}
  .pagination{justify-content:space-between;padding:13px 10px}
  .pagination a,.pagination span{padding:7px 10px}
  .auth-shell{min-height:100svh}
  .auth-brand{min-height:31svh;padding:30px 22px}
  .auth-brand .brand-mark{width:48px;height:48px;margin-bottom:28px;border-radius:15px;font-size:24px}
  .auth-brand h1{font-size:36px}
  .auth-brand>p:not(.eyebrow),.auth-signal{display:none}
  .auth-card{padding:34px 22px 44px}
  .auth-card h2{font-size:30px}
}

/* Yedekleme merkezi — verinin kurtarma hattını tek bakışta gösterir. */
.backup-page-actions{align-items:flex-end}
.backup-page-actions>div{max-width:760px}
.backup-page-actions p:last-child{max-width:720px}
.backup-now-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding-inline:20px}
.backup-now-button span{font-size:20px;font-weight:500;line-height:1}
.backup-vault{position:relative;display:grid;grid-template-columns:auto minmax(320px,1fr) minmax(180px,.36fr) minmax(210px,.42fr);align-items:center;gap:24px;overflow:hidden;margin-bottom:16px;padding:28px 30px;border:1px solid #2b3d67;border-radius:22px;background:linear-gradient(112deg,#101a32 0%,#17284c 58%,#24447d 100%);box-shadow:0 18px 42px rgba(21,38,75,.14);color:#fff}
.backup-vault:after{position:absolute;right:-70px;top:-145px;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 105px rgba(255,255,255,.02);content:"";pointer-events:none}
.backup-vault.needs-attention{background:linear-gradient(112deg,#2b1c20 0%,#4b2e33 60%,#74443e 100%)}
.backup-vault-mark{position:relative;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(103,232,190,.35);border-radius:18px;background:rgba(33,201,145,.12)}
.backup-vault-mark span{position:relative;z-index:2;color:#6de5bc;font-size:27px;font-weight:900}
.backup-vault-mark i{position:absolute;width:72px;height:72px;border:1px solid rgba(98,225,183,.12);border-radius:23px;transform:rotate(13deg)}
.backup-vault-mark i:last-child{width:88px;height:88px;border-color:rgba(98,225,183,.07);transform:rotate(-9deg)}
.backup-vault-copy{min-width:0}
.backup-vault-copy .eyebrow{margin:0 0 8px;color:#8fa7d4}
.backup-vault-copy h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.035em}
.backup-vault-copy>p:last-child{margin:7px 0 0;color:#b9c6df;font-size:11px;line-height:1.55}
.backup-vault-status{position:relative;z-index:1;display:grid;gap:5px;align-self:stretch;padding:4px 0 4px 22px;border-left:1px solid rgba(255,255,255,.12)}
.backup-vault-status small{align-self:end;color:#8fa7d4;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.backup-vault-status b{color:#fff;font-size:16px}
.backup-vault-status span{align-self:start;color:#afbdd6;font-size:9px}
.backup-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.backup-metrics article{display:flex;align-items:center;gap:13px;min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(19,40,79,.035)}
.backup-metrics article>span{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:12px;font-size:16px;font-weight:900}
.backup-metrics .green{background:#e9f8f2;color:#14956a}.backup-metrics .blue{background:#edf3ff;color:#4468dc}.backup-metrics .orange{background:#fff3e6;color:#dc7a22}.backup-metrics .violet{background:#f2edff;color:#7953d5}
.backup-metrics div{display:grid;min-width:0}
.backup-metrics small{color:#8c96a8;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.backup-metrics b{margin-top:2px;color:#15203a;font-size:16px}
.backup-metrics p{overflow:hidden;margin:3px 0 0;color:#8b95a7;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.backup-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:16px;align-items:start}
.backup-history{overflow:hidden}
.backup-row{display:grid;grid-template-columns:42px minmax(190px,1fr) 110px minmax(125px,.55fr) 78px 70px 82px;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}
.backup-file-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#eaf8f2;color:#13845f;font-size:12px;font-weight:900}
.backup-file-icon.manual{background:#eef2ff;color:#4865d2}
.backup-file-copy,.backup-row time,.backup-hash{display:grid;gap:3px;min-width:0}
.backup-file-copy b,.backup-row time b{color:#1b2740;font-size:10px}
.backup-file-copy small,.backup-row time small,.backup-hash small{overflow:hidden;color:#8b95a7;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.backup-hash code{overflow:hidden;color:#44526b;font:700 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
.backup-size{color:#48566e;font-size:9px;font-weight:800;white-space:nowrap}
.backup-download{justify-self:end;white-space:nowrap}
.backup-error{grid-column:6/8;color:#b42318;font-size:8px}
.backup-empty{display:grid;gap:5px;min-height:180px;place-content:center;text-align:center}.backup-empty span{color:var(--muted);font-size:10px}
.backup-side{display:grid;gap:16px}
.backup-policy ol{display:grid;margin:0;padding:0 20px 20px;list-style:none}
.backup-policy li{position:relative;display:grid;grid-template-columns:32px 1fr;gap:11px;padding:12px 0}
.backup-policy li+li{border-top:1px solid var(--line)}
.backup-policy li>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#eef3ff;color:#4463c8;font-size:10px;font-weight:900}
.backup-policy li div{display:grid;gap:3px}
.backup-policy li b{color:#1b2740;font-size:10px}
.backup-policy li small{color:#8a94a5;font-size:8px;line-height:1.45}
.backup-restore-note{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:18px;border-color:#f1dfc8;background:#fffaf3}
.backup-restore-note>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#ffefd9;color:#bd671b;font-size:16px;font-weight:900}
.backup-restore-note h3{margin:1px 0 5px;color:#7d481c;font-size:12px}
.backup-restore-note p{margin:0;color:#9b6d46;font-size:9px;line-height:1.55}
@media(max-width:1280px){
  .backup-vault{grid-template-columns:auto minmax(280px,1fr) minmax(170px,.45fr)}
  .backup-vault-status:last-child{display:none}
  .backup-layout{grid-template-columns:1fr}
  .backup-side{grid-template-columns:1fr 1fr}
}
@media(max-width:1050px){
  .backup-metrics{grid-template-columns:1fr 1fr}
  .backup-row{grid-template-columns:42px minmax(160px,1fr) 100px 80px 70px 78px}
  .backup-hash{display:none}
}
@media(max-width:760px){
  .backup-vault{grid-template-columns:auto 1fr;padding:22px}
  .backup-vault-status{grid-column:1/-1;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0}
  .backup-vault-status:last-child{display:grid}
  .backup-vault-copy h2{font-size:20px}
  .backup-metrics,.backup-side{grid-template-columns:1fr}
  .backup-row{grid-template-columns:38px minmax(0,1fr) auto;padding:13px 15px}
  .backup-row time,.backup-size,.backup-row>.badge{display:none}
  .backup-download{grid-column:3;grid-row:1}
}

/* Kullanıcı bazlı sayfa ve işlem izinleri */
.permission-page-head{align-items:center}
.permission-security-pill{display:flex;align-items:center;gap:11px;max-width:360px;padding:12px 15px;border:1px solid #d9ebe4;border-radius:14px;background:#f4fbf8}
.permission-security-pill>span{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:#dff6ec;color:#07835d;font-size:13px;font-weight:900}
.permission-security-pill b,.permission-security-pill small{display:block}
.permission-security-pill b{color:#176c53;font-size:10px}.permission-security-pill small{margin-top:3px;color:#719084;font-size:8px;line-height:1.45}
.permission-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.permission-user-rail{position:sticky;top:18px;overflow:hidden;padding:0}
.permission-user-rail>header{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 15px;border-bottom:1px solid var(--line)}
.permission-user-rail>header h3{margin:3px 0 0;font-size:15px}.permission-user-rail>header>span{display:grid;min-width:31px;height:31px;place-items:center;border-radius:10px;background:#eef3ff;color:#345bd1;font-size:10px;font-weight:900}
.permission-user-list{display:grid;max-height:590px;overflow:auto;padding:8px}
.permission-user-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) 8px;gap:10px;align-items:center;padding:11px;border:1px solid transparent;border-radius:12px;color:#344158;transition:.15s ease}
.permission-user-list>a:hover{background:#f7f9fd}.permission-user-list>a.active{border-color:#cbd9ff;background:#eef3ff;box-shadow:inset 3px 0 #4961ff}
.permission-user-list i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#edf1f7;color:#516079;font-style:normal;font-size:10px;font-weight:900}
.permission-user-list a.active i{background:#dbe5ff;color:#3159d0}
.permission-user-list b,.permission-user-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.permission-user-list b{font-size:10px}.permission-user-list small{margin-top:3px;color:#8c96a7;font-size:8px}
.permission-user-list em{width:7px;height:7px;border-radius:50%;background:#1bb785;box-shadow:0 0 0 4px #e9f8f2}.permission-user-list em.passive{background:#aab2c1;box-shadow:0 0 0 4px #f0f2f5}
.permission-add-user{display:block;margin:0 8px 8px;padding:12px;border:1px dashed #cbd6e8;border-radius:11px;color:#3e61cd;text-align:center;font-size:9px;font-weight:850}
.permission-editor{display:grid;gap:16px;min-width:0}
.permission-identity-card{position:relative;display:grid;grid-template-columns:56px minmax(220px,1fr) minmax(210px,.6fr) auto;gap:16px;align-items:center;overflow:hidden;padding:22px;border-radius:18px;background:linear-gradient(120deg,#111a2e 0%,#1a294b 58%,#314d82 100%);box-shadow:0 18px 38px rgba(19,35,66,.14);color:#fff}
.permission-identity-card:after{position:absolute;right:-55px;width:220px;height:220px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.035);content:""}
.permission-identity-avatar{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.11);font:800 19px Manrope}
.permission-identity-card h3{margin:2px 0 4px;font:750 18px Manrope}.permission-identity-card small{color:#afbdd6;font-size:9px}.permission-identity-card .eyebrow{color:#91a9d1}
.permission-identity-card label{position:relative;z-index:1;color:#aabbd8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.permission-identity-card select{height:42px;margin-top:6px;border-color:rgba(255,255,255,.16);background:#fff;color:#17233b;text-transform:none;letter-spacing:0}
.permission-selection-count{position:relative;z-index:1;display:grid;min-width:92px;padding:13px 15px;border-left:1px solid rgba(255,255,255,.14);text-align:center}.permission-selection-count b{font:800 22px Manrope}.permission-selection-count span{color:#aabbd8;font-size:8px}
.permission-self-lock{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #d8e5ff;border-radius:13px;background:#f3f6ff;color:#385ab7}.permission-self-lock>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#dfe8ff}.permission-self-lock p{margin:0;font-size:9px}.permission-self-lock b{display:block;margin-bottom:3px;font-size:10px}
.permission-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.permission-preset-grid>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:13px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;color:#2a374d;text-align:left;cursor:pointer;transition:.16s ease}
.permission-preset-grid>button:hover{border-color:#b8c9ea;transform:translateY(-1px)}.permission-preset-grid>button.active{border-color:#7e98e5;background:#f1f5ff;box-shadow:0 9px 22px rgba(44,81,168,.08)}
.permission-preset-grid>button:disabled{cursor:not-allowed;opacity:.45;transform:none}
.permission-preset-grid>button>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef2fb;color:#435c9c;font-size:9px;font-weight:900}.permission-preset-grid>button.active>span{background:#dce6ff;color:#315bd4}
.permission-preset-grid b,.permission-preset-grid small{display:block}.permission-preset-grid b{font-size:10px}.permission-preset-grid small{margin-top:4px;color:#8b95a6;font-size:7px;line-height:1.35}.permission-preset-grid em{color:#79859a;font-size:9px;font-style:normal;font-weight:850}
.permission-group{overflow:hidden;padding:0}
.permission-group>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.permission-group>header h3{margin:3px 0 0;font-size:14px}.permission-group>header>span{padding:6px 9px;border-radius:999px;background:#f1f4f9;color:#768299;font-size:8px;font-weight:800}
.permission-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.permission-toggle{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px;gap:11px;align-items:center;min-height:75px;padding:13px 17px;border-bottom:1px solid #eef1f5;cursor:pointer}
.permission-toggle:nth-child(odd){border-right:1px solid #eef1f5}.permission-toggle:hover{background:#fafbfe}
.permission-toggle input{position:absolute;width:1px!important;height:1px!important;opacity:0}
.permission-toggle>i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#f0f3f8;color:#617088;font-style:normal;font-size:11px;font-weight:900;transition:.15s ease}
.permission-toggle b,.permission-toggle small{display:block}.permission-toggle b{color:#27354c;font-size:10px}.permission-toggle small{margin-top:4px;color:#8d97a8;font-size:8px;line-height:1.35}
.permission-toggle>em{position:relative;width:36px;height:21px;border-radius:999px;background:#d8dee8;transition:.15s ease}.permission-toggle>em:after{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);content:"";transition:.15s ease}
.permission-toggle:has(input:checked){background:#fbfdfc}.permission-toggle:has(input:checked)>i{background:#e2f7ef;color:#0b8b63}.permission-toggle input:checked~em{background:#22af82}.permission-toggle input:checked~em:after{transform:translateX(15px)}
.permission-toggle:has(input:disabled){cursor:not-allowed;opacity:.68}
.permission-savebar{position:sticky;z-index:8;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #d8e1ef;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(31,52,88,.15);backdrop-filter:blur(12px)}
.permission-savebar>div{display:flex;align-items:center;gap:11px}.permission-savebar>div>span{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;background:#e5f7ef;color:#0c8c64;font-weight:900}.permission-savebar p{margin:0}.permission-savebar b,.permission-savebar small{display:block}.permission-savebar b{font-size:10px}.permission-savebar small{margin-top:3px;color:#8994a6;font-size:8px}.permission-savebar .btn{min-width:170px}
.dialog-action-row{display:flex;justify-content:flex-end;gap:10px}.dialog-action-row .btn{min-width:170px}
@media(max-width:1180px){
  .permission-layout{grid-template-columns:240px minmax(0,1fr)}
  .permission-preset-grid{grid-template-columns:1fr 1fr}
  .permission-identity-card{grid-template-columns:52px minmax(0,1fr) minmax(190px,.7fr)}.permission-selection-count{grid-column:2/4;grid-row:2;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0;text-align:left}
}
@media(max-width:850px){
  .permission-layout{grid-template-columns:1fr}.permission-user-rail{position:static}.permission-user-list{grid-template-columns:repeat(2,1fr);max-height:260px}
  .permission-identity-card{grid-template-columns:48px minmax(0,1fr)}.permission-identity-card label{grid-column:1/-1}.permission-selection-count{grid-column:1/-1}
}
@media(max-width:620px){
  .permission-security-pill{display:none}.permission-user-list,.permission-preset-grid,.permission-toggle-grid{grid-template-columns:1fr}.permission-toggle:nth-child(odd){border-right:0}
  .permission-identity-card{padding:18px}.permission-savebar{align-items:stretch;flex-direction:column}.permission-savebar .btn{width:100%}.dialog-action-row{flex-direction:column}.dialog-action-row .btn{width:100%}
}

/* Personel kartı dönem seçici */
.employee-card-head{gap:24px}
.employee-period-form{flex:0 0 auto}
.employee-period-picker{position:relative;display:grid;grid-template-columns:42px minmax(148px,1fr) 18px;gap:11px;align-items:center;min-width:245px;padding:9px 12px 9px 9px;border:1px solid #d8e0eb;border-radius:15px;background:linear-gradient(145deg,#fff 0%,#f7f9fd 100%);box-shadow:0 8px 24px rgba(19,36,67,.08),inset 0 1px 0 rgba(255,255,255,.9);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.employee-period-picker:hover{border-color:#b9c8dd;box-shadow:0 12px 30px rgba(19,36,67,.12),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(-1px)}
.employee-period-picker:focus-within{border-color:#315fbd;box-shadow:0 0 0 4px rgba(49,95,189,.11),0 12px 30px rgba(19,36,67,.12)}
.employee-period-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#203e72,#315fbd);color:#fff;box-shadow:0 6px 14px rgba(32,62,114,.22)}
.employee-period-copy{display:grid;gap:2px;min-width:0}
.employee-period-copy>span{color:#8995a9;font-size:8px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.11em}
.employee-period-copy input{width:100%;min-width:0;height:23px;padding:0 25px 0 0;border:0;outline:0;background:transparent;color:#15213a;font:800 14px Manrope;cursor:pointer;color-scheme:light}
.employee-period-copy input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;padding:0;opacity:0;cursor:pointer}
.employee-period-chevron{color:#7e8ca2;font-size:18px;font-weight:800;line-height:1;transform:translateY(-2px);pointer-events:none}
@media(max-width:560px){.employee-period-form,.employee-period-picker{width:100%}.employee-period-picker{grid-template-columns:42px minmax(0,1fr) 18px;min-width:0}}

/* Attendance exception emphasis and report annotations */
.perkotek-report td.early-exit-alert{background:#ffe2de!important;color:#b42318!important;font-weight:900}
.perkotek-report td.report-description{min-width:150px;max-width:280px;overflow:hidden;color:#536177;text-overflow:ellipsis;white-space:nowrap}
.perkotek-report tr:hover td.report-description{overflow:visible;white-space:normal}
.person-movement-report th:nth-child(13){width:14%}
.perkotek-report .general-movement-report{min-width:1580px}
.perkotek-report .person-movement-report{min-width:1280px}

/* Premium native form controls: reports, filters and detail screens */
:where(.content,.dialog-form) input:is([type=date],[type=month],[type=time]),
:where(.content,.dialog-form) select:not(.person-picker-native){
  min-height:44px;
  padding:10px 40px 10px 13px;
  border:1px solid #d4ddea;
  border-radius:11px;
  outline:0;
  background-color:#fff;
  color:#17233b;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
  box-shadow:0 2px 7px rgba(24,42,77,.045),inset 0 1px 0 rgba(255,255,255,.8);
  color-scheme:light;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease;
}
:where(.content,.dialog-form) input:is([type=date],[type=month],[type=time]):hover,
:where(.content,.dialog-form) select:not(.person-picker-native):hover{
  border-color:#aab9ce;
  background-color:#fbfcff;
}
:where(.content,.dialog-form) input:is([type=date],[type=month],[type=time]):focus,
:where(.content,.dialog-form) select:not(.person-picker-native):focus{
  border-color:#405fc2;
  background-color:#fff;
  box-shadow:0 0 0 4px rgba(64,95,194,.12),0 7px 18px rgba(30,54,105,.08);
}
:where(.content,.dialog-form) input:is([type=date],[type=month],[type=time])::-webkit-calendar-picker-indicator{
  width:18px;
  height:18px;
  margin:0;
  padding:5px;
  border-radius:7px;
  background-color:#edf2ff;
  cursor:pointer;
  opacity:.8;
  transition:background-color .16s ease,opacity .16s ease,transform .16s ease;
}
:where(.content,.dialog-form) input:is([type=date],[type=month],[type=time])::-webkit-calendar-picker-indicator:hover{
  background-color:#dfe8ff;
  opacity:1;
  transform:translateY(-1px);
}
.report-builder label{letter-spacing:.015em}
.report-builder input:is([type=date],[type=month]){min-width:145px}
@media(max-width:620px){
  :where(.content,.dialog-form) input:is([type=date],[type=month],[type=time]),
  :where(.content,.dialog-form) select:not(.person-picker-native){min-height:46px;font-size:13px}
}

/* Disa control system — every native choice reads as one deliberate component. */
:where(.content,.dialog-form) select:not(.person-picker-native){
  -webkit-appearance:none;
  appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#53647f 50%),
    linear-gradient(135deg,#53647f 50%,transparent 50%),
    linear-gradient(90deg,#e7ecf3,#e7ecf3);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 13px) calc(50% - 2px),
    calc(100% - 38px) 50%;
  background-size:5px 5px,5px 5px,1px 22px;
  background-repeat:no-repeat;
}
:where(.content,.dialog-form) select:not(.person-picker-native):focus{
  background-image:
    linear-gradient(45deg,transparent 50%,#274e9d 50%),
    linear-gradient(135deg,#274e9d 50%,transparent 50%),
    linear-gradient(90deg,#d9e3f4,#d9e3f4);
}

/* Plain checkboxes become compact branded controls; composed switches keep their own design. */
.check>input[type=checkbox],
.weekday-picks input[type=checkbox]{
  -webkit-appearance:none;
  appearance:none;
  position:relative;
  flex:0 0 21px;
  width:21px!important;
  height:21px!important;
  min-height:21px!important;
  margin:0;
  padding:0!important;
  border:1px solid #bcc8d8;
  border-radius:7px;
  outline:0;
  background:linear-gradient(145deg,#fff,#f5f7fb);
  box-shadow:0 2px 5px rgba(24,42,77,.07),inset 0 1px 0 #fff;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.check>input[type=checkbox]:hover,
.weekday-picks input[type=checkbox]:hover{border-color:#7f94b2;transform:translateY(-1px)}
.check>input[type=checkbox]:focus-visible,
.weekday-picks input[type=checkbox]:focus-visible{border-color:#405fc2;box-shadow:0 0 0 4px rgba(64,95,194,.14)}
.check>input[type=checkbox]:checked,
.weekday-picks input[type=checkbox]:checked{
  border-color:#244c98;
  background:linear-gradient(145deg,#315fbd,#1f417f);
  box-shadow:0 5px 12px rgba(31,65,127,.22),inset 0 1px 0 rgba(255,255,255,.2);
}
.check>input[type=checkbox]:checked:after,
.weekday-picks input[type=checkbox]:checked:after{
  position:absolute;
  left:6px;
  top:2px;
  width:6px;
  height:11px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  content:"";
  transform:rotate(45deg);
}
.check>input[type=checkbox]:disabled,
.weekday-picks input[type=checkbox]:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.55}
.check{gap:10px!important;min-height:44px;padding:10px 12px;border:1px solid #e1e6ee;border-radius:11px;background:#f9fbfd;color:#34435b!important;font-size:11px!important;font-weight:750!important}
.check:has(input:checked){border-color:#cbd9ee;background:#f2f6fd}
.check.compact{min-height:40px;padding:8px 10px}

/* Report controls need breathing room without pushing the report below the fold. */
.report-builder>div{align-items:flex-end;gap:16px;padding:18px 20px}
.report-builder label{min-width:0;color:#59677e;font-size:10px;font-weight:850}
.report-builder select,
.report-builder input:is([type=date],[type=month],[type=time]){
  width:100%;
  min-width:154px;
  min-height:46px;
  margin-top:8px;
  border-radius:12px;
  background-color:#fbfcff;
  font-size:12px;
}
.report-builder select:hover,
.report-builder input:is([type=date],[type=month],[type=time]):hover{background-color:#fff}
.report-builder .btn{min-height:46px;padding-inline:22px;border-radius:12px}

@media(max-width:980px){
  .report-builder>div{flex-wrap:wrap}
  .report-builder label{flex:1 1 180px}
  .report-builder .btn{flex:1 1 100%;width:100%}
}

.push-onboarding{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s ease}
.push-onboarding.is-open{visibility:visible;opacity:1}
.push-onboarding-backdrop{position:absolute;inset:0;border:0;background:rgba(8,16,33,.67);backdrop-filter:blur(9px);cursor:default}
.push-onboarding-card{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);width:min(760px,calc(100vw - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(8,20,44,.3);transform:translateY(14px) scale(.985);transition:transform .24s ease}
.push-onboarding.is-open .push-onboarding-card{transform:none}
.push-onboarding-close{position:absolute;z-index:3;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:12px;background:#f2f4f8;color:#566279;font-size:22px;line-height:1;cursor:pointer}
.push-onboarding-close:hover{background:#e9edf4;color:#17233b}
.push-onboarding-visual{position:relative;display:grid;min-height:470px;place-items:center;overflow:hidden;background:linear-gradient(150deg,#111b31 0%,#243b6a 62%,#8f1f3f 145%)}
.push-onboarding-visual:before,.push-onboarding-visual:after,.push-onboarding-visual i{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;content:""}
.push-onboarding-visual:before{width:250px;height:250px}.push-onboarding-visual:after{width:170px;height:170px}.push-onboarding-visual i:nth-of-type(1){width:330px;height:330px}.push-onboarding-visual i:nth-of-type(2){width:110px;height:110px}.push-onboarding-visual i:nth-of-type(3){width:12px;height:12px;border:0;background:#35d5a0;box-shadow:0 0 0 8px rgba(53,213,160,.11),0 0 35px rgba(53,213,160,.65);transform:translate(76px,-88px)}
.push-onboarding-bell{position:relative;z-index:2;display:grid;width:78px;height:78px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:linear-gradient(145deg,#a62b4e,#74152f);box-shadow:0 18px 38px rgba(82,12,34,.36);color:#fff;font:800 36px/1 Manrope;transform:rotate(45deg)}
.push-onboarding-bell::after{content:'!';transform:rotate(-45deg)}
.push-onboarding-copy{align-self:center;padding:46px 46px 38px}
.push-onboarding-copy .eyebrow{color:#9c2343}
.push-onboarding-copy h2{max-width:450px;margin:9px 0 12px;color:#10192c;font:800 clamp(25px,3vw,35px)/1.12 Manrope;letter-spacing:-.045em}
.push-onboarding-lead{max-width:500px;margin:0;color:#687389;font-size:13px;line-height:1.65}
.push-event-list{display:grid;gap:10px;margin:24px 0}
.push-event-list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:13px 14px;border:1px solid #e3e8f0;border-radius:14px;background:#fbfcfe}
.push-event-list>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fbecef;color:#9e2344;font-size:17px;font-weight:900}
.push-event-list>div:nth-child(2)>span{background:#edf3ff;color:#345ec8}
.push-event-list p{margin:0}.push-event-list b,.push-event-list small{display:block}.push-event-list b{color:#202c42;font-size:12px}.push-event-list small{margin-top:4px;color:#8490a4;font-size:10px;line-height:1.45}
.push-onboarding-error{margin:-8px 0 18px;padding:12px 14px;border:1px solid #efc8d1;border-radius:12px;background:#fff2f5;color:#91203e;font-size:11px;line-height:1.5}
.push-onboarding-actions{display:flex;gap:10px}.push-onboarding-actions .btn{min-height:48px;border-radius:13px}.push-onboarding-actions .btn.primary{display:flex;flex:1;align-items:center;justify-content:space-between;padding-inline:19px;background:linear-gradient(135deg,#a52a4c,#7b1834);box-shadow:0 12px 28px rgba(132,25,55,.22)}
.push-onboarding-actions .btn.primary b{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:rgba(255,255,255,.15)}
.push-onboarding-note{display:flex;gap:8px;align-items:flex-start;margin:17px 0 0;color:#8b95a7;font-size:9px;line-height:1.5}.push-onboarding-note span{color:#15a979;font-weight:900}
body.push-onboarding-open{overflow:hidden}
@media(max-width:700px){.push-onboarding{padding:14px}.push-onboarding-card{grid-template-columns:1fr;max-height:calc(100vh - 28px);overflow:auto}.push-onboarding-visual{min-height:112px}.push-onboarding-visual:before{width:180px;height:180px}.push-onboarding-visual i:nth-of-type(1){width:250px;height:250px}.push-onboarding-bell{width:58px;height:58px;border-radius:19px;font-size:28px}.push-onboarding-copy{padding:29px 22px 24px}.push-onboarding-copy h2{padding-right:22px;font-size:27px}.push-onboarding-actions{flex-direction:column}.push-onboarding-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.push-onboarding,.push-onboarding-card{transition:none}}
@media(max-width:620px){
  .report-builder>div{gap:12px;padding:14px}
  .report-builder label{flex-basis:100%}
  .report-builder select,
  .report-builder input:is([type=date],[type=month],[type=time]){min-width:0;min-height:48px;font-size:13px}
  .check{min-height:46px}
}

/* Dashboard readability pass: 115% browser-zoom comfort without layout zoom. */
.topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.topbar-date{min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.84);box-shadow:0 8px 24px rgba(25,40,70,.045);white-space:nowrap}
.topbar-date b,.topbar-date small{display:block}
.topbar-date b{color:#1b2940;font:800 12px/1.1 Manrope;letter-spacing:.035em}
.topbar-date small{padding-left:10px;border-left:1px solid #dfe5ef;color:#718098;font:800 10px/1.1 DM Sans;letter-spacing:.09em}

@media(min-width:981px){
  .page-dashboard{padding-top:13px;padding-right:clamp(18px,1.35vw,26px);padding-left:clamp(18px,1.35vw,26px)}
  .page-dashboard .topbar{min-height:54px;margin-bottom:10px}
  .page-dashboard .topbar h1{font-size:35px;line-height:1}
  .page-dashboard .site-status{min-height:48px;padding:9px 14px}
  .page-dashboard .site-status b{font-size:13px}
  .page-dashboard .site-status small{font-size:11px}

  .page-dashboard .overview-hero{padding:27px 31px}
  .page-dashboard .overview-live{font-size:11px}
  .page-dashboard .overview-hero h2{font-size:clamp(39px,2.8vw,50px)}
  .page-dashboard .overview-hero>div>p{font-size:14px}
  .page-dashboard .overview-hero-meta small{font-size:10px}
  .page-dashboard .overview-hero-meta b{font-size:25px}
  .page-dashboard .overview-hero-meta>a b{font-size:15px}
  .page-dashboard .overview-hero-meta span{font-size:11px}

  .page-dashboard .overview-kpi{min-height:91px;padding:15px 16px}
  .page-dashboard .overview-kpi>span{font-size:19px}
  .page-dashboard .overview-kpi small{font-size:12px}
  .page-dashboard .overview-kpi b{font-size:32px}
  .page-dashboard .overview-kpi p{max-width:none;font-size:10px}

  .page-dashboard .overview-flow-card h3,
  .page-dashboard .overview-personnel-card h3,
  .page-dashboard .overview-list-card h3,
  .page-dashboard .overview-action-card h3,
  .page-dashboard .overview-holiday-card h3{font-size:17px}
  .page-dashboard .overview-flow-card header p,
  .page-dashboard .overview-personnel-card header p,
  .page-dashboard .overview-list-card header p,
  .page-dashboard .overview-action-card header p,
  .page-dashboard .overview-holiday-card header p{font-size:11px}
  .page-dashboard .flow-lines>a,.page-dashboard .flow-lines>button{padding:11px 18px}
  .page-dashboard .flow-lines b{font-size:13px}
  .page-dashboard .flow-lines small{font-size:10px}
  .page-dashboard .flow-lines strong{font-size:18px}
  .page-dashboard .personnel-pulse b{font-size:25px}
  .page-dashboard .personnel-pulse small{font-size:10px}
  .page-dashboard .overview-section-heading h2{font-size:27px}
  .page-dashboard .overview-people b{font-size:12px}
  .page-dashboard .overview-people small{font-size:10px}
  .page-dashboard .overview-people time{font-size:11px}
}

@media(max-width:980px){
  .topbar-meta{gap:8px}
  .topbar-date{min-height:44px;padding:8px 11px}
}
@media(max-width:620px){
  .topbar{gap:12px}
  .topbar-meta{align-items:flex-end}
  .topbar-date{display:grid;gap:3px}
.topbar-date small{padding-left:0;border-left:0}
}

/* Panel-wide readability pass: the comfort of 115% browser zoom at native scale. */
@media(min-width:981px){
  .workspace:not(.page-dashboard){padding-top:13px;padding-right:clamp(20px,1.45vw,29px);padding-left:clamp(20px,1.45vw,29px)}
  .workspace:not(.page-dashboard) .topbar{min-height:54px;margin-bottom:10px}
  .workspace:not(.page-dashboard) .topbar h1{font-size:34px;line-height:1}
  .workspace:not(.page-dashboard) .page-actions{margin-top:0}
  .workspace:not(.page-dashboard) .site-status{min-height:48px;padding:9px 14px}
  .workspace:not(.page-dashboard) .site-status b{font-size:13px}
  .workspace:not(.page-dashboard) .site-status small{font-size:11px}
  .workspace:not(.page-dashboard) .page-actions{margin-bottom:20px}
  .workspace:not(.page-dashboard) .page-actions h2{font-size:28px}
  .workspace:not(.page-dashboard) .page-actions p{font-size:14px;line-height:1.45}
  .workspace:not(.page-dashboard) .eyebrow{font-size:11px}
  .workspace:not(.page-dashboard) .back-link,.workspace:not(.page-dashboard) .link-btn{font-size:13px}
  .workspace:not(.page-dashboard) .btn{min-height:46px;padding:12px 20px;font-size:14px}
  .workspace:not(.page-dashboard) .btn.small{min-height:40px;padding:9px 14px;font-size:12px}
  .workspace:not(.page-dashboard) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:14px}
  .workspace:not(.page-dashboard) :is(input,select):not([type=checkbox]):not([type=radio]){min-height:46px}
  .workspace:not(.page-dashboard) label{font-size:13px}
  .workspace:not(.page-dashboard) .table-tools{padding:18px 22px}
  .workspace:not(.page-dashboard) .table-tools input{max-width:390px}
  .workspace:not(.page-dashboard) .table-tools span{font-size:13px}
  .workspace:not(.page-dashboard) .table-panel:not(.perkotek-report) th,.workspace:not(.page-dashboard) .table-panel:not(.perkotek-report) td{padding:15px 20px;font-size:13px}
  .workspace:not(.page-dashboard) .table-panel:not(.perkotek-report) th{font-size:11px}
  .workspace:not(.page-dashboard) .badge{padding:6px 10px;font-size:11px}
  .workspace:not(.page-dashboard) .summary-strip article,.workspace:not(.page-dashboard) .detail-stats article{padding:21px 23px}
  .workspace:not(.page-dashboard) .summary-strip small,.workspace:not(.page-dashboard) .detail-stats small{font-size:11px}
  .workspace:not(.page-dashboard) .summary-strip b{font-size:28px}
  .workspace:not(.page-dashboard) .detail-stats b{font-size:20px}
  .workspace:not(.page-dashboard) .shift-card,.workspace:not(.page-dashboard) .department-card,.workspace:not(.page-dashboard) .policy-card{padding:25px}
  .workspace:not(.page-dashboard) :is(.shift-card,.department-card,.policy-card) h3{font-size:18px}
  .workspace:not(.page-dashboard) :is(.shift-card,.department-card,.policy-card) p{font-size:13px}
  .workspace:not(.page-dashboard) .employee-card-identity h2{font-size:30px}
  .workspace:not(.page-dashboard) .employee-card-identity p:last-child{font-size:13px}
  .workspace:not(.page-dashboard) .employee-spine article{padding:21px 22px}
  .workspace:not(.page-dashboard) .employee-spine small{font-size:10px}
  .workspace:not(.page-dashboard) .employee-spine b{font-size:17px}
  .workspace:not(.page-dashboard) .employee-spine span{font-size:11px}
  .workspace:not(.page-dashboard) .employee-tabs a{padding:11px 15px;font-size:12px}
  .workspace:not(.page-dashboard) .profile-section h3{font-size:17px}
  .workspace:not(.page-dashboard) .holiday-card{padding:22px}
  .workspace:not(.page-dashboard) .holiday-card h3{font-size:16px}
  .workspace:not(.page-dashboard) .holiday-card p{font-size:12px}
  .workspace:not(.page-dashboard) .audit-row{padding:15px 22px}
  .workspace:not(.page-dashboard) .audit-row b{font-size:13px}
  .workspace:not(.page-dashboard) .audit-row small,.workspace:not(.page-dashboard) .audit-row time,.workspace:not(.page-dashboard) .audit-row span{font-size:12px}
  .workspace:not(.page-dashboard) .perkotek-report .report-builder label{font-size:11px}
  .workspace:not(.page-dashboard) .perkotek-report .report-builder :is(input,select){font-size:13px}
}
/* Cron, cihaz ve tarayici bildirim sagligi */
.cron-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 20px}
.cron-health-grid>article{position:relative;display:grid;gap:7px;min-height:118px;padding:18px 20px;border:1px solid var(--line,#e3e8f2);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(19,34,68,.06)}
.cron-health-grid small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8490a8}
.cron-health-grid b{font-size:16px;line-height:1.35;color:#16213f;overflow-wrap:anywhere}
.cron-health-grid>article>span{font-size:12px;color:#758198}
.cron-state{justify-self:start;padding:5px 9px;border-radius:999px;background:#fff2d8!important;color:#9a5a00!important;font-weight:800}
.cron-state.ok{background:#e7f8f1!important;color:#0b8a62!important}
.cron-error-card{grid-column:span 2}
.push-health-card form{margin-top:3px}.push-health-card .btn{width:max-content}.push-health-card .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.cron-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-error-card{grid-column:span 1}}
@media(max-width:640px){.cron-health-grid{grid-template-columns:1fr}}

/* Personel karti izin kaydi duzenleme */
.leave-history-table td small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.leave-history-table .leave-actions-cell{width:112px;text-align:right}
.leave-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#315fd1;cursor:pointer;font-size:10px;font-weight:800;transition:.16s ease}
.leave-edit-button span{font-size:14px}.leave-edit-button:hover{border-color:#8eabe4;background:#f3f7ff;box-shadow:0 6px 16px rgba(37,82,160,.09)}
.leave-editor-dialog{width:min(820px,calc(100vw - 28px))}.leave-editor-dialog .dialog-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px}
.leave-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.leave-edit-form label{font-size:10px}.leave-note-field{grid-column:1/-1}
.leave-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.leave-dialog-actions .btn{min-width:210px}
.leave-archive-form{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;padding:16px;border:1px solid #ffd8d5;border-radius:14px;background:#fff8f7}
.leave-archive-form b,.leave-archive-form small{display:block}.leave-archive-form b{color:#9c2f3d;font:800 12px Manrope}.leave-archive-form small{margin-top:4px;color:#966d72;font-size:9px}
.leave-archive-form .danger{border:1px solid #f1b9bf;background:#fff;color:#bb3443}.leave-archive-form .danger:hover{background:#bb3443;color:#fff}
@media(max-width:620px){.leave-editor-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.leave-edit-form{grid-template-columns:1fr}.leave-note-field,.leave-dialog-actions{grid-column:auto}.leave-dialog-actions .btn{width:100%}.leave-archive-form{align-items:stretch;flex-direction:column}.leave-archive-form .btn{width:100%}}

/* Yıllık izin hareket defteri */
.annual-leave-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.annual-ledger-panel{overflow:hidden}.annual-ledger-panel .table-wrap{max-height:690px}
.annual-balance{display:grid;justify-items:end;gap:3px;padding:9px 13px;border:1px solid #dce6f6;border-radius:12px;background:linear-gradient(145deg,#f7faff,#edf3ff)}
.annual-balance small{color:#71809a;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.annual-balance b{color:#183f80;font:800 15px Manrope}
.annual-ledger-table .annual-actions-head,.annual-ledger-table .annual-actions-cell{width:128px;text-align:right}
.annual-source-badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.annual-source-badge.editable{background:#edf4ff;color:#315fd1}.annual-source-badge.linked{background:#eef8f4;color:#187b61}
.annual-linked-action{display:inline-flex;align-items:center;min-height:32px;color:#315fd1;font-size:9px;font-weight:800;white-space:nowrap}.annual-linked-action:hover{color:#173f9f}
.annual-entry-panel>p{margin:-4px 0 18px;color:var(--muted);font-size:10px;line-height:1.5}.annual-entry-panel .btn{margin-top:4px;width:100%}
.annual-editor-dialog textarea{resize:vertical;min-height:84px}
@media(max-width:1180px){.annual-leave-layout{grid-template-columns:1fr}.annual-entry-panel{max-width:none}}
@media(max-width:680px){.annual-ledger-table{min-width:860px}.annual-balance{justify-items:start}.annual-ledger-panel .panel-head{align-items:flex-start;gap:12px;flex-direction:column}}
/* Kişisel bildirim ayarları */
.notification-page-head{align-items:center;margin-bottom:18px}
.notification-privacy-note{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid #dce4f1;border-radius:999px;background:#fff;color:#64748b;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.notification-settings-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:20px;align-items:start}
.notification-browser-card,.notification-preferences-card{border:1px solid #dfe6f1;border-radius:22px;box-shadow:0 18px 45px rgba(15,27,49,.07);overflow:hidden}
.notification-browser-card{position:relative;padding:28px;background:linear-gradient(145deg,#111b31 0%,#1b2b4c 64%,#27457d 100%);color:#fff}
.notification-browser-card:after{content:"";position:absolute;width:220px;height:220px;right:-92px;top:-98px;border:38px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}
.notification-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border:1px solid rgba(82,222,178,.24);border-radius:15px;background:rgba(39,199,148,.14);color:#40d6a3;box-shadow:0 0 0 8px rgba(39,199,148,.05);font-size:17px}
.notification-browser-card .eyebrow{color:#8da8e5}
.notification-browser-card h3{margin:7px 0 18px;font-size:26px;letter-spacing:-.035em}
.notification-browser-state{display:block;margin-bottom:5px;font-size:18px}
.notification-browser-card>p:not(.eyebrow){margin:0;color:#bdc9dd;line-height:1.55}
.notification-browser-card>small{display:block;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#9eacc4;line-height:1.55}
.notification-browser-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.notification-browser-actions form{margin:0}
.notification-browser-actions .btn{min-height:44px}
.notification-preferences-card{padding:0;background:#fff}
.notification-preferences-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 26px 20px;border-bottom:1px solid #e7edf5}
.notification-preferences-head h3{margin:6px 0 0;font-size:21px;letter-spacing:-.025em}
.notification-preferences-head>span{padding:8px 12px;border-radius:999px;background:#eef3ff;color:#4059c7;font-size:12px;font-weight:900}
.notification-preference-list{padding:8px 16px}
.notification-preference-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 10px;border-bottom:1px solid #edf1f7;cursor:pointer}
.notification-preference-row:last-child{border-bottom:0}
.notification-preference-row:hover{background:#f8faff;border-radius:14px}
.notification-preference-copy{display:grid;gap:5px}
.notification-preference-copy b{color:#18233d;font-size:15px}
.notification-preference-copy small{color:#748198;line-height:1.45}
.premium-switch{position:relative;flex:0 0 52px;width:52px;height:30px}
.premium-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.premium-switch i{display:block;width:52px;height:30px;border:1px solid #d5ddea;border-radius:999px;background:#e8edf5;box-shadow:inset 0 2px 4px rgba(15,23,42,.08);transition:.22s ease}
.premium-switch i:after{content:"";display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(15,23,42,.22);transition:.22s ease}
.premium-switch input:checked+i{border-color:#4a5cff;background:linear-gradient(135deg,#4c5cff,#243cca)}
.premium-switch input:checked+i:after{transform:translateX(22px)}
.premium-switch input:focus-visible+i{outline:3px solid rgba(76,92,255,.24);outline-offset:3px}
.notification-preferences-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px 24px;border-top:1px solid #e7edf5;background:#fbfcff}
.notification-preferences-footer p{max-width:470px;margin:0;color:#748198;font-size:12px;line-height:1.5}
@media(max-width:960px){.notification-settings-grid{grid-template-columns:1fr}.notification-browser-card,.notification-preferences-card{border-radius:18px}}
@media(max-width:640px){.notification-page-head{align-items:flex-start}.notification-privacy-note{white-space:normal}.notification-browser-card{padding:22px}.notification-preferences-head,.notification-preferences-footer{padding-left:18px;padding-right:18px}.notification-preferences-footer{align-items:stretch;flex-direction:column}.notification-preferences-footer .btn{width:100%}.notification-preference-row{gap:14px}.notification-browser-actions,.notification-browser-actions form,.notification-browser-actions .btn{width:100%}}