:root{--navy:#0b2442;--navy2:#102f54;--teal:#12b8a6;--teal2:#0fa58f;--bg:#f5f8fb;--panel:#fff;--text:#152238;--muted:#708096;--line:#e6edf4;--danger:#d6455d;--warning:#e59a28;--purple:#7c63d8;--shadow:0 10px 35px rgba(15,39,68,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}small,.muted{color:var(--muted)}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#071c33,#10365b 62%,#0a776f);padding:4vw}.auth-brand{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5vw;max-width:760px}.auth-brand img{width:280px;background:#fff;border-radius:18px;padding:12px 18px;margin-bottom:46px}.auth-brand h1{font-size:clamp(40px,5vw,70px);line-height:1.03;letter-spacing:-2px;margin-bottom:20px}.auth-brand p{font-size:20px;color:#c7d8e8;max-width:590px;line-height:1.7}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;color:#d9e9f5}.auth-card{align-self:center;justify-self:center;width:min(470px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-logo-mobile{display:none}.auth-tabs{display:flex;background:#f1f5f9;border-radius:13px;padding:4px;margin-bottom:24px}.auth-tabs button{flex:1;border:0;background:transparent;padding:11px;border-radius:10px;color:#66778e}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 10px rgba(0,0,0,.06);font-weight:800}.auth-card label,.modal label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:13px;font-weight:700;color:#405168}.auth-card input,.modal input,.modal select,.modal textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #d9e3ee;border-radius:11px;background:#fff;padding:11px 12px;color:var(--text);outline:0}.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,166,.1)}.auth-hint{text-align:center;margin:14px 0 0;font-size:12px;color:#8290a1}
.btn{border:1px solid #d7e1eb;background:#fff;color:#26374d;border-radius:11px;padding:10px 15px;font-weight:750}.btn:hover{background:#f7fafc}.btn-primary{border-color:var(--teal);background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 6px 18px rgba(18,184,166,.18)}.btn-primary:hover{filter:brightness(.97)}.btn-block{width:100%;padding:13px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px}.alert.error{background:#fff0f3;color:#ac2e45;border:1px solid #ffd7df}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#09213c,#0c2b4e);color:#fff;padding:22px 15px;display:flex;flex-direction:column}.sidebar-logo{padding:3px 8px 23px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo img{width:185px;background:#fff;border-radius:12px;padding:7px 10px}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:18px;overflow-y:auto}.nav-item{border:0;background:transparent;color:#c3d1df;border-radius:11px;padding:10px 12px;text-align:left;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:650}.nav-item span{width:22px;height:22px;display:grid;place-items:center;color:#8fa8bd}.nav-item:hover,.nav-item.active{background:rgba(18,184,166,.14);color:#fff}.nav-item.active span{color:#37ddc8}.sidebar-company{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:17px 8px 4px;display:flex;align-items:center;gap:10px}.company-icon{width:38px;height:38px;border-radius:11px;background:rgba(18,184,166,.15);display:grid;place-items:center;color:#36d8c3}.sidebar-company strong,.sidebar-company small{display:block}.sidebar-company strong{font-size:12px}.sidebar-company small{font-size:11px;color:#8fa8bd;margin-top:2px}
.main{min-width:0}.topbar{height:84px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar h2{font-size:19px;margin-bottom:3px}.topbar p{font-size:12px;color:var(--muted);margin:0}.top-actions,.top-user{display:flex;align-items:center;gap:10px}.top-user{padding-right:10px}.top-user strong,.top-user small{display:block}.top-user strong{font-size:12px}.top-user small{font-size:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:850;background:linear-gradient(135deg,#d8f7f2,#a5e8de);color:#08796b}.avatar.sm{width:32px;height:32px;font-size:11px}.avatar.xs{width:28px;height:28px;font-size:9px}.avatar.lg{width:58px;height:58px;font-size:17px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;color:#63748a}.page{padding:26px 30px 50px}.loading{height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:3px solid #dbe6ee;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero,.toolbar,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero{margin-bottom:20px}.hero h1{font-size:27px;letter-spacing:-.7px;margin-bottom:4px}.hero p,.toolbar p{margin:0;color:var(--muted)}.toolbar{margin-bottom:18px}.toolbar h3{margin-bottom:4px}.toolbar-actions{display:flex;gap:8px}.search-box{width:min(430px,100%);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px}.search-box input{border:0!important;padding-left:0;background:transparent}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 4px 20px rgba(13,39,66,.035);display:flex;align-items:center;gap:14px;min-height:110px}.metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:19px}.metric-icon.mint{background:#dff8f3;color:#0f9b88}.metric-icon.blue{background:#e7f0ff;color:#3572cb}.metric-icon.amber{background:#fff3d9;color:#c7831d}.metric-icon.purple{background:#f0eaff;color:#7259c7}.metric span,.metric strong,.metric small{display:block}.metric span{font-size:12px;color:var(--muted)}.metric strong{font-size:27px;margin:3px 0}.metric small{font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.panel.soft{background:#f9fbfd;box-shadow:none;margin-top:18px}.panel-head{margin-bottom:16px}.panel-head h3{font-size:15px;margin-bottom:3px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:18px;margin-bottom:18px}.grid-org{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:18px}.stack{display:grid;gap:18px}.link-btn,.table-action,.ok-link,.danger-link{border:0;background:transparent;font-weight:750;font-size:12px}.link-btn,.table-action{color:#178d80}.ok-link{color:#13834d}.danger-link{color:var(--danger)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8492a4;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #eef3f7;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell small,.cell-sub{font-size:10px;color:var(--muted);margin-top:2px}.empty{text-align:center;color:var(--muted);padding:28px!important}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;background:#eef2f6;color:#617187}.badge-active,.badge-approved,.badge-available,.badge-completed{background:#def7e9;color:#167a49}.badge-on_leave,.badge-pending,.badge-open{background:#fff1d8;color:#9c6719}.badge-passive,.badge-rejected,.badge-cancelled,.badge-retired{background:#ffe5ea;color:#b3314a}.badge-assigned{background:#e7efff;color:#325fb3}.badge-maintenance{background:#efeaff;color:#6950b2}
.bar-list,.report-bars{display:grid;gap:15px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.bar-row span{color:var(--muted)}.bar{height:7px;background:#ecf2f5;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#6fdaca);border-radius:999px}.feed{display:grid;gap:16px}.feed article{display:flex;gap:12px}.feed-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);margin-top:5px;box-shadow:0 0 0 5px #e6faf7}.feed strong{font-size:12px}.feed p{font-size:11px;color:#5d6f84;margin:4px 0}.feed small{font-size:9px}.quick-panel h3{margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:1px solid var(--line);background:#fafcfd;border-radius:13px;padding:20px 10px;font-size:20px;color:var(--teal)}.quick-grid span{display:block;font-size:10px;color:#415269;margin-top:7px;font-weight:750}.simple-row,.list-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f6;padding:10px 0}.simple-row:last-child,.list-row:last-child{border-bottom:0}.simple-row span,.list-row strong{font-size:12px}.simple-row small,.list-row small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.org-tree{list-style:none;padding-left:0}.org-tree .org-tree{padding-left:30px;margin-left:16px;border-left:1px dashed #cddce7}.org-tree li{margin:10px 0}.org-person{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;width:max-content;max-width:100%}.org-person strong,.org-person small{display:block}.org-person strong{font-size:11px}.org-person small{font-size:9px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.asset-card,.life-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.asset-top{display:flex;justify-content:space-between}.asset-icon{width:40px;height:40px;border-radius:12px;background:#e1f8f4;color:#129681;display:grid;place-items:center}.asset-card h3,.life-card h3{margin:16px 0 4px;font-size:15px}.asset-card p,.life-card p{font-size:11px;color:var(--muted)}.asset-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-card dt{font-size:9px;color:var(--muted)}.asset-card dd{font-size:11px;margin:2px 0}.assigned-person{display:flex;gap:8px;align-items:center;background:#f6fafc;border-radius:11px;padding:9px;margin-top:12px}.assigned-person small,.assigned-person strong{display:block}.assigned-person small{font-size:8px}.assigned-person strong{font-size:10px}.available-note{background:#effaf7;color:#12806e;padding:9px;border-radius:10px;font-size:10px;margin-top:12px}.asset-actions{margin-top:12px;display:flex;justify-content:flex-end}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:12px}.timeline-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0d5;color:#9b671b;font-weight:900}.timeline-mark.closed{background:#dff7e9;color:#187a4a}.timeline-item .panel p{font-size:12px;color:#52657a;line-height:1.6}.callout{font-size:11px;background:#f5f8fb;border-radius:10px;padding:10px}.timeline-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;color:var(--muted)}.shift-templates{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.shift-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px}.shift-chip strong,.shift-chip span{display:block}.shift-chip strong{font-size:11px}.shift-chip span{font-size:9px;color:var(--muted);margin-top:2px}.life-type{display:inline-block;font-size:8px;font-weight:900;letter-spacing:.7px;padding:5px 7px;border-radius:7px;background:#dff8f3;color:#108271}.life-type.offboarding{background:#ffe9ed;color:#ad344a}.progress{height:7px;background:#edf3f6;border-radius:99px;overflow:hidden;margin:13px 0 6px}.progress i{display:block;height:100%;background:var(--teal)}.life-card>small{font-size:9px}.life-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.announcement-list{display:grid;gap:12px}.announcement{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:44px 1fr;gap:13px}.announcement.pinned{border-left:4px solid var(--teal)}.announcement-icon{width:40px;height:40px;border-radius:12px;background:#e0f8f4;color:#11927e;display:grid;place-items:center}.announcement-head{display:flex;align-items:center;gap:8px}.announcement h3{font-size:14px;margin-bottom:0}.announcement p{font-size:12px;color:#5c6e82;line-height:1.6;margin:7px 0}.announcement small{font-size:9px}.pin{font-size:8px;padding:3px 6px;border-radius:99px;background:#e0f8f4;color:#128471}.report-bars>div{display:grid;grid-template-columns:180px 1fr 40px;gap:12px;align-items:center}.report-bars span,.report-bars strong{font-size:11px}.settings-tabs{display:flex;gap:7px;margin-bottom:16px}.settings-tabs button{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:10px;color:#62748a}.settings-tabs button.active{background:var(--navy);color:#fff}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.role-card>p{font-size:10px;color:var(--muted)}.permission-list{max-height:360px;overflow:auto;margin:12px 0}.permission-list label{display:grid;grid-template-columns:18px 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #edf2f6}.permission-list strong,.permission-list small{display:block}.permission-list strong{font-size:10px}.permission-list small{font-size:9px}.system-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.system-info div{border:1px solid var(--line);border-radius:12px;padding:12px}.system-info span,.system-info strong{display:block}.system-info span{font-size:9px;color:var(--muted)}.system-info strong{font-size:12px;margin-top:3px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,20,36,.56);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:20px;width:min(560px,100%);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-wide{width:min(900px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head h2{font-size:19px;margin-bottom:4px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.modal-x{width:34px;height:34px;border:0;background:#f2f5f8;border-radius:9px;font-size:22px;color:#68798b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.span-2{grid-column:1/-1}.modal textarea{min-height:78px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-grid div{background:#f7fafc;border-radius:11px;padding:10px}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{font-size:8px;color:var(--muted);text-transform:uppercase}.profile-grid strong{font-size:11px;margin-top:3px}.person-title{display:flex;align-items:center;gap:12px}.mini-person{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.checklist{display:grid;gap:8px}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:12px;margin:0!important}.check-row input{width:16px!important}.check-inline{flex-direction:row!important;align-items:center!important}.check-inline input{width:auto!important}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#17334e;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:12px}.toast.error{background:#b7364d}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.grid-2,.grid-org{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.auth-page{grid-template-columns:1fr;padding:18px}.auth-brand{display:none}.auth-logo-mobile{display:block;width:190px;margin:0 auto 20px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;z-index:50;transform:translateX(-100%)}.topbar{padding:0 16px}.page{padding:18px 14px 40px}.metrics,.metrics.compact,.card-grid,.role-grid{grid-template-columns:1fr}.hero,.toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.profile-grid{grid-template-columns:1fr}.report-bars>div{grid-template-columns:100px 1fr 30px}}

/* v1.1 organizasyon / takvim / yetki */
.row-actions{display:flex;gap:5px;align-items:center}.mini-action{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#52657a;font-weight:900}.mini-action:hover{background:#f0f7f6;color:var(--teal)}.mini-action.danger:hover{background:#fff0f2;color:var(--danger)}
.editable-tree .org-person{width:100%;max-width:620px;cursor:grab;position:relative}.org-draggable.dragging{opacity:.45}.org-draggable.drag-over{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,153,133,.12);background:#f2fcfa}.org-drag-handle{font-size:16px;color:#9aabba;letter-spacing:-4px}.org-person-text{flex:1;min-width:0}.hierarchy-actions{display:flex;gap:4px}.hierarchy-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;width:27px;height:27px;color:#52657a}.hierarchy-actions button:hover{border-color:var(--teal);color:var(--teal)}
.org-root-drop{border:1px dashed #b9d7d2;background:#f2fbf9;border-radius:12px;padding:12px;margin:0 0 14px;font-size:11px;color:#39786f;text-align:center}.org-root-drop.drag-over{background:#dff8f2;border-color:var(--teal)}
.calendar-panel{margin-bottom:16px}.calendar-title{align-items:center}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav>button:not(.btn){width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:20px;color:#455d72}.calendar-nav strong{min-width:130px;text-align:center;text-transform:capitalize}.btn.small{padding:7px 10px;font-size:10px}
.leave-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-head{padding:8px;text-align:center;background:#f6f9fb;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;font-weight:900;color:#73869b;text-transform:uppercase}.calendar-day{min-height:112px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.calendar-day>strong{font-size:11px}.calendar-day.today{background:#f1fbf9;box-shadow:inset 0 0 0 2px rgba(17,153,133,.16)}.calendar-day.muted-day{background:#fafcfd}.calendar-events{display:grid;gap:4px;margin-top:6px}.leave-chip{border:0;border-radius:6px;text-align:left;padding:5px 6px;font-size:8px;font-weight:850;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#dff5ef;color:#176f62}.leave-chip.pending{background:#fff0d5;color:#966117}.leave-chip span{display:block;font-weight:600;font-size:7px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.calendar-events small{font-size:8px;color:var(--muted)}
.settings-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.settings-intro h3{margin-bottom:4px}.settings-intro p{font-size:11px;color:var(--muted)}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.permission-role{margin:0}.role-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.role-head p{font-size:9px;color:var(--muted)}.permission-group{border-top:1px solid var(--line);padding:11px 0}.permission-group h4{font-size:10px;color:#344c62;margin:0 0 5px}.permission-group label{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:6px 4px;border-radius:7px}.permission-group label:hover{background:#f7fafb}.permission-group strong,.permission-group small{display:block}.permission-group strong{font-size:10px}.permission-group small{font-size:8px;color:var(--muted);margin-top:1px}
.role-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.role-checks label{display:grid;grid-template-columns:18px 1fr;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px}.role-checks strong,.role-checks small{display:block}.role-checks strong{font-size:11px}.role-checks small{font-size:8px;color:var(--muted)}.permission-user-info{background:#f5f9fb;border-radius:12px;padding:12px}.permission-user-info strong,.permission-user-info small{display:block}.permission-user-info small{font-size:9px;color:var(--muted);margin-top:2px}.role-pill{display:inline-block;padding:4px 7px;border-radius:99px;background:#e7f7f4;color:#157969;font-size:8px;font-weight:800;margin:2px}
@media(max-width:900px){.permission-matrix{grid-template-columns:1fr}.leave-calendar{min-width:760px}.calendar-panel{overflow:auto}.calendar-title{align-items:flex-start;gap:12px}.calendar-nav{flex-wrap:wrap}}


/* v1.3 platform admin / belge görüntüleme */
.platform-badge{font-size:9px;font-weight:900;letter-spacing:.7px;background:#e0f8f4;color:#0d7d6e;border:1px solid #bcece4;border-radius:999px;padding:6px 9px}.document-preview{height:min(68vh,720px);background:#eef3f6;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:grid;place-items:center}.document-preview iframe{width:100%;height:100%;border:0;background:#fff}.document-preview img{max-width:100%;max-height:100%;object-fit:contain}.platform-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-section-title{font-size:12px;margin:8px 0 10px}.module-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.module-checks label{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0;font-size:11px}.module-checks input{width:auto!important}.badge-trial{background:#e9f1ff;color:#3c68ad}.badge-suspended,.badge-expired{background:#ffe5ea;color:#b3314a}
@media(max-width:780px){.module-checks{grid-template-columns:1fr}.platform-metrics{grid-template-columns:1fr}.document-preview{height:60vh}}

/* v1.4 üyelik / davet / abonelik */
.subscription-banner{margin:14px 30px 0;padding:12px 15px;border:1px solid #bfe9e2;background:#ecfbf8;border-radius:13px;display:flex;align-items:center;gap:10px;color:#126f63;font-size:11px}.subscription-banner strong{font-size:12px}.subscription-banner.expired{background:#fff1f3;border-color:#ffd1d9;color:#a72e43}.company-switcher{width:150px;max-width:100%;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:6px 7px;font-size:11px;outline:none}.company-switcher option{color:#1d2c3e;background:#fff}.invite-email{background:#f5f9fb;border:1px solid var(--line);padding:11px 12px;border-radius:10px;margin:14px 0;font-size:12px;font-weight:750}.invite-link-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.invite-link-box input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px}.company-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.company-admin-card{margin:0}.company-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.company-card-head h3{margin-bottom:3px}.company-card-head p{font-size:10px;color:var(--muted)}.company-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.company-card-stats>div{border:1px solid var(--line);background:#f9fbfc;border-radius:10px;padding:10px}.company-card-stats span,.company-card-stats strong{display:block}.company-card-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.company-card-stats strong{font-size:11px;margin-top:3px;word-break:break-word}.company-card-actions{display:flex;gap:8px}.owner-line,.history-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:10px}.owner-line span,.history-list span{color:var(--muted)}
@media(max-width:900px){.company-admin-grid{grid-template-columns:1fr}.subscription-banner{margin:12px 14px 0;align-items:flex-start;flex-direction:column}.invite-link-box{grid-template-columns:1fr}}

/* v2.0 gelişmiş İK modülleri */
.smart-alert-list{display:grid;gap:8px}.smart-alert{display:grid;grid-template-columns:34px 1fr 28px 28px;gap:9px;align-items:center;border:1px solid #f1dfb7;background:#fffaf0;border-radius:12px;padding:10px}.smart-alert.danger{border-color:#f4c7d0;background:#fff4f6}.alert-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff0ca;color:#a66b10;font-weight:900}.smart-alert.danger .alert-symbol{background:#ffe1e7;color:#b52f49}.smart-alert strong{font-size:11px}.smart-alert p{font-size:9px;color:var(--muted);margin:3px 0 0}.occasion-list{display:grid;gap:8px}.occasion-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.occasion-list strong{font-size:11px}.occasion-list small{font-size:9px}.self-hero,.self-profile{display:flex;align-items:center;gap:14px;margin-bottom:18px}.self-hero>button{margin-left:auto}.self-profile h2{margin-bottom:3px}.adv-quick{grid-template-columns:repeat(6,1fr)}.leave-balance-panel{margin-bottom:18px}.module-card{display:flex;flex-direction:column;gap:14px}.module-card-head{display:flex;justify-content:space-between;gap:10px}.module-card h3{font-size:14px;margin-bottom:4px}.module-card p{font-size:10px;color:var(--muted);margin:0}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.module-stats>div{background:#f7fafb;border-radius:9px;padding:9px}.module-stats span,.module-stats strong{display:block}.module-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.module-stats strong{font-size:12px;margin-top:2px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 15px}.inline-form select{border:1px solid var(--line);border-radius:10px;padding:9px}.criteria-editor{background:#f7fafb;border:1px solid var(--line);padding:12px;border-radius:12px;margin-bottom:12px}.criteria-editor h4{margin:0 0 8px}.criterion{display:grid;grid-template-columns:1fr 100px;gap:8px;margin-bottom:7px}.score-field{background:#f7fafb;padding:10px;border-radius:10px}.score-field input{padding:0!important}.score-field output{font-size:12px;font-weight:900;color:var(--teal)}.survey-results{display:grid;gap:10px}.result-score{font-size:34px;font-weight:900;color:var(--teal)}.result-score small{font-size:11px}.result-line{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:10px}.template-preview{font-size:10px;color:#617287;line-height:1.5;min-height:60px}.template-editor{min-height:260px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.rendered-document{margin-top:18px;background:#fff;border:1px solid #dfe6ec;box-shadow:0 10px 35px rgba(0,0,0,.06);padding:45px;min-height:420px;color:#111;line-height:1.65}.settings-tabs{flex-wrap:wrap}.settings-tabs button{white-space:nowrap}
@media(max-width:1100px){.adv-quick{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.adv-quick{grid-template-columns:1fr 1fr}.self-hero,.self-profile{align-items:flex-start;flex-wrap:wrap}.self-hero>button{margin-left:0}.module-stats{grid-template-columns:1fr}.criterion{grid-template-columns:1fr}.smart-alert{grid-template-columns:30px 1fr 28px}.smart-alert [data-dismiss-alert]{display:none}}

/* ==================== v2.1 PUANTAJ ==================== */
.btn.danger{border-color:#f3c6cf;background:#fff4f6;color:var(--danger)}
.attendance-controls{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,.7fr) minmax(260px,1.1fr) auto;gap:12px;align-items:end;margin-bottom:18px}
.attendance-controls label{font-size:10px;font-weight:800;color:#68788d;text-transform:uppercase;letter-spacing:.35px}
.attendance-controls select,.attendance-controls input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--text)}
.attendance-save-note{margin-bottom:8px;font-size:10px}
.attendance-sheet{padding:0;overflow:hidden;margin-bottom:18px}
.attendance-sheet-head{display:grid;grid-template-columns:1fr 1.7fr 1fr;border-bottom:1px solid #cdd8e3;background:#f9fbfd}
.attendance-sheet-head>div{display:grid;grid-template-columns:110px 1fr;align-items:center;min-height:46px;border-right:1px solid #dbe3eb;padding:0 14px}.attendance-sheet-head>div:last-child{border-right:0}.attendance-sheet-head span{font-size:9px;color:#6e7e90;font-weight:800}.attendance-sheet-head strong{font-size:12px;text-align:center}
.attendance-table-wrap{max-height:620px}.attendance-table{min-width:760px;border-collapse:collapse}.attendance-table th{position:sticky;top:0;z-index:2;background:#eef3f7;color:#314158;text-align:center;border:1px solid #cfd9e3;padding:9px}.attendance-table td{border:1px solid #d7e0e9;padding:4px 7px;background:#fff}.attendance-table .day-cell{width:72px;text-align:center}.attendance-table .day-cell strong{font-size:11px}.attendance-table .day-cell small{display:block;font-size:8px;color:#8390a0;text-transform:uppercase;margin-top:2px}.attendance-table input{width:100%;border:0;background:transparent;padding:7px 5px;font-size:11px;outline:none}.attendance-table input:focus{background:#f0fbf8}.attendance-table input:disabled{color:#4c5d70;opacity:1}.attendance-table .att-total,.attendance-table .att-overtime{text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.attendance-table .att-overtime{color:#9b6414}.attendance-table tr.attendance-sunday td{background:#fff0f2}.attendance-table tr.attendance-holiday td{background:#fff5d9}.attendance-table tr.attendance-holiday .day-cell small,.attendance-table tr.attendance-sunday .day-cell small{font-weight:900;color:#ad4257}.attendance-table tr.attendance-holiday input::placeholder{color:#a57117;opacity:1}
.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #d7e0e9;background:#f9fbfd}.attendance-summary>div{padding:13px 16px;border-right:1px solid #dfe6ed}.attendance-summary>div:last-child{border-right:0}.attendance-summary span,.attendance-summary strong{display:block}.attendance-summary span{font-size:9px;color:var(--muted);text-transform:uppercase}.attendance-summary strong{font-size:15px;margin-top:3px}.attendance-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--line)}.attendance-approved-note{font-size:11px;font-weight:800;color:#157d4a}
.attendance-pending{margin-bottom:18px}.attendance-pending-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px 2px;text-align:left}.attendance-pending-row:last-child{border-bottom:0}.attendance-pending-row strong,.attendance-pending-row small{display:block}.attendance-pending-row small{font-size:9px;color:var(--muted);margin-top:3px}.attendance-pending-row:hover{background:#f8fbfd}
.holiday-form{display:grid;grid-template-columns:170px 1fr 210px auto;gap:8px;margin-bottom:16px}.holiday-form input,.holiday-form select{border:1px solid var(--line);border-radius:10px;padding:10px}.holiday-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.holiday-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.holiday-list>div:last-child{border-bottom:0}.holiday-list strong,.holiday-list small{display:block}.holiday-list small{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:900px){.attendance-controls{grid-template-columns:1fr 1fr}.attendance-sheet-head{grid-template-columns:1fr}.attendance-sheet-head>div{border-right:0;border-bottom:1px solid var(--line)}.attendance-summary{grid-template-columns:1fr 1fr}.holiday-form{grid-template-columns:1fr}.attendance-actions{flex-wrap:wrap}}

/* v2.1.1 Puantaj üst sabit bar */
.topbar-left{display:flex;align-items:center;gap:20px;min-width:0}.top-attendance-btn{height:40px;border:1px solid #bfe7e1;background:#eefbf8;color:#08796b;border-radius:11px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.top-attendance-btn span{font-size:16px}.top-attendance-btn:hover,.top-attendance-btn.active{background:linear-gradient(135deg,var(--teal),var(--teal2));border-color:var(--teal);color:#fff;box-shadow:0 6px 18px rgba(18,184,166,.16)}
@media(max-width:780px){.topbar-left{gap:8px}.top-attendance-btn{padding:0 10px}.top-attendance-btn strong{display:none}}


/* v2.1.2 — Kategorili sol menü */
.sidebar nav{gap:7px;margin-top:14px;padding-right:2px}
.nav-section-label{padding:4px 11px 3px;color:#6f8ba4;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.nav-root{margin-bottom:5px}
.nav-group{border:1px solid transparent;border-radius:12px;overflow:hidden;transition:.18s ease}
.nav-group.has-active{border-color:rgba(55,221,200,.08)}
.nav-group-toggle{width:100%;height:40px;border:0;background:transparent;color:#9fb2c5;padding:0 10px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:8px;text-align:left;border-radius:11px;cursor:pointer;font-size:11.5px}
.nav-group-toggle:hover,.nav-group.has-active>.nav-group-toggle{background:rgba(255,255,255,.035);color:#fff}
.nav-group-toggle strong{font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-group-icon{width:22px;height:22px;display:grid;place-items:center;color:#7995ad;font-size:13px}
.nav-chevron{display:grid;place-items:center;color:#6f8ba4;font-size:15px;transition:transform .18s ease}
.nav-group.open .nav-chevron{transform:rotate(180deg)}
.nav-group-items{display:none;padding:3px 4px 6px 18px}
.nav-group.open .nav-group-items{display:flex;flex-direction:column;gap:2px}
.nav-child{padding:8px 9px;font-size:11.5px;border-radius:9px;gap:8px;position:relative}
.nav-child:before{content:"";position:absolute;left:-10px;top:50%;width:7px;height:1px;background:rgba(143,168,189,.22)}
.nav-child span{width:19px;height:19px;font-size:11px}
.nav-child.active:before{background:#37ddc8}
.sidebar-platform{padding:9px 0 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.platform-nav{width:100%;color:#cdd7ff;background:rgba(95,92,255,.07);border:1px solid rgba(139,133,255,.09)}
.platform-nav span{color:#a99cff}
.platform-nav:hover,.platform-nav.active{background:rgba(108,99,255,.15);color:#fff}
.sidebar-company{flex-wrap:wrap}
.sidebar-company>small{width:100%}
@media(max-width:780px){.nav-group-toggle{height:42px}.nav-child{padding:9px}}


/* v2.1.3 — Premium sidebar typography & chevrons */
.sidebar{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sidebar nav{
  gap:4px;
  margin-top:15px;
  padding-right:3px;
}
.nav-section-label{
  padding:3px 12px 7px;
  color:#6f879d;
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.nav-root{
  min-height:40px;
  margin-bottom:7px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:-.005em;
}
.nav-group{
  border:0;
  border-radius:12px;
  overflow:visible;
  margin:1px 0;
  background:transparent;
}
.nav-group.has-active{
  border-color:transparent;
}
.nav-group-toggle{
  width:100%;
  height:42px;
  border:1px solid transparent;
  background:transparent;
  color:#a9b9c8;
  padding:0 9px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  text-align:left;
  border-radius:11px;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.nav-group-toggle:hover{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.025);
  color:#f2f7fb;
}
.nav-group.has-active>.nav-group-toggle,
.nav-group.open>.nav-group-toggle{
  color:#edf8f7;
  background:rgba(14,51,79,.62);
  border-color:rgba(101,209,194,.075);
}
.nav-group-toggle strong{
  min-width:0;
  font-size:12.35px;
  line-height:1;
  font-weight:600;
  letter-spacing:.002em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nav-group-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#829cb2;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.03);
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.nav-group-icon svg{
  width:15px;
  height:15px;
  display:block;
}
.nav-group.open .nav-group-icon,
.nav-group.has-active .nav-group-icon{
  color:#49d8c6;
  background:rgba(18,184,166,.085);
  border-color:rgba(73,216,198,.09);
}
.nav-chevron{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:#708ba2;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s ease;
  transform-origin:center;
}
.nav-chevron svg{
  width:15px;
  height:15px;
  display:block;
}
.nav-group.open .nav-chevron{
  transform:rotate(180deg);
  color:#70cfc3;
}
.nav-group-items{
  display:flex;
  flex-direction:column;
  gap:2px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  padding:0 4px 0 20px;
  transform:translateY(-3px);
  transition:max-height .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .22s ease,padding .22s ease;
}
.nav-group.open .nav-group-items{
  max-height:330px;
  opacity:1;
  padding-top:4px;
  padding-bottom:6px;
  transform:translateY(0);
}
.nav-child{
  min-height:34px;
  padding:7px 9px 7px 11px;
  border-radius:8px;
  gap:8px;
  position:relative;
  color:#9fb2c3;
  font-size:12px;
  font-weight:500;
  letter-spacing:-.002em;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.nav-child:before{
  content:"";
  position:absolute;
  left:1px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:transparent;
  transform:translateY(-50%);
  transition:background .16s ease,box-shadow .16s ease;
}
.nav-child span{
  width:19px;
  height:19px;
  font-size:11px;
  opacity:.74;
  transition:opacity .16s ease,color .16s ease;
}
.nav-child:hover{
  background:rgba(255,255,255,.035);
  color:#edf4f8;
}
.nav-child:hover span{
  opacity:.95;
}
.nav-child.active{
  background:linear-gradient(90deg,rgba(18,184,166,.135),rgba(18,184,166,.045));
  color:#f5fffd;
  font-weight:600;
  box-shadow:none;
}
.nav-child.active:before{
  background:#45d9c6;
  box-shadow:0 0 0 3px rgba(69,217,198,.08);
}
.nav-child.active span{
  color:#45d9c6;
  opacity:1;
}
.sidebar-platform{
  margin-top:10px;
}
.platform-nav{
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}
@media(max-width:780px){
  .nav-group-toggle{height:43px}
  .nav-child{min-height:36px;padding:8px 9px 8px 11px}
}


/* v2.1.4 — Kalıcı şirket silme ve optimize belge önizleme */
.btn-danger-outline{border-color:#efb8c1!important;color:#b52f49!important;background:#fff7f8!important}
.btn-danger-outline:hover:not(:disabled){background:#ffecef!important;border-color:#e594a3!important}
.btn-danger-outline:disabled{opacity:.42;cursor:not-allowed}
.btn-danger{background:#b4233b!important;color:#fff!important;border-color:#b4233b!important;box-shadow:0 8px 20px rgba(180,35,59,.16)}
.btn-danger:hover:not(:disabled){background:#941b30!important}
.btn-danger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.destructive-zone{border:1px solid #f0b7c1;background:#fff5f6;border-radius:13px;padding:14px;margin-bottom:16px;color:#8e2438}
.destructive-zone strong{display:block;font-size:12px;margin-bottom:5px}.destructive-zone p{margin:0;font-size:10px;line-height:1.55;color:#a14657}
.preview-optimized-note{margin-top:8px;padding:8px 11px;border-radius:9px;background:#f3f8fa;border:1px solid #e2ecef;color:#64798a;font-size:9.5px;text-align:center}
.document-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto}


/* v2.1.5 — Küçük ve kaydırılabilir evrak önizleme */
.modal-backdrop{
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:24px 18px 40px;
  overscroll-behavior:contain;
}
.modal{
  flex:0 0 auto;
  max-height:none;
  margin:auto 0;
  overflow:visible;
}
.modal.modal-wide{
  width:min(860px,calc(100vw - 36px));
}
.document-preview{
  width:100%;
  height:auto;
  min-height:280px;
  max-height:62vh;
  padding:18px;
  overflow:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:#eef3f6;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
.document-preview img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(100%,720px);
  max-height:none;
  object-fit:contain;
  margin:0 auto;
  box-shadow:0 6px 24px rgba(15,39,68,.12);
  background:#fff;
}
.document-preview iframe{
  width:100%;
  height:58vh;
  min-height:420px;
  border:0;
  background:#fff;
}
.preview-optimized-note{
  margin-top:8px;
  font-size:10px;
  color:var(--muted);
  text-align:center;
}
@media(max-width:780px){
  .modal-backdrop{padding:12px 8px 28px}
  .modal.modal-wide{width:calc(100vw - 16px)}
  .document-preview{max-height:68vh;padding:10px;min-height:220px}
  .document-preview img{max-width:100%}
  .document-preview iframe{height:64vh;min-height:360px}
}

/* ==================== v2.2.0 Üretkenlik Paketi ==================== */
.notification-bell{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:#44586c;cursor:pointer;transition:.18s ease}
.notification-bell:hover{background:#f7fafc;color:#0f766e;transform:translateY(-1px)}
.notification-bell svg{width:18px;height:18px}.notification-bell span{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.notification-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.notification-list{display:grid;gap:7px;max-height:62vh;overflow:auto;padding-right:3px}
.notification-item{width:100%;display:grid;grid-template-columns:10px 1fr 18px;gap:11px;align-items:start;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 13px;text-align:left;cursor:pointer;color:inherit}.notification-item:hover{background:#f9fbfd}.notification-item.unread{background:#f0fdfa;border-color:#c8f2ec}.notification-item strong{display:block;font-size:13px}.notification-item p{margin:3px 0;color:var(--muted);font-size:12px}.notification-item small{color:#93a1af;font-size:10.5px}.notification-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;background:#94a3b8}.notification-dot.success{background:#10b981}.notification-dot.warning{background:#f59e0b}.notification-dot.action{background:#0ea5a0}.notification-arrow{font-size:22px;color:#94a3b8;line-height:1}

.bulk-employee-bar{display:flex;align-items:center;gap:12px;background:#ecfdf9;border:1px solid #c6f3e8;border-radius:13px;padding:10px 14px;margin-bottom:12px}.bulk-employee-bar strong{margin-right:auto;font-size:12.5px;color:#0f6d63}.check-col{width:38px;text-align:center}.check-col input{width:15px;height:15px}.employee-toolbar{gap:12px}

.shift-week-input{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:#fff;color:var(--text)}
.shift-template-palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.planner-template{display:flex;flex-direction:column;border:1px solid #ccebe6;background:#f0fdfa;padding:8px 11px;border-radius:10px;cursor:grab;min-width:118px}.planner-template strong{font-size:11.5px;color:#0f766e}.planner-template span{font-size:10.5px;color:#64748b;margin-top:2px}.planner-panel{padding:0;overflow:hidden}.shift-planner-wrap{overflow:auto;max-height:62vh}.shift-planner-table{border-collapse:separate;border-spacing:0;min-width:1050px;width:100%}.shift-planner-table th,.shift-planner-table td{border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;vertical-align:top}.shift-planner-table thead th{position:sticky;top:0;background:#f8fafc;z-index:4;padding:9px 8px;text-align:center}.shift-planner-table thead th:first-child{left:0;z-index:6;text-align:left;min-width:180px}.shift-planner-table thead th strong{display:block;font-size:11.5px}.shift-planner-table thead th small{font-size:10px;color:#8493a1}.planner-employee{position:sticky;left:0;background:#fff;z-index:3;min-width:180px;padding:10px}.planner-employee strong{display:block;font-size:11.5px}.planner-employee small{color:#8a98a6;font-size:10px}.planner-cell{height:72px;min-width:118px;padding:5px;background:#fff;transition:.15s ease}.planner-cell:hover{background:#fbfdfd}.planner-cell.drag-over{background:#e6fffa;box-shadow:inset 0 0 0 2px #4fd1c5}.planner-shift{position:relative;border:1px solid #bfe8e1;background:linear-gradient(135deg,#eefcf9,#f8fffd);border-radius:9px;padding:7px 22px 7px 8px;cursor:grab;min-height:52px}.planner-shift strong{display:block;color:#0f766e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-shift span{display:block;color:#64748b;font-size:10px;margin-top:2px}.planner-shift button{position:absolute;right:4px;top:3px;border:0;background:transparent;color:#9aa8b5;font-size:16px;cursor:pointer}.planner-shift button:hover{color:#dc2626}.planner-add{width:100%;height:58px;border:1px dashed #d8e2ea;background:transparent;border-radius:9px;color:#9aa8b5;font-size:20px;cursor:pointer}.planner-add:hover{border-color:#78d7ca;background:#f0fdfa;color:#0f766e}

.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.report-bar-list{display:grid;gap:13px}.report-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.report-bar-row strong{font-size:12px}.report-bar-row small{color:#8795a3;font-size:10.5px}.report-bar{height:7px;background:#edf2f6;border-radius:999px;overflow:hidden}.report-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fb9a7,#59d8c7)}

.manager-action-center{margin:0 0 16px;border-color:#d8eee9;background:linear-gradient(135deg,#ffffff,#f7fffd)}.manager-action-center .panel-head{margin-bottom:12px}.action-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-center-card{border:1px solid #e2ecea;background:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:10px;text-align:left;color:inherit;cursor:pointer}.action-center-card:hover{border-color:#a9ddd5;box-shadow:0 7px 18px rgba(20,76,72,.06)}.action-center-card>span{width:34px;height:34px;border-radius:10px;background:#e9fbf7;color:#0f766e;display:grid;place-items:center;font-weight:800}.action-center-card strong{display:block;font-size:12px}.action-center-card small{display:block;color:#8694a1;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-center-card b{font-size:20px;color:#9aa7b4}.action-center-empty{grid-column:1/-1;color:#0f766e;font-size:12px;padding:4px}.action-center-show{margin-left:10px}

.attendance-leave td{background:#f0fdfa!important}.attendance-leave .day-cell strong{color:#0f766e}.attendance-leave-pill{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border-radius:8px;background:#d9f7f0;color:#0f766e;font-size:11px;font-weight:650;white-space:nowrap}

@media(max-width:1100px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.action-center-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.report-metrics,.action-center-grid{grid-template-columns:1fr}.employee-toolbar{align-items:stretch}.employee-toolbar .toolbar-actions{flex-wrap:wrap}.notification-bell{width:38px;height:38px}}


/* v2.2.1 — Ayarlar / Rol & Yetki matrisi kaydırılabilir */
.permission-matrix{
  align-items:start;
}
.permission-role{
  height:min(600px,64vh);
  min-height:430px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 18px 18px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#b8c8d4 transparent;
}
.permission-role::-webkit-scrollbar{width:8px}
.permission-role::-webkit-scrollbar-track{background:transparent}
.permission-role::-webkit-scrollbar-thumb{background:#c4d1da;border-radius:999px;border:2px solid #fff}
.permission-role::-webkit-scrollbar-thumb:hover{background:#9fb2c0}
.permission-role .role-head{
  position:sticky;
  top:0;
  z-index:4;
  margin:0 -18px 10px;
  padding:17px 18px 13px;
  background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,.94));
  border-bottom:1px solid #edf2f6;
  box-shadow:0 7px 14px rgba(18,44,63,.025);
}
.permission-role .permission-group:first-of-type{
  border-top:0;
}
.permission-role .permission-group h4{
  font-size:10px;
  font-weight:750;
  letter-spacing:.012em;
}
.permission-scroll-hint{
  font-size:9px;
  color:var(--muted);
}
@media(max-height:760px){
  .permission-role{height:500px;min-height:380px}
}
@media(max-width:900px){
  .permission-role{height:520px;min-height:380px}
}


/* v2.2.2 — Yeni çalışan formunda sistem rolü / davet */
.system-access-card{
  margin-top:4px;
  border:1px solid #d9ece8;
  background:linear-gradient(145deg,#fbfefd,#f2faf8);
  border-radius:16px;
  padding:16px;
}
.system-access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.system-access-head h3{font-size:13px;margin:4px 0 5px;color:#183247}
.system-access-head p{font-size:10px;line-height:1.55;color:#687c8e;margin:0;max-width:560px}
.access-kicker{font-size:8px;font-weight:800;letter-spacing:.12em;color:#159786}
.access-toggle{
  display:flex!important;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  cursor:pointer;
  padding:7px 9px!important;
  border:1px solid #dce9e7;
  border-radius:10px;
  background:#fff;
}
.access-toggle>input{position:absolute;opacity:0;pointer-events:none}
.access-toggle>span{
  width:31px;height:18px;border-radius:999px;background:#cbd7dc;position:relative;
  transition:.18s ease;
}
.access-toggle>span:after{
  content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.18s ease;
}
.access-toggle>input:checked+span{background:#16ad98}
.access-toggle>input:checked+span:after{transform:translateX(13px)}
.access-toggle>strong{font-size:10px;color:#365064;white-space:nowrap}
.system-access-fields{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #dfecea;
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);
  gap:14px;
  align-items:end;
}
.system-access-fields.is-hidden{display:none}
.system-access-fields label{margin:0}
.system-access-fields label small{display:block;margin-top:5px;font-size:9px;line-height:1.45;color:#788b9a}
.invite-info{
  min-height:64px;border:1px solid #e1ebef;background:#fff;border-radius:11px;padding:11px 12px;
}
.invite-info strong,.invite-info span{display:block}
.invite-info strong{font-size:10px;color:#274359;margin-bottom:4px}
.invite-info span{font-size:9.5px;line-height:1.5;color:#6e8191}
.access-warning{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#fff3d8;color:#8a5b12;font-size:10px}
.success-box{padding:12px 14px;border-radius:12px;background:#eaf9f4;color:#137561;font-size:11px;margin-bottom:14px}
@media(max-width:760px){
  .system-access-head{flex-direction:column}
  .system-access-fields{grid-template-columns:1fr}
}


/* v2.3.0 — Pozisyon bazlı otomatik sistem rolü */
.position-role-hint{
  display:block;
  margin-top:6px;
  padding:7px 9px;
  border-radius:9px;
  background:#f3f9f8;
  border:1px solid #dcefeb;
  color:#55706e;
  font-size:11px;
  line-height:1.35;
}
.position-role-hint strong{color:#0d7f72;font-weight:700}


/* v2.3.1 — Kullanıcı bazlı kişisel yetki matrisi */
.special-permission-btn{border-color:#b8e6df!important;color:#087f73!important;background:#f2fbf9!important}
.individual-permission-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.individual-permission-summary>div{border:1px solid #e5edf2;border-radius:12px;padding:10px 12px;background:#f9fbfc}.individual-permission-summary span{display:block;font-size:10px;color:#7b8da0;text-transform:uppercase;letter-spacing:.05em}.individual-permission-summary strong{display:block;margin-top:4px;font-size:13px;color:#1e3045}
.permission-legend{display:flex;gap:18px;flex-wrap:wrap;padding:9px 12px;margin-bottom:10px;border:1px solid #e8eef3;border-radius:11px;background:#fff;font-size:11px;color:#617286}.permission-legend span{display:flex;align-items:center;gap:6px}.permission-legend i{width:8px;height:8px;border-radius:50%}.inherit-dot{background:#94a3b8}.allow-dot{background:#10b981}.deny-dot{background:#ef4444}
.individual-permission-scroll{max-height:55vh;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#c7d5df transparent}.individual-permission-scroll::-webkit-scrollbar{width:6px}.individual-permission-scroll::-webkit-scrollbar-thumb{background:#c7d5df;border-radius:10px}
.individual-permission-group{margin:0 0 12px}.individual-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.permission-copy strong{display:block;font-size:12px;color:#25374a;font-weight:600}.permission-copy small{display:block;margin-top:3px;color:#8595a5;font-size:10px}.permission-mode{display:flex;padding:2px;background:#f0f4f7;border-radius:9px;gap:2px}.permission-mode button{border:0;background:transparent;color:#708294;font-size:10px;font-weight:600;padding:6px 8px;border-radius:7px;cursor:pointer}.permission-mode button.active.inherit{background:#fff;color:#526579;box-shadow:0 1px 3px rgba(15,23,42,.08)}.permission-mode button.active.allow{background:#e8faf4;color:#07815f}.permission-mode button.active.deny{background:#fff0f0;color:#c83d3d}.individual-permission-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e8eef2;margin:12px -1px -1px;padding:12px 1px 1px;display:flex;align-items:center;justify-content:space-between;gap:14px}.individual-permission-footer p{margin:0;color:#7c8d9e;font-size:10.5px;max-width:65%}
@media(max-width:760px){.individual-permission-summary{grid-template-columns:1fr}.individual-permission-row{grid-template-columns:1fr}.permission-mode{width:100%}.permission-mode button{flex:1}.individual-permission-footer{align-items:stretch;flex-direction:column}.individual-permission-footer p{max-width:none}}

/* ==================== v2.4.0 Public Site & Billing ==================== */
html{scroll-behavior:smooth}
.public-site{min-height:100vh;background:#f7fafc;color:#10253d;font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,sans-serif}
.public-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e7eef4}
.public-header-inner{width:min(1180px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;gap:34px}
.public-logo img{width:176px;display:block}.public-header nav{display:flex;gap:28px;margin-left:auto}.public-header nav a{color:#597087;text-decoration:none;font-size:13px;font-weight:600}.public-header nav a:hover{color:#0c887b}.public-header-actions{display:flex;gap:10px;align-items:center}.public-login{border:0;background:transparent;color:#19324c;font-weight:650;padding:10px 13px;cursor:pointer}
.public-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:84px 0 72px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:58px}.hero-kicker,.section-heading>span{display:inline-flex;color:#0b9585;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:15px}.public-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;color:#102942;max-width:640px}.public-hero-copy>p{font-size:18px;line-height:1.65;color:#657a8e;max-width:600px}.public-hero-actions{display:flex;gap:12px;margin-top:30px}.btn-hero{padding:14px 22px;font-size:14px}.public-secondary{background:#fff;color:#19324c;border:1px solid #d8e4ed;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#6b7f91;font-size:11.5px}.hero-trust span:before{color:#0cad99}
.public-product-preview{border-radius:24px;padding:11px;background:linear-gradient(145deg,#0a2a49,#0b3c58);box-shadow:0 28px 70px rgba(11,42,73,.22),0 0 0 1px rgba(255,255,255,.3);transform:perspective(1200px) rotateY(-2deg)}.preview-top{height:34px;display:flex;align-items:center;justify-content:space-between;color:#a6bdcb;padding:0 8px}.preview-top>div{display:flex;gap:5px}.preview-dot{display:block;width:7px;height:7px;border-radius:50%;background:#6f8798}.preview-shell{height:440px;background:#f6f9fc;border-radius:16px;display:grid;grid-template-columns:74px 1fr;overflow:hidden}.preview-sidebar{background:#102d47;padding:25px 15px;display:flex;flex-direction:column;gap:19px;align-items:center}.preview-sidebar img{width:35px;margin-bottom:20px}.preview-sidebar i{width:34px;height:7px;border-radius:5px;background:#294a63}.preview-sidebar i:nth-child(3){background:#13a996}.preview-main{padding:28px}.preview-greeting{display:flex;flex-direction:column;gap:4px}.preview-greeting strong{font-size:18px}.preview-greeting span{font-size:10px;color:#8495a4}.preview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.preview-metrics div{background:white;border:1px solid #e8eef3;border-radius:13px;padding:15px}.preview-metrics b{display:block;font-size:22px}.preview-metrics span{font-size:9px;color:#8293a2}.preview-content{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.preview-table,.preview-chart{background:#fff;border:1px solid #e7edf2;border-radius:15px;padding:17px;height:228px}.preview-table>strong,.preview-chart>strong{font-size:11px}.preview-table p{display:flex;justify-content:space-between;margin:13px 0;padding-bottom:9px;border-bottom:1px solid #eef2f5;font-size:9px}.preview-table em{font-style:normal;color:#8191a0}.org-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px;justify-content:center}.org-mini b{width:100%;text-align:center;background:#edf9f7;color:#167f74;padding:9px;border-radius:9px;font-size:9px}.org-mini span{width:1px;height:18px;background:#ccd9e2}.org-mini i{font-style:normal;background:#f3f6f8;padding:8px;border-radius:8px;font-size:8px}
.public-strip{background:#0d2a45;color:#b8c9d7;display:flex;justify-content:center;gap:34px;padding:17px 25px;font-size:11px;font-weight:700;letter-spacing:.03em;flex-wrap:wrap}.public-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:88px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 44px}.section-heading h2{font-size:39px;letter-spacing:-.035em;margin:0 0 14px;color:#142d46}.section-heading p{color:#718397;line-height:1.65}.feature-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-showcase article{background:#fff;border:1px solid #e4edf3;border-radius:18px;padding:27px;box-shadow:0 8px 25px rgba(20,45,70,.035)}.feature-showcase article>div{width:42px;height:42px;border-radius:12px;background:#eaf8f5;color:#0a9382;display:grid;place-items:center;font-size:17px}.feature-showcase h3{font-size:16px;margin:19px 0 9px}.feature-showcase p{color:#708295;font-size:13px;line-height:1.6;margin:0}.public-why{padding-top:35px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid>div{background:linear-gradient(145deg,#102d48,#153953);border-radius:20px;padding:30px;color:white}.why-grid b{color:#40d2bf;font-size:11px;letter-spacing:.12em}.why-grid h3{font-size:17px}.why-grid p{color:#b4c5d2;font-size:13px;line-height:1.6}
.public-pricing{padding:90px 24px;background:#eef5f7}.public-pricing .section-heading{max-width:780px}.public-plan-grid{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-plan-card{position:relative;background:#fff;border:1px solid #dae6ec;border-radius:21px;padding:27px;display:flex;flex-direction:column;min-height:440px;box-shadow:0 10px 30px rgba(25,55,75,.04)}.public-plan-card.featured{border-color:#42c7b7;box-shadow:0 18px 44px rgba(14,154,138,.13)}.plan-popular{position:absolute;right:20px;top:-10px;background:#0da18f;color:white;border-radius:20px;padding:5px 11px;font-size:9px;font-weight:800;letter-spacing:.05em}.plan-title h3{margin:0;font-size:19px}.plan-title p{margin:5px 0 20px;color:#7b8d9c;font-size:11px}.plan-price strong{font-size:30px;letter-spacing:-.04em}.plan-price span{color:#8595a3;font-size:11px}.plan-annual{font-size:10.5px;color:#698091;margin:7px 0 16px;min-height:30px}.plan-limit{background:#f3f8fa;border-radius:10px;padding:10px 12px;font-size:11px;color:#4c6578}.public-plan-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px;font-size:11px;color:#5d7385;flex:1}.public-plan-card li::first-letter{color:#0aa18f}.btn-plan{border:1px solid #d4e1e8;background:#fff;color:#17334d}.public-cta{padding:82px 20px;background:#0e2a45}.public-cta>div{text-align:center;color:white}.public-cta img{width:64px}.public-cta h2{font-size:35px;margin:18px 0 9px}.public-cta p{color:#b7c8d4}.public-footer{height:96px;width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:25px;color:#80909f;font-size:11px}.public-footer img{width:145px;margin-right:auto}
.public-auth-modal{padding:4px 2px}.public-auth-logo{display:block;width:185px;margin:0 auto 22px}.trial-modal-badge{grid-column:1/-1;background:#eaf9f6;color:#087f71;border:1px solid #c9eee8;padding:10px 12px;border-radius:10px;text-align:center;font-size:11px;font-weight:700;margin-bottom:5px}.public-auth-modal form{display:grid;gap:13px}.public-auth-modal label{display:grid;gap:6px;font-size:11px;font-weight:650;color:#50697d}.public-auth-modal input{width:100%;padding:12px;border:1px solid #d8e3ea;border-radius:10px}
.subscription-banner{justify-content:space-between;gap:15px}.subscription-banner>div{display:flex;gap:13px;align-items:center}.subscription-cta{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:inherit;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:700;cursor:pointer}.inapp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inapp-plan-grid .public-plan-card{min-height:390px;padding:20px}.plan-request-note{text-align:center;margin-top:15px}.plan-all-features{background:#edf9f6;border:1px solid #d2eee8;border-radius:10px;padding:12px;color:#177a6f;font-size:12px}
.platform-tabs{display:flex;gap:7px;margin:18px 0}.platform-tabs button{border:1px solid #dde6ec;background:#fff;border-radius:10px;padding:10px 14px;color:#536b7e;font-weight:650;cursor:pointer}.platform-tabs button.active{background:#102e49;color:white;border-color:#102e49}.platform-tabs b{display:inline-grid;place-items:center;background:#ef665d;color:#fff;border-radius:12px;min-width:18px;height:18px;margin-left:5px;font-size:9px}.central-plan-info{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#102d48,#164057);color:white}.central-plan-info h3{margin:0 0 5px}.central-plan-info p{color:#b9cad5;margin:0}.live-badge{color:#55dec9;font-size:10px;font-weight:800;letter-spacing:.08em}.trial-settings{margin-top:15px}.inline-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-settings label{display:grid;gap:5px;font-size:10px;color:#6e8192}.inline-settings label>div,.inline-settings label{position:relative}.inline-settings input{padding:10px;border:1px solid #dce5eb;border-radius:9px;width:150px}.plan-admin-toolbar{margin-top:18px}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-admin-card{display:flex;flex-direction:column;gap:13px}.plan-admin-head{display:flex;justify-content:space-between;gap:10px}.plan-admin-head h3{margin:0}.plan-admin-head code{font-size:9px;color:#8293a0}.status-live,.status-off{font-size:9px;padding:5px 8px;border-radius:12px;height:max-content}.status-live{background:#e8f8f4;color:#0a8979}.status-off{background:#f1f2f4;color:#7d8993}.plan-admin-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plan-admin-values div{background:#f5f8fa;padding:10px;border-radius:9px}.plan-admin-values span{display:block;font-size:8.5px;color:#8a98a5}.plan-admin-values strong{font-size:12px}.plan-auto-note{background:#eef8f6;border:1px solid #d8eee9;color:#46766f;padding:11px;border-radius:10px;font-size:11px}
@media(max-width:1050px){.public-hero{grid-template-columns:1fr;padding-top:55px}.public-hero-copy{text-align:center;margin:auto}.public-hero-copy>p{margin-left:auto;margin-right:auto}.public-hero-actions,.hero-trust{justify-content:center}.public-product-preview{max-width:760px;margin:auto;width:100%}.feature-showcase,.why-grid{grid-template-columns:repeat(2,1fr)}.public-plan-grid,.inapp-plan-grid,.plan-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.public-header-inner{width:calc(100% - 24px);height:66px}.public-logo img{width:145px}.public-header nav{display:none}.public-header-actions .btn{font-size:10px;padding:9px}.public-hero{width:calc(100% - 28px);padding:48px 0}.public-hero h1{font-size:39px}.public-hero-copy>p{font-size:15px}.preview-shell{height:340px;grid-template-columns:54px 1fr}.preview-main{padding:16px}.preview-sidebar{padding:16px 9px}.preview-metrics{grid-template-columns:repeat(2,1fr)}.preview-content{display:none}.feature-showcase,.why-grid,.public-plan-grid,.inapp-plan-grid,.plan-admin-grid{grid-template-columns:1fr}.public-section{width:calc(100% - 28px);padding:62px 0}.section-heading h2{font-size:31px}.public-pricing{padding:65px 14px}.public-footer{height:auto;padding:30px 0;flex-wrap:wrap}.public-footer img{width:130px}.inline-settings{display:grid}.platform-tabs{overflow:auto}.subscription-banner>div{display:block}.subscription-banner{align-items:flex-start}}

.employee-access-panel{margin-top:16px}
.profile-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}


/* v2.4.7 — Ayarlar > Nasıl Kullanılır */
.help-center{display:grid;gap:14px}
.help-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,#f7fbfb,#eef8f6);border-color:#d9ece8}
.help-kicker{display:block;font-size:8px;letter-spacing:.15em;font-weight:900;color:#168d7e;margin-bottom:7px}
.help-hero h3{font-size:22px;margin:0 0 6px;color:#17384e}
.help-hero p{margin:0;color:#617487;font-size:11px;max-width:720px;line-height:1.7}
.help-hero-mark{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;background:#0f887b;color:#fff;font-size:28px;font-weight:900;box-shadow:0 10px 25px rgba(15,136,123,.18)}
.help-tools{display:grid;gap:10px}
.help-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;color:#8b9ba8}
.help-search input{width:100%;border:0!important;outline:0;padding:12px 0;background:transparent;font-size:11px}
.help-category-row{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}
.help-category-row button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#5c7184;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:750;cursor:pointer}
.help-category-row button.active{background:#12334d;border-color:#12334d;color:#fff}
.help-results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7b8c9c;font-size:9px;padding:2px 2px}
.help-results-meta strong{color:#344f64;font-size:10px}
.help-topic-list{display:grid;gap:9px}
.help-topic{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.help-topic[hidden]{display:none}
.help-topic summary{list-style:none;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;user-select:none}
.help-topic summary::-webkit-details-marker{display:none}
.help-topic:hover{border-color:#cbdfe0;box-shadow:0 5px 18px rgba(21,55,75,.05)}
.help-topic-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf8f6;color:#108a7a;font-weight:900;font-size:14px}
.help-topic-copy{display:grid;gap:2px}
.help-topic-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#159080;font-weight:800}
.help-topic-copy strong{font-size:11px;color:#253f54}
.help-topic-copy em{font-style:normal;font-size:9px;color:#7a8b99}
.help-chevron{color:#8295a4;font-size:16px;transition:transform .18s ease}
.help-topic[open] .help-chevron{transform:rotate(180deg)}
.help-topic-body{border-top:1px solid #edf2f5;padding:13px 18px 16px 62px;background:#fbfdfd}
.help-topic-body ol{margin:0;padding-left:16px;display:grid;gap:8px}
.help-topic-body li{font-size:10px;color:#52687a;line-height:1.55;padding-left:3px}
.help-topic-body li::marker{color:#159080;font-weight:900}
.help-empty{text-align:center;color:#7f909e;font-size:11px}
@media(max-width:720px){.help-hero{padding:18px}.help-hero-mark{display:none}.help-topic summary{grid-template-columns:34px 1fr 18px;padding:12px}.help-topic-body{padding:12px 16px 15px 48px}.help-results-meta{align-items:flex-start;flex-direction:column}.help-category-row{margin-right:-8px}}