/* Extracted from app.php global shell inline style on 2026-06-24. Keep selectors unchanged. */
:root{
            --app-bg:#f3f5f7;
            --surface:#ffffff;
            --surface-muted:#f8fafb;
            --surface-strong:#eef2f4;
            --text:#17202a;
            --text-soft:#4b5563;
            --muted:#737b86;
            --line:#d8dee6;
            --line-soft:#edf0f3;
            --primary:#0f766e;
            --primary-strong:#0b5f59;
            --primary-soft:#e4f3f1;
            --nav:#1f2930;
            --nav-2:#27343c;
            --nav-line:rgba(255,255,255,.10);
            --accent:#9a5b13;
            --success:#167245;
            --danger:#b42318;
            --warning:#9a5b13;
            --radius:8px;
            --shadow-sm:0 3px 10px rgba(23,32,42,.06);
            --shadow-md:0 10px 28px rgba(23,32,42,.08);
        }
        *{box-sizing:border-box}
        html{color-scheme:light}
        html,body{height:100%}
        body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--app-bg);color:var(--text);letter-spacing:0;text-rendering:optimizeLegibility}
        #appDialogModal[aria-hidden="true"]:not(.is-open),
        #appDialogModal:not(.is-open){
            display:none!important;
        }
        #attendanceBulkModal[hidden],
        #attendanceBulkSettingsModal[hidden],
        #attendanceSettingsEditorModal[hidden],
        #attendanceRecordModal[hidden],
        #attendanceEmployeePeriodModal[hidden],
        #attendanceDailyDetailModal[hidden],
        #attendanceDailyRejectModal[hidden],
        #attendanceRejectModal[hidden]{
            display:none!important;
        }
        html.attendance-booting .main-panel.is-attendance-page [data-attendance-panel],
        .main-panel.is-attendance-page [data-attendance-panel].attendance-panel-hidden{
            display:none!important;
        }
        html.attendance-booting[data-attendance-initial-panel="settings"] .main-panel.is-attendance-page [data-attendance-headbar],
        .main-panel.is-attendance-page [data-attendance-headbar].attendance-panel-hidden{
            display:none!important;
        }
        html.attendance-booting .main-panel.is-attendance-page .employee-command-panel{
            visibility:hidden!important;
            opacity:0!important;
        }
        html.attendance-booting[data-attendance-initial-panel="timeline"] .main-panel.is-attendance-page [data-attendance-panel="timeline"],
        html.attendance-booting[data-attendance-initial-panel="employee_timeline"] .main-panel.is-attendance-page [data-attendance-panel="employee_timeline"],
        html.attendance-booting[data-attendance-initial-panel="daily"] .main-panel.is-attendance-page [data-attendance-panel="daily"],
        html.attendance-booting[data-attendance-initial-panel="settings"] .main-panel.is-attendance-page [data-attendance-panel="settings"],
        html.attendance-booting[data-attendance-initial-panel="weekly"] .main-panel.is-attendance-page [data-attendance-panel="weekly"],
        html.attendance-booting[data-attendance-initial-panel="workplace_monthly"] .main-panel.is-attendance-page [data-attendance-panel="workplace_monthly"],
        html.attendance-booting[data-attendance-initial-panel="monthly"] .main-panel.is-attendance-page [data-attendance-panel="monthly"],
        html.attendance-booting[data-attendance-initial-panel="bulk_entry"] .main-panel.is-attendance-page [data-attendance-panel="bulk_entry"]{
            display:block!important;
        }
        .main-panel.is-attendance-page .attendance-card-actions,
        .main-panel.is-attendance-page .attendance-timeline-legend{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
        }
        .main-panel.is-attendance-page .attendance-timeline-legend span{
            display:inline-flex;
            align-items:center;
            gap:6px;
            white-space:nowrap;
        }
        .main-panel.is-attendance-page .attendance-day-icon{
            display:inline-flex;
            width:20px;
            height:20px;
            min-width:20px;
            max-width:20px;
            min-height:20px;
            max-height:20px;
            align-items:center;
            justify-content:center;
            overflow:hidden;
            border-radius:8px;
        }
        .main-panel.is-attendance-page button.attendance-day-icon{
            padding:0;
            border:0;
            cursor:pointer;
        }
        .main-panel.is-attendance-page .attendance-day-icon svg{
            display:block;
            width:12px;
            height:12px;
            min-width:12px;
            max-width:12px;
            min-height:12px;
            max-height:12px;
        }
        .attendance-approval-draft{
            background:#eef6ff!important;
            color:#1d4ed8!important;
            border-color:#bfdbfe!important;
        }
        a{text-decoration:none;color:inherit}
        button,input,select,textarea{font-family:inherit}
        textarea{width:100%;border-radius:var(--radius);border:1px solid var(--line);padding:12px 13px;font-size:14px;background:#fff;min-height:112px;resize:vertical;color:var(--text);line-height:1.5}
        .login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2930 0%,#2c3b42 52%,#eef2f4 52%,#f7f9fa 100%);padding:32px}
        .login-grid{max-width:1120px;width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
        .hero{color:#fff;padding:42px;border-radius:var(--radius);background:rgba(31,41,48,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 44px rgba(17,24,39,.20)}
        .hero h1,.hero h2,.hero h3{letter-spacing:0;margin-top:0}
        .panel{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--line);box-shadow:0 22px 52px rgba(17,24,39,.16)}
        .badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary-strong);padding:7px 11px;border-radius:var(--radius);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:0;border:1px solid #c5e5df}
        .field{margin-top:14px}
        label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#3f4a55;text-transform:uppercase;letter-spacing:0}
        input,select{width:100%;min-height:44px;border-radius:var(--radius);border:1px solid var(--line);padding:0 12px;font-size:14px;background:#fff;color:var(--text);color-scheme:light;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
        select option{background-color:#fff;color:#0b1f3a;color-scheme:light}
        select option:checked{background:linear-gradient(#edf4ff,#edf4ff);color:#0b1f3a}
        select:focus option:checked{background:linear-gradient(#dbeafe,#dbeafe);color:#0b1f3a}
        input:hover,select:hover,textarea:hover{border-color:#aeb8c4}
        input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,.14)}
        .btn{margin-top:18px;width:100%;height:48px;border-radius:var(--radius);border:1px solid var(--primary-strong);background:var(--primary);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
        .btn:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}
        .btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:var(--radius);font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-height:36px;box-shadow:var(--shadow-sm)}
        .btn-secondary:hover{background:var(--surface-muted);border-color:#aeb8c4}
        .app-shell{display:grid;grid-template-columns:304px minmax(0,1fr);min-height:100vh}
        .sidebar{position:relative;background:linear-gradient(180deg,#1f2a33 0%,#25323c 100%);color:#e8eef1;padding:18px 16px;display:flex;flex-direction:column;border-right:1px solid #1a232b;box-shadow:8px 0 24px rgba(23,32,42,.08);overflow:hidden}
        .sidebar:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(47,140,255,.22), transparent 28%),radial-gradient(circle at bottom left, rgba(15,118,110,.18), transparent 24%);pointer-events:none}
        .sidebar > *{position:relative;z-index:1}
        .brand{padding:2px 4px 12px}
        .brand-logo-shell{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
        .brand-logo{display:block;width:min(96px,100%);height:auto;filter:drop-shadow(0 8px 12px rgba(3,8,20,.16));flex:0 0 auto}
        .brand-caption{margin:0;font-size:10px;color:#9fb2c0;font-weight:800;letter-spacing:.28px;text-transform:uppercase;white-space:nowrap}
        .menu-title{margin:14px 10px 9px;font-size:10px;font-weight:900;color:#8fa2b1;text-transform:uppercase;letter-spacing:.42px}
.menu-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;min-height:42px;border-radius:14px;font-size:13px;font-weight:800;color:#dfe8ef;margin-bottom:5px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;border:1px solid transparent;background:transparent;text-decoration:none}
.menu-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
.menu-btn.active{background:linear-gradient(135deg,#147f73 0%,#0f6a61 100%);color:#fff;border-color:#2ab8a4;box-shadow:0 12px 24px rgba(7,53,48,.28)}
.menu-btn-main{display:flex;align-items:center;gap:10px;min-width:0}
.menu-btn-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.96;flex:0 0 auto}
.menu-btn-icon svg{width:18px;height:18px;display:block}
.menu-btn-label{font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-btn-caret{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#9fb2c0;flex:0 0 auto}
.menu-btn-caret svg{width:16px;height:16px;display:block}
.menu-btn-parent.is-open .menu-btn-caret{transform:rotate(90deg)}
.menu-btn-parent.active .menu-btn-caret{color:#d9fffb}
.sidebar-submenu{margin:6px 0 12px 16px;padding-left:14px;border-left:1px solid rgba(255,255,255,.12);display:grid;gap:5px}
.sidebar-submenu-heading{margin:8px 4px 3px;padding:8px 4px 3px;border-top:1px solid rgba(255,255,255,.14);color:#9aa8bd;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sidebar-submenu.is-collapsed{display:none}
.sidebar-submenu .menu-btn{font-size:12px;min-height:38px;padding:0 10px;margin-bottom:0;opacity:.98;border-radius:12px}
.sidebar-submenu .menu-btn .menu-btn-label{font-size:12px}
.sidebar-submenu .menu-btn .menu-btn-icon{width:16px;height:16px}
.sidebar-submenu .menu-btn .menu-btn-icon svg{width:16px;height:16px}
.sidebar-submenu .sidebar-search-btn{width:100%;justify-content:flex-start;gap:10px;cursor:pointer;background:rgba(20,127,115,.12);border:1px dashed rgba(90,193,182,.38);color:#dff7f3}
.sidebar-submenu .sidebar-search-btn:hover{background:rgba(20,127,115,.18);border-color:rgba(90,193,182,.52)}
        .sidebar-footer{margin-top:auto;padding-top:16px}
        .sidebar-user-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);padding:14px}
        .sidebar-user-name{font-size:13px;font-weight:800;color:#f5fbff}
        .sidebar-user-role{font-size:12px;color:#9db1be;margin-top:4px}
        .logout-btn{display:flex;align-items:center;justify-content:center;margin-top:12px;min-height:40px;text-align:center;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.10);text-decoration:none}
        .logout-btn:hover{background:rgba(255,255,255,.13)}
        .main{padding:24px;min-width:0;position:relative;z-index:1;overflow:hidden}
        .topbar{background:var(--surface);padding:20px 22px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-md);margin-bottom:18px;position:relative}
        .topbar:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);border-radius:var(--radius) 0 0 var(--radius)}
        .topbar h1{margin:0;font-size:27px;line-height:1.15;letter-spacing:0}.topbar p{margin:7px 0 0;color:var(--muted);font-size:14px}
        .card{background:var(--surface);border-radius:var(--radius);padding:18px 20px;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:16px}
        .card h3{margin:0 0 8px;font-size:19px;letter-spacing:0;color:#111827}
        .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
        .stat{position:relative;overflow:hidden;border-top:3px solid var(--primary);background:#fff}.stat .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0;font-weight:900}.stat .v{font-size:31px;font-weight:900;margin-top:8px;position:relative;color:#111827}
        .toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
        .btn-small{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:900;border:1px solid var(--primary-strong);cursor:pointer;box-shadow:var(--shadow-sm);font-size:12px;line-height:1.1;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
        .btn-small:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}
        .btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
        .btn-with-icon svg{width:15px;height:15px;display:block;flex:0 0 auto}
        .btn-with-icon svg *{pointer-events:none}
        .message{padding:13px 15px;border-radius:var(--radius);margin-bottom:14px;font-size:14px;font-weight:800;box-shadow:var(--shadow-sm)}.message.success{background:#ecfdf3;border:1px solid #b7ebc9;color:var(--success)}.message.error{background:#fff1f0;border:1px solid #ffc9c4;color:var(--danger)}
        .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
        .avatar-large{width:150px;height:150px;border-radius:var(--radius);object-fit:cover;border:1px solid #cbd5e1;background:#f8fafc;margin-bottom:14px;box-shadow:var(--shadow-sm)}
        .avatar-placeholder-large{width:150px;height:150px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:#eef2f4;color:#475569;font-size:14px;text-align:center;border:1px solid #cbd5e1;margin-bottom:14px;font-weight:800}
        .detail-row{padding:11px 0;border-bottom:1px solid var(--line-soft)}.detail-label{font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:0;font-weight:900}.detail-value{font-size:15px;font-weight:800;color:#111827}
        .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0;box-shadow:var(--shadow-sm)}
        table{width:100%;border-collapse:collapse;border-spacing:0;min-width:760px}
        thead th{background:#eef2f4;font-size:11px;color:#3f4a55;text-transform:uppercase;padding:13px 14px;letter-spacing:0;font-weight:900;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;text-align:left;white-space:nowrap}
        tbody td{padding:13px 14px;font-size:14px;vertical-align:middle;background:#fff;border-bottom:1px solid var(--line-soft)}tbody tr:nth-child(even) td{background:#fafbfc}tbody tr:hover td{background:#edf8f6}tbody tr:last-child td{border-bottom:none}
        .list-panel{padding:0;border:none;background:transparent;box-shadow:none}.list-panel .list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:0 2px}.list-panel .list-head h3{margin:0;font-size:20px}.list-panel .list-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
        .list-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.meta-pill{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid var(--line);padding:8px 12px;border-radius:var(--radius);font-size:12px;font-weight:900;color:#4b5563}
        .row-title{font-weight:900;color:#111827}.row-sub{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.cell-stack{display:flex;flex-direction:column;gap:2px}.cell-tag{display:inline-flex;width:max-content;padding:5px 9px;border-radius:var(--radius);font-size:11px;font-weight:900;background:var(--primary-soft);color:var(--primary-strong);border:1px solid #c5e5df}
        .mini-btn.view{background:#1769e8}.mini-btn.view:hover{background:#0f55bd}.mini-btn.reject{background:#b42318}.mini-btn.reject:hover{background:#921b12}
        .muted-box{padding:15px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:var(--radius);color:var(--muted);font-size:14px}
        .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tab-menu{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
        .tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--radius);background:#fff;color:#334155;font-weight:800;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.tab-btn:hover{background:#f8fafc;border-color:#aeb8c4}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-strong)}
.two-col-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.permission-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line-soft);border-radius:var(--radius);background:#f9fbfc;cursor:pointer;font-weight:700}.permission-item:hover{border-color:#cbd5e1;background:#fff}.permission-item input{width:auto;min-height:auto}.permission-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.permission-group-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#0f766e;white-space:nowrap}.permission-group-toggle input{width:auto;min-height:auto;margin:0}.permission-role-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.permission-role-list{display:grid;gap:10px}.permission-role-list-horizontal>.permission-role-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.permission-role-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.permission-role-card strong{display:block;color:#0f172a;font-size:14px}.permission-role-card span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}.permission-role-form-card{padding:18px 20px}.permission-quick-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.permission-quick-row .field{margin:0}.permission-quick-row select{background:#fff}.permission-user-actions{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center}.permission-user-actions select{height:38px;min-height:38px;padding:7px 10px;background:#fff}.permission-user-actions .mini-btn{min-height:38px}.permission-user-actions .manual-link{grid-column:1 / -1;justify-self:start}.permission-accordion-list{display:grid;gap:10px}.permission-user-accordion{border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow:hidden}.permission-user-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;background:#f8fafc}.permission-user-accordion summary::-webkit-details-marker{display:none}.permission-user-accordion[open] summary{border-bottom:1px solid #e2e8f0;background:#fff}.permission-user-summary{display:grid;gap:6px;min-width:0}.permission-user-summary strong{font-size:14px;color:#0f172a;word-break:break-word}.permission-user-summary span{font-size:12px;color:#64748b;line-height:1.45;word-break:break-word}.permission-user-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.permission-user-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,.35fr);gap:14px;padding:16px}.permission-current-group{padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.permission-current-group strong{display:block;font-size:13px;color:#0f172a;margin-bottom:8px}.permission-current-group .workplace-meta{gap:5px}
        .permission-modal-backdrop{position:fixed;inset:0;z-index:10040;background:rgba(15,23,42,.58);display:flex;align-items:flex-start;justify-content:center;padding:28px;overflow:auto}.permission-editor-modal{width:min(1180px,96vw);max-height:calc(100vh - 56px);overflow:auto;margin:0}.permission-editor-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;padding:0 20px 16px}.permission-editor-summary span{display:block;border:1px solid #dbe4ee;background:#f8fafc;border-radius:8px;padding:10px 12px;color:#64748b;font-size:12px;font-weight:800}.permission-editor-summary strong{display:block;color:#0f172a;font-size:16px;margin-bottom:4px}.permission-decision-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:10px 12px}.permission-decision-copy{display:grid;gap:4px;min-width:0}.permission-decision-copy strong{font-size:13px;color:#0f172a}.permission-decision-copy small{margin:0;color:#64748b;font-size:11px;line-height:1.4}.permission-source{width:max-content;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.permission-source.is-role{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.permission-choice-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.permission-choice-group label{display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe4ee;border-radius:7px;background:#f8fafc;padding:7px 9px;font-size:11px;font-weight:900;color:#334155;cursor:pointer}.permission-choice-group input{width:auto;min-height:auto;margin:0}.permission-choice-group label:has(input:checked){background:#e4f3f1;border-color:#9fd4cc;color:#0b5f59}@media(max-width:900px){.permission-modal-backdrop{padding:12px}.permission-editor-summary{grid-template-columns:1fr 1fr}.permission-decision-row{grid-template-columns:1fr}.permission-choice-group{justify-content:flex-start}}
        .permission-modal-backdrop{background:rgba(15,23,42,.66);backdrop-filter:blur(4px);padding:22px}.permission-editor-modal{width:min(1240px,calc(100vw - 44px));max-height:calc(100vh - 44px);border:1px solid #cfdbe8;border-radius:10px;box-shadow:0 28px 80px rgba(15,23,42,.34);overflow:auto;background:#fff}.permission-editor-modal>.workplace-form-head{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-bottom:1px solid #e2e8f0;padding:18px 22px;margin:0}.permission-editor-modal>.workplace-form-head h3{font-size:22px;margin:5px 0 0;color:#0f172a}.permission-editor-modal>.workplace-form-head p{max-width:780px;margin-top:7px;color:#64748b;font-size:13px;line-height:1.55}.permission-editor-modal .settings-badge{background:#e4f3f1;color:#0b5f59;border:1px solid #bfe0da;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase}.permission-editor-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 22px;background:#fff;border-bottom:1px solid #edf2f7}.permission-editor-summary span{min-height:70px;background:#f8fafc;border:1px solid #dce6f1;border-radius:8px;padding:12px 14px;color:#64748b;font-size:12px;font-weight:800;display:flex;flex-direction:column;justify-content:center}.permission-editor-summary strong{font-size:20px;line-height:1.1;color:#0f172a;margin-bottom:6px}.permission-editor-modal .workplace-form-body{padding:18px 22px 20px}.permission-editor-modal .permission-quick-row{background:#f8fbff;border-color:#d8e5f2;border-radius:8px;padding:14px;grid-template-columns:minmax(260px,1fr) auto}.permission-editor-modal .permission-quick-row small{color:#64748b;line-height:1.45}.permission-editor-modal .two-col-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.permission-editor-modal .workplace-form-section{border:1px solid #dce6f1;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04);overflow:hidden}.permission-editor-modal .workplace-section-title{margin:0;padding:13px 14px;border-bottom:1px solid #edf2f7;background:#f8fafc}.permission-editor-modal .workplace-section-title span{font-size:10px;color:#0f766e;font-weight:900;text-transform:uppercase}.permission-editor-modal .workplace-section-title h4{font-size:15px;margin:3px 0 0;color:#0f172a}.permission-editor-modal .permission-group-toggle{display:none}.permission-editor-modal .workplace-form-section>div:last-child{padding:12px;gap:8px!important}.permission-decision-row{grid-template-columns:minmax(0,1fr) minmax(300px,auto);gap:14px;border-color:#e3eaf3;background:#fff;border-radius:8px;padding:11px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.permission-decision-row:hover{border-color:#b8cadc;background:#fbfdff;box-shadow:0 6px 14px rgba(15,23,42,.05)}.permission-decision-copy strong{font-size:13px;line-height:1.25;color:#0f172a}.permission-decision-copy small{color:#64748b;font-size:11px;line-height:1.45}.permission-source{margin-top:3px}.permission-source.is-role{background:#edfdf3;border-color:#b7ebcb;color:#15803d}.permission-source.is-none{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.permission-choice-group{gap:6px;justify-content:flex-end}.permission-choice-group label{min-height:34px;border-radius:7px;background:#f8fafc;border-color:#dce6f1;color:#475569;padding:0 10px}.permission-choice-group label:has(input[value="inherit"]:checked){background:#eef6ff;border-color:#bfd7ff;color:#1d4ed8}.permission-choice-group label:has(input[value="grant"]:checked){background:#ecfdf3;border-color:#9ee6b7;color:#15803d}.permission-choice-group label:has(input[value="deny"]:checked){background:#fff1f0;border-color:#ffc4bd;color:#b42318}.permission-editor-modal .workplace-help{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:800;line-height:1.5}.permission-editor-modal .workplace-form-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0;margin:16px -22px -20px;padding:14px 22px;box-shadow:0 -8px 18px rgba(15,23,42,.05)}@media(max-width:1100px){.permission-editor-modal .two-col-box{grid-template-columns:1fr}.permission-editor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-decision-row{grid-template-columns:1fr}.permission-choice-group{justify-content:flex-start}}@media(max-width:640px){.permission-modal-backdrop{padding:10px}.permission-editor-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.permission-editor-summary{grid-template-columns:1fr}.permission-choice-group{display:grid;grid-template-columns:1fr}.permission-choice-group label{justify-content:flex-start}}
        .permission-designer{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.permission-designer-roles,.permission-designer-panel{background:#fff;border:1px solid #dfe7ef;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.permission-designer-roles{padding:20px 16px;display:flex;flex-direction:column;min-height:720px}.permission-designer-title{font-size:14px;font-weight:950;text-transform:uppercase;margin-bottom:14px;color:#0f172a}.permission-designer-search{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-bottom:16px}.permission-designer-search input,.permission-designer-toolbar input{height:42px;border:1px solid #dfe7ef;border-radius:9px;padding:0 12px;outline:none}.permission-designer-new,.permission-designer-save,.permission-designer-secondary{height:42px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-weight:900;text-decoration:none;border:1px solid #dfe7ef;cursor:pointer}.permission-designer-new,.permission-designer-save{background:linear-gradient(180deg,#1769e8,#0753cb);border-color:#0753cb;color:#fff}.permission-designer-secondary{background:#fff;color:#0f172a}.permission-designer-role-list{display:grid;gap:10px}.permission-designer-role{border:1px solid #dfe7ef;background:#fff;border-radius:12px;min-height:82px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;text-decoration:none;color:#0f172a;transition:.16s}.permission-designer-role:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.07)}.permission-designer-role.active{border-color:#1769e8;background:linear-gradient(180deg,#f7fbff,#fff);box-shadow:0 0 0 2px rgba(23,105,232,.1)}.permission-designer-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#1769e8;font-weight:950}.permission-designer-icon.big{width:62px;height:62px}.permission-designer-role strong{display:block}.permission-designer-role small{display:block;color:#475569;font-size:13px;margin-top:6px;line-height:1.35}.permission-designer-role em{height:28px;min-width:46px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:900;color:#475569}.permission-designer-delete{margin-top:auto;padding:20px 12px 0}.permission-designer-delete button{border:0;background:transparent;color:#ef4444;font-weight:900;cursor:pointer}.permission-designer-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.permission-designer-head{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #dfe7ef;background:linear-gradient(180deg,#fff,#fbfdff)}.permission-designer-profile{display:flex;align-items:center;gap:16px;min-width:0}.permission-designer-profile>div{display:grid;gap:8px;min-width:0}.permission-role-name-input,.permission-role-desc-input{border:0;outline:0;background:transparent;color:#0f172a}.permission-role-name-input{font-size:24px;font-weight:950}.permission-role-desc-input{font-size:13px;color:#64748b;min-width:min(560px,48vw)}.permission-designer-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.permission-designer-toolbar{min-height:76px;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #dfe7ef}.permission-designer-toolbar strong{font-size:15px;text-transform:uppercase;color:#0f172a}.permission-designer-toolbar span{height:30px;border-radius:999px;background:#eef6f5;border:1px solid #cce5df;color:#0b5f59;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:900}.permission-designer-matrix{overflow:auto;padding:16px 18px}.permission-designer-group{border:1px solid #dfe7ef;border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}.permission-designer-group summary{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#fbfdff;cursor:pointer}.permission-designer-folder{width:34px;height:34px;border-radius:9px;background:#eaf2ff;color:#1769e8;display:grid;place-items:center}.permission-designer-group summary strong{font-size:15px;color:#0f172a}.permission-designer-group summary em{margin-left:auto;height:28px;border-radius:999px;background:#eef6f5;color:#0b5f59;border:1px solid #cce5df;padding:0 10px;display:flex;align-items:center;font-size:12px;font-style:normal;font-weight:900}.permission-designer-group summary button{border:0;background:transparent;color:#1769e8;font-weight:900;cursor:pointer}.permission-designer-permissions{display:grid}.permission-designer-line{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) 24px 54px;gap:12px;align-items:center;padding:12px 16px 12px 62px;border-top:1px solid #edf2f7;cursor:pointer}.permission-designer-line:hover{background:#fbfdff}.permission-designer-line span{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;overflow:hidden}.permission-designer-line strong{font-size:14px;color:#0f172a;flex:0 0 auto}.permission-designer-line small{color:#64748b;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-designer-line code{flex:0 0 auto;width:max-content;background:#eef6f5;color:#0b5f59;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:850}.permission-designer-line input{position:absolute;opacity:0}.permission-designer-line i{width:48px;height:26px;border-radius:999px;background:#dbe3eb;position:relative;transition:.16s}.permission-designer-line i b{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px rgba(15,23,42,.25);transition:.16s}.permission-designer-line input:checked+i{background:#1769e8}.permission-designer-line input:checked+i b{left:25px}.permission-designer-line input:disabled+i{opacity:.72}.permission-designer-footer{height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-top:1px solid #dfe7ef;background:#fff}.permission-designer-footer span{color:#64748b;font-size:13px;font-weight:850}@media(max-width:1180px){.permission-designer{grid-template-columns:1fr}.permission-designer-toolbar{grid-template-columns:1fr}.permission-designer-head{align-items:flex-start;flex-direction:column}.permission-role-desc-input{min-width:0;width:100%}}
.permission-designer-line span{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}.permission-designer-line strong{flex:0 0 auto!important;white-space:nowrap!important}.permission-designer-line small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:0!important}.permission-designer-line code{flex:0 0 auto!important}.permission-designer-group-tools{display:inline-flex;align-items:center;gap:6px}.permission-designer-group-tools button{width:30px!important;height:30px!important;border-radius:8px!important;border:1px solid #dbe7f4!important;background:#fff!important;color:#1769e8!important;font-size:15px!important;font-weight:950!important;display:inline-grid!important;place-items:center!important;padding:0!important;cursor:pointer!important}.permission-designer-group-tools button[data-group-clear]{color:#ef4444!important}.permission-designer-group-tools button:hover{background:#f8fbff!important;box-shadow:0 4px 10px rgba(15,23,42,.08)!important}
.permission-designer-folder svg{width:18px;height:18px;display:block}
.permission-designer-role-shell{position:relative}.permission-designer-role-shell.has-delete .permission-designer-role{padding-right:58px}.permission-designer-role-shell.has-delete .permission-designer-role em{margin-right:30px}.permission-designer-role-delete{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0;z-index:2}.permission-designer-role-delete button{width:34px;height:34px;border-radius:9px;border:1px solid #fecaca;background:#fff;color:#ef4444;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 6px 14px rgba(239,68,68,.08)}.permission-designer-role-delete button:hover{background:#fff1f0;border-color:#fca5a5;color:#b42318}.permission-designer-role-delete svg{width:17px;height:17px;display:block}
.user-designer{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}.user-designer-list,.user-designer-panel{background:#fff;border:1px solid #dfe7ef;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.user-designer-panel{display:flex;flex-direction:column}.user-designer-list{padding:20px 16px;display:flex;flex-direction:column;min-height:680px}.user-designer-limit{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.user-designer-limit span,.user-designer-limit strong{display:flex;align-items:center;justify-content:center;border:1px solid #dfe7ef;background:#f8fafc;min-height:30px;font-size:11px;font-weight:900;color:#64748b}.user-designer-limit strong{background:#eef6f5;color:#0b5f59;font-size:15px}.user-designer-cards{display:grid;gap:10px}.user-designer-card{border:1px solid #dfe7ef;background:#fff;border-radius:12px;min-height:78px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;text-decoration:none;color:#0f172a;transition:.16s}.user-designer-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.07)}.user-designer-card.active{border-color:#1769e8;background:linear-gradient(180deg,#f7fbff,#fff);box-shadow:0 0 0 2px rgba(23,105,232,.1)}.user-designer-card strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-designer-card small{display:block;color:#64748b;font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-designer-card em{max-width:118px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 9px;font-size:11px;font-style:normal;font-weight:900;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-designer-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:850}.user-designer-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.user-designer-form .permission-designer-head h3,.user-designer-preview .permission-designer-head h3{margin:0;font-size:24px;color:#0f172a}.user-designer-form .permission-designer-head p,.user-designer-preview .permission-designer-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}.user-designer-body{display:grid;gap:16px;padding:18px}.user-designer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.user-project-box{border:1px solid #dfe7ef;border-radius:10px;padding:12px;background:#fff;max-height:300px;overflow:auto;display:grid;gap:8px}.user-project-toggle{min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:12px;align-items:center;padding:10px 12px;border:1px solid #edf2f7;border-radius:10px;background:#fbfdff;cursor:pointer}.user-project-toggle:hover{border-color:#cbd5e1;background:#fff}.user-project-toggle span{font-size:13px;font-weight:850;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-project-toggle input{position:absolute;opacity:0}.user-project-toggle i{width:48px;height:26px;border-radius:999px;background:#dbe3eb;position:relative;transition:.16s}.user-project-toggle i b{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px rgba(15,23,42,.25);transition:.16s}.user-project-toggle input:checked+i{background:#1769e8}.user-project-toggle input:checked+i b{left:25px}.user-designer-table{order:-1;border-bottom:1px solid #dfe7ef;padding:18px;background:#fff}.user-designer-table .workplace-list-head{margin-bottom:12px}.user-designer-preview{display:grid}.user-designer-preview-body{margin:18px;padding:18px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:grid;gap:8px}.user-designer-preview-body strong{font-size:16px;color:#0f172a}.user-designer-preview-body span{color:#64748b;font-size:13px;line-height:1.55}@media(max-width:1180px){.user-designer{grid-template-columns:1fr}.user-designer-list{min-height:auto}.user-designer-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.user-designer-grid{grid-template-columns:1fr}}
.user-list-card-stack{display:grid;gap:10px}.user-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:78px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;padding:10px 12px;transition:.16s}.user-list-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.07);transform:translateY(-1px)}.user-list-card.active{border-color:#1769e8;box-shadow:0 0 0 2px rgba(23,105,232,.1);background:linear-gradient(180deg,#f7fbff,#fff)}.user-list-card.is-passive{opacity:.72}.user-list-main{display:grid;grid-template-columns:54px minmax(150px,1fr) minmax(120px,auto) minmax(100px,auto) minmax(74px,auto) minmax(180px,1.1fr);gap:12px;align-items:center;min-width:0;color:#0f172a}.user-list-copy{min-width:0}.user-list-copy strong{display:block;font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-copy small{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-role,.user-list-status{justify-self:start;max-width:170px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:7px 10px;color:#334155;font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-status.active{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.user-list-status.passive{background:#fff1f2;border-color:#fecdd3;color:#be123c}.user-list-date{color:#64748b;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-projects{color:#334155;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-actions{display:flex;gap:7px;align-items:center}.user-list-actions a{width:36px;height:36px;border-radius:9px;border:1px solid #dbe7f4;background:#fff;color:#1769e8;display:grid;place-items:center}.user-list-actions a:hover{background:#f8fbff;box-shadow:0 4px 10px rgba(15,23,42,.08)}.user-list-actions a.danger{color:#ef4444;border-color:#fecaca}.user-list-actions a.warning{color:#d97706;border-color:#fed7aa}.user-list-actions a.success{color:#15803d;border-color:#bbf7d0}.user-list-actions svg{width:17px;height:17px;display:block}.user-permission-preview-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;padding:18px}.user-preview-section{border:1px solid #dfe7ef;border-radius:12px;background:#fff;padding:16px;min-width:0}.user-preview-summary{grid-column:1 / -1}.user-preview-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.user-preview-stat-grid span{border:1px solid #dfe7ef;border-radius:10px;background:#f8fafc;padding:10px;min-width:0}.user-preview-stat-grid b{display:block;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase}.user-preview-stat-grid strong{display:block;margin-top:5px;color:#0f172a;font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-preview-chip-grid{display:grid;gap:8px}.user-preview-chip{display:grid;gap:4px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:10px 12px}.user-preview-chip strong{font-size:13px;color:#0f172a}.user-preview-chip small{font-size:11px;color:#64748b}.user-preview-permission-groups{display:grid;gap:10px}.user-preview-permission-group{border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff;padding:11px 12px}.user-preview-permission-group>strong{display:block;margin-bottom:8px;color:#0f172a;font-size:13px}.user-preview-permission-group>div{display:flex;gap:6px;flex-wrap:wrap}.user-preview-permission-group span{display:inline-flex;align-items:center;gap:6px;max-width:100%;border-radius:999px;background:#eef6f5;border:1px solid #cce5df;color:#0b5f59;padding:5px 8px;font-size:11px;font-weight:900}.user-preview-permission-group span em{font-style:normal;border-radius:999px;background:#fff;padding:2px 5px;font-size:9px;color:inherit}.user-preview-permission-group span.source-role{background:#eef6ff;border-color:#bfdbfe;color:#1d4ed8}.user-preview-permission-group span.source-special{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.user-preview-denied{margin-top:12px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;padding:11px 12px}.user-preview-denied strong{display:block;color:#b91c1c;font-size:12px}.user-preview-denied div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.user-preview-denied span{border-radius:999px;background:#fff;border:1px solid #fecaca;color:#b91c1c;padding:5px 8px;font-size:11px;font-weight:900}@media(max-width:1180px){.user-list-main{grid-template-columns:46px minmax(0,1fr) auto auto}.user-list-date,.user-list-projects{grid-column:2 / -1}.user-list-card{align-items:start}.user-list-actions{padding-top:7px}.user-permission-preview-body{grid-template-columns:1fr}.user-preview-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.user-list-card{grid-template-columns:1fr}.user-list-actions{padding-top:0}.user-list-actions a{width:34px;height:34px}.user-list-role{max-width:130px}.user-preview-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.user-designer{grid-template-columns:minmax(0,1fr)}.user-list-command{display:grid;gap:10px;margin-bottom:16px}.user-list-command .permission-designer-title{margin-bottom:0}.user-list-tools{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}.user-list-tools input{height:42px;border:1px solid #dfe7ef;border-radius:9px;padding:0 12px;outline:none;background:#fff;color:#0f172a}.user-list-tools input:focus{border-color:#1769e8;box-shadow:0 0 0 3px rgba(23,105,232,.12)}
.user-log-preview-body{display:grid;gap:14px;padding:18px}.user-log-section{grid-column:1 / -1}.user-log-list{display:grid;gap:10px}.user-log-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;align-items:start;border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff;padding:12px}.user-log-date{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:999px;background:#eef6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:950;white-space:nowrap}.user-log-copy{display:grid;gap:5px;min-width:0}.user-log-copy strong{color:#0f172a;font-size:13px;font-weight:950}.user-log-copy p{margin:0;color:#334155;font-size:12px;line-height:1.45}.user-log-copy small{color:#64748b;font-size:11px;line-height:1.45}.user-log-filter-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.9fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(180px,1fr) minmax(96px,.45fr) auto auto;gap:10px;align-items:end}.user-log-filter-grid .field{margin-top:0}@media(max-width:1280px){.user-log-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-log-filter-grid .btn-small,.user-log-filter-grid .btn-secondary{width:100%}}@media(max-width:760px){.user-log-row,.user-log-filter-grid{grid-template-columns:1fr}.user-log-date{justify-content:flex-start;padding:0 10px;width:max-content;max-width:100%}}
.user-form-field-error{display:block;margin-top:7px;color:#dc2626!important;font-size:12px!important;font-weight:850;line-height:1.35}.user-designer-form .field.has-error,.user-designer-form .workplace-form-section.has-error{border-color:#fecaca!important;background:#fff7f7!important}.user-designer-form .field.has-error input,.user-designer-form .field.has-error select{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.user-designer-form .workplace-form-section.has-error .user-project-box{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.user-designer-preview{display:none!important}
.permission-page-command{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important}.permission-page-kicker{display:inline-flex!important;width:max-content;margin:0 0 7px!important;padding:6px 9px;border-radius:8px;background:#eef6f5;border:1px solid #cce5df;color:#0b5f59!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:0!important}
.permission-designer-subhead,.permission-editor-subhead{display:flex;align-items:center;gap:8px;border-top:1px solid #edf2f7;background:#f8fafc;color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:10px 16px}.permission-designer-subhead{padding-left:62px}.permission-editor-subhead{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}
.permission-user-designer .permission-designer-panel{min-height:720px}.permission-user-designer .permission-designer-head-main{display:flex;align-items:center;gap:16px;min-width:0}.permission-user-designer .permission-designer-head-main h3{margin:0;font-size:24px;color:#0f172a}.permission-user-designer .permission-designer-head-main p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.5;max-width:820px}.permission-user-role-quick{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;padding:16px 20px;border-bottom:1px solid #dfe7ef;background:#f8fbff}.permission-user-role-quick .field{margin:0}.permission-user-role-quick label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:900}.permission-user-role-quick select{width:100%;height:42px;border:1px solid #dfe7ef;border-radius:9px;background:#fff;padding:0 12px;outline:none}.permission-user-role-quick small{display:block;margin-top:7px;color:#64748b;font-size:12px;font-weight:800;line-height:1.4}.permission-user-matrix .permission-designer-group summary span{display:grid;gap:4px}.permission-user-matrix .permission-designer-group summary b{font-size:15px;color:#0f172a}.permission-user-matrix .permission-designer-group summary small{font-size:12px;color:#64748b;font-weight:800}.permission-user-matrix .permission-designer-group-body{display:grid}.permission-user-matrix .permission-decision-row{border-left:0;border-right:0;border-bottom:0;border-radius:0;box-shadow:none}.permission-user-matrix .permission-decision-row:hover{box-shadow:none}.permission-user-matrix .permission-choice-group{min-width:360px}.permission-user-matrix .permission-choice-group label{white-space:nowrap}.permission-designer-empty{margin:20px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;padding:22px;font-size:14px;font-weight:850}.permission-user-designer .permission-editor-summary{padding:16px 20px}.permission-user-designer .permission-designer-footer{height:auto;min-height:86px}.permission-user-designer .permission-designer-toolbar-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:900px){.permission-user-role-quick{grid-template-columns:1fr}.permission-user-matrix .permission-choice-group{min-width:0;justify-content:flex-start}.permission-user-designer .permission-designer-head-main{align-items:flex-start}.permission-user-designer .permission-designer-footer{align-items:flex-start;flex-direction:column;padding:16px 20px}}
        .status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:6px 11px;border-radius:var(--radius);font-size:12px;font-weight:900;box-shadow:var(--shadow-sm)}.status-active{background:#dcfce7;color:#166534;border:1px solid #86efac}.status-passive{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
        form .card,.card form{margin-bottom:0}small{display:block;margin-top:6px;color:var(--muted);font-size:12px}hr{border:none;border-top:1px solid var(--line-soft);margin:18px 0}
        .employee-detail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch}.employee-photo-panel{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%}.employee-photo-name{font-size:20px;font-weight:900;color:#111827;text-align:center;margin-top:4px}.employee-photo-sub{font-size:13px;font-weight:800;color:#64748b;text-align:center;margin-top:4px}
        .employee-side-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:16px}.mini-stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-sm)}.mini-stat-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0;color:#64748b;margin-bottom:6px}.mini-stat-value{font-size:16px;font-weight:900;color:#111827}
        .employee-right-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.employee-main-info,.detail-card-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.employee-side-panels{display:grid;grid-template-rows:auto auto;gap:16px}.detail-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px;min-height:86px}.detail-card.full{grid-column:1 / -1}
        .detail-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.detail-panel-title h4{margin:0;font-size:15px;color:#111827}.detail-highlight{display:inline-flex;padding:7px 10px;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary-strong);font-size:11px;font-weight:900;border:1px solid #c5e5df}.detail-actions-wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}.detail-summary-list{display:grid;gap:10px}.summary-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius)}.summary-key{font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:0}.summary-val{font-size:14px;font-weight:900;color:#111827;text-align:right}.detail-lower-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}
        .upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.upload-card{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#f8fafc;cursor:pointer;min-height:170px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.upload-card:hover{border-color:#aeb8c4;box-shadow:var(--shadow-sm);background:#fff}.upload-title{font-size:14px;font-weight:900;color:#111827}.upload-sub{font-size:12px;line-height:1.5;color:#64748b}.upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:13px;font-weight:800;width:max-content}.upload-file-name{font-size:12px;color:#475569;word-break:break-word}
        .doc-preview-modal{position:fixed;inset:0;background:rgba(17,24,39,.62);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.doc-preview-box{width:min(1100px,95vw);max-height:92vh;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}.doc-preview-box.doc-preview-box-wide{width:min(1320px,97vw);max-height:94vh}.doc-preview-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.doc-preview-title{font-size:15px;font-weight:900;color:#111827}.doc-preview-close{border:none;background:#e5e7eb;color:#111827;border-radius:var(--radius);padding:8px 12px;font-weight:900;cursor:pointer}.doc-preview-body{padding:18px;background:#fff;overflow:auto}.doc-preview-body iframe,.doc-preview-body img{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.doc-preview-body iframe{height:72vh}.doc-preview-body.doc-preview-body-split{padding:16px;overflow:hidden;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:0;align-items:start}.doc-preview-side{display:grid;gap:10px;align-content:start;min-height:0;max-height:calc(94vh - 145px);overflow:auto;padding-right:2px}.doc-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.doc-preview-card label{display:block;margin-bottom:4px;font-size:10px;font-weight:900;color:#475569;text-transform:uppercase}.doc-preview-card strong,.doc-preview-card div{display:block;color:#0f172a;font-size:12px;line-height:1.35;word-break:break-word}.doc-preview-main{display:grid;gap:10px;min-height:0}.doc-preview-framebox{border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow:hidden;min-height:720px}.doc-preview-framebox iframe,.doc-preview-framebox img{width:100%;height:720px;border:none;display:block;object-fit:contain;background:#fff}.doc-preview-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:1100px){.doc-preview-body.doc-preview-body-split{grid-template-columns:1fr;overflow:auto}.doc-preview-side{max-height:none;overflow:visible}.doc-preview-framebox{min-height:520px}.doc-preview-framebox iframe,.doc-preview-framebox img{height:520px}}
        .eyebrow{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border:1px solid #c5e5df;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary-strong);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0;margin-bottom:10px}
        .employee-command-panel{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:16px;box-shadow:var(--shadow-sm)}
.permission-template-actions{display:flex;gap:8px;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap}.permission-template-actions .permission-designer-save,.permission-template-actions .permission-designer-secondary{white-space:nowrap}.permission-template-actions .permission-designer-save{text-decoration:none}.permission-template-compact-head{min-height:0;padding:14px 20px;justify-content:flex-end}@media(max-width:900px){.permission-template-actions{justify-content:flex-start}.permission-template-compact-head{justify-content:flex-start}}
.employee-filter-strip{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;color:#334155;font-size:13px;font-weight:900}.filter-chip:hover{background:#f8fafc;border-color:#aeb8c4}.filter-chip.active{background:var(--primary);border-color:var(--primary-strong);color:#fff;box-shadow:var(--shadow-sm)}
        .employee-search-form{display:flex;gap:8px;align-items:center;margin:0}.employee-search-form input{min-width:260px}.employee-result-summary{display:grid;gap:2px;text-align:right;border-left:1px solid var(--line-soft);padding-left:14px}.employee-result-summary span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase}.employee-result-summary strong{font-size:24px;line-height:1;color:#111827}
        .employee-list-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.employee-list-card{min-width:0}.employee-table-wrap{box-shadow:none}.employee-table th:first-child,.employee-table td:first-child{min-width:260px}.employee-person-cell{display:flex;align-items:center;gap:12px}.employee-avatar-mini{width:38px;height:38px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:#e4f3f1;color:#0b5f59;border:1px solid #c5e5df;font-size:15px;font-weight:900;text-transform:uppercase;flex:0 0 auto}.project-pill{display:inline-flex;max-width:280px;padding:7px 10px;border-radius:var(--radius);background:#f8fafc;border:1px solid var(--line-soft);color:#334155;font-size:12px;font-weight:800;white-space:normal}.project-pill.project-pill-inline{padding:1px 5px;font-size:9px;font-weight:800;line-height:1;vertical-align:middle;max-width:140px;border-radius:6px}.empty-state{padding:26px;text-align:center;color:var(--muted);font-weight:800;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:var(--radius)}
.employee-import-card{margin-bottom:16px;padding:20px}.employee-import-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.employee-import-head h3{margin:6px 0 0;font-size:22px;color:#0f172a}.employee-import-head p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.6;max-width:780px}.employee-import-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr)) auto;gap:14px;align-items:end;margin-top:18px}.employee-import-grid .field{background:#f8fafc;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px}.employee-import-flag{display:grid;align-content:start}.employee-import-check{display:flex;gap:10px;align-items:flex-start;color:#334155;font-size:13px;font-weight:800;line-height:1.45}.employee-import-check input{margin-top:3px}.employee-import-actions{display:flex;justify-content:flex-end}.employee-import-note{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--radius);background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-size:12px;font-weight:800}.employee-import-preview{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:18px}.employee-import-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.employee-import-preview-head h4{margin:0;font-size:18px;color:#0f172a}.employee-import-preview-head p{margin:6px 0 0;color:#64748b;font-size:13px}.employee-import-stats{display:flex;gap:10px;flex-wrap:wrap}.employee-import-stats span{display:inline-flex;gap:6px;align-items:center;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:900}.employee-import-stats strong{font-size:15px;color:#0f172a}.employee-import-table-wrap{box-shadow:none}.employee-import-table th:first-child,.employee-import-table td:first-child{min-width:74px}.employee-import-error-stack{display:grid;gap:6px}.employee-import-error-stack small{display:block;color:#b42318;font-size:11px;line-height:1.45;font-weight:800}.employee-import-change-list{display:flex;flex-wrap:wrap;gap:6px;max-width:520px}.employee-import-change-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eef6ff;border:1px solid #cfe0ff;color:#0f2f5f;padding:5px 8px;font-size:11px;font-weight:900}.employee-import-change-chip strong{color:#005be8}.employee-import-change-chip.is-overwrite{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.employee-import-submit-row{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:14px}.employee-import-footnote{margin-top:10px;color:#64748b;font-size:12px;font-weight:800}.employee-import-edit-stack{display:grid;gap:7px;min-width:190px}.employee-import-inline-input{width:100%;min-height:34px;border:1px solid #cbd9ee;border-radius:8px;background:#fff;color:#0f172a;padding:7px 9px;font-size:12px;font-weight:800;box-sizing:border-box}.employee-import-inline-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.inline-date-input{min-width:160px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font:inherit}.employee-import-preview.is-preload{border-top:none;padding-top:0}.employee-import-preview.is-preload .employee-import-preview-head{margin-bottom:10px}.employee-import-preview.is-preload .employee-import-stats span{padding:6px 9px;font-size:11px}.document-upload-loading{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;z-index:10060;padding:24px}.document-upload-loading-box{width:min(420px,92vw);background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 28px 70px rgba(15,23,42,.24);padding:28px 26px;text-align:center;display:grid;gap:12px}.document-upload-loading-spinner{width:42px;height:42px;border-radius:50%;border:4px solid #dbeafe;border-top-color:#0f766e;margin:0 auto;animation:documentUploadSpin .9s linear infinite}.document-upload-loading-box h4{margin:0;font-size:20px;color:#0f172a}.document-upload-loading-box p{margin:0;color:#64748b;font-size:13px;font-weight:700;line-height:1.6}@keyframes documentUploadSpin{to{transform:rotate(360deg)}}
.bulk-upload-shell{display:grid;gap:20px}.bulk-upload-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;padding:24px 26px;border:1px solid #e2eaf6;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#fbfdff 48%,#f4f8fe 100%);box-shadow:0 14px 32px rgba(15,23,42,.06)}.bulk-upload-hero-main{display:flex;gap:18px;align-items:flex-start}.bulk-upload-hero-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(180deg,#f5f9ff 0%,#e7effd 100%);border:1px solid #d9e5fb;display:flex;align-items:center;justify-content:center;color:#1d4ed8;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.bulk-upload-hero-icon svg{width:28px;height:28px}.bulk-upload-hero-copy h3{margin:0;font-size:34px;color:#0f172a;letter-spacing:-.02em}.bulk-upload-hero-copy p{margin:10px 0 0;color:#64748b;font-size:15px;line-height:1.7;max-width:760px}.bulk-upload-steps{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.bulk-upload-step{display:grid;justify-items:center;gap:7px;min-width:96px}.bulk-upload-step-index{width:38px;height:38px;border-radius:999px;border:1px solid #d9e4f3;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;box-shadow:0 5px 12px rgba(15,23,42,.04)}.bulk-upload-step span{font-size:11px;font-weight:900;color:#64748b;text-align:center;line-height:1.3}.bulk-upload-step.is-active .bulk-upload-step-index{background:#eef4ff;border-color:#bfd2ff;color:#1d4ed8}.bulk-upload-step.is-active span{color:#1d4ed8}.bulk-upload-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 320px;gap:18px;align-items:start}.bulk-upload-main{display:grid;gap:18px}.bulk-upload-side{display:grid;gap:16px;align-content:start;position:sticky;top:16px}.bulk-upload-summary-card,.bulk-upload-help-card{border-radius:16px;border:1px solid #dbe7fb;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.05);padding:18px}.bulk-upload-summary-head,.bulk-upload-help-head{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e8eef8;margin-bottom:14px}.bulk-upload-summary-head .icon,.bulk-upload-help-head .icon{width:42px;height:42px;border-radius:12px;background:#f2f6ff;border:1px solid #dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.bulk-upload-summary-head .icon svg,.bulk-upload-help-head .icon svg{width:20px;height:20px}.bulk-upload-summary-head strong,.bulk-upload-help-head strong{display:block;font-size:19px;color:#0f172a}.bulk-upload-summary-head span,.bulk-upload-help-head span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:700;line-height:1.5}.bulk-upload-summary-pills{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 14px}.bulk-upload-summary-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:900}.bulk-upload-summary-pill strong{font-size:12px;color:#0f172a}.bulk-upload-summary-pill.is-ready{background:#edfdf3;border-color:#b7ebcb;color:#15803d}.bulk-upload-summary-pill.is-control{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.bulk-upload-summary-list{display:grid;gap:12px}.bulk-upload-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #eef2f9}.bulk-upload-summary-row:last-child{padding-bottom:0;border-bottom:none}.bulk-upload-summary-row span{font-size:13px;color:#64748b;font-weight:800}.bulk-upload-summary-row strong{font-size:14px;color:#0f172a;font-weight:900;text-align:right;line-height:1.45}.bulk-upload-help-card.is-warn{border-color:#f9ddb5;background:linear-gradient(180deg,#fffdf8 0%,#fffaf3 100%)}.bulk-upload-help-card.is-warn .bulk-upload-help-head .icon{background:#fff7ed;border-color:#fed7aa;color:#d97706}.bulk-upload-help-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#64748b;font-size:13px;line-height:1.55}.bulk-upload-stage-card{border-radius:16px;border:1px solid #dde8f8;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.05);overflow:hidden}.bulk-upload-stage-card .workplace-section-title{margin:0;padding:18px 18px 14px;border-bottom:1px solid #e7eef8;background:linear-gradient(180deg,#fcfdff 0%,#f8fbff 100%)}.bulk-upload-stage-card .workplace-section-title h4{font-size:20px}.bulk-upload-stage-card .workplace-section-title span{color:#2563eb}.bulk-upload-stage-body{padding:18px}.bulk-upload-stage-body .field{background:#fff;border:1px solid #dce7f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.bulk-upload-dropzone{padding:28px 24px;border:1px dashed #c7d9fb;border-radius:18px;background:linear-gradient(180deg,#fcfdff 0%,#f7faff 100%);display:grid;gap:18px}.bulk-upload-dropzone-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.bulk-upload-dropzone-head strong{font-size:16px;color:#0f172a}.bulk-upload-dropzone-head span{font-size:13px;color:#64748b;font-weight:800;line-height:1.5;max-width:360px;text-align:right}.bulk-upload-dropzone-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.bulk-upload-dropzone-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(180deg,#eef4ff 0%,#dde8ff 100%);display:flex;align-items:center;justify-content:center;color:#2563eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.bulk-upload-dropzone-icon svg{width:32px;height:32px}.bulk-upload-dropzone-copy{display:grid;gap:8px}.bulk-upload-dropzone-copy .document-upload-filename-box{min-width:0;width:100%;border-radius:14px;padding:14px 16px;border-color:#d8e4f7;box-shadow:0 8px 18px rgba(15,23,42,.03)}.bulk-upload-dropzone-copy .document-upload-filename{font-size:15px;color:#0f172a}.bulk-upload-dropzone-copy .document-upload-filename-box small{font-size:12px;line-height:1.55}.bulk-upload-dropzone-copy .document-upload-fileactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bulk-upload-dropzone-copy .btn-secondary{min-width:200px;min-height:46px;border-radius:12px}.bulk-upload-table-card{border-radius:16px;border:1px solid #dde8f8;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.05);padding:18px}.bulk-upload-table-card .employee-import-preview-head{margin-bottom:14px}.bulk-upload-table-card .employee-import-table thead th{background:#f7faff;border-bottom:1px solid #dde7f7;color:#334155}.bulk-upload-table-card .employee-import-table tbody tr:hover{background:#fbfdff}.bulk-upload-result-card{border-radius:16px;border:1px solid #dbe7fb;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.05);padding:18px}.bulk-upload-result-card .employee-import-preview{margin-top:0;border-top:none;padding-top:0}
.document-upload-panel.bulk-upload-panel{width:min(1280px,97vw);max-height:94vh;display:flex;flex-direction:column}.document-upload-panel.bulk-upload-panel .document-upload-head{padding:22px 24px;background:linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%)}.document-upload-panel.bulk-upload-panel .document-upload-body{padding:20px;overflow:auto}
@media(max-width:1180px){.bulk-upload-hero{grid-template-columns:1fr}.bulk-upload-steps{justify-content:flex-start}.bulk-upload-layout{grid-template-columns:1fr}.bulk-upload-side{position:static}.bulk-upload-dropzone-head span{text-align:left;max-width:none}}@media(max-width:720px){.bulk-upload-hero{padding:20px 18px}.bulk-upload-hero-main{flex-direction:column}.bulk-upload-hero-copy h3{font-size:28px}.bulk-upload-step{min-width:84px}.bulk-upload-stage-body{padding:16px}.bulk-upload-dropzone{padding:22px 18px}.bulk-upload-dropzone-body{grid-template-columns:1fr;justify-items:start}.bulk-upload-dropzone-copy .btn-secondary{width:100%;min-width:0}.bulk-upload-summary-row{flex-direction:column}.bulk-upload-summary-row strong{text-align:left}}
        .leave-tracking-shell{grid-column:1/-1;display:grid;gap:12px;min-width:0}
        .leave-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px;border:1px solid #dbe7f4;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
        .leave-toolbar h3{margin:4px 0 0;font-size:24px;color:#0f172a}.leave-toolbar p{margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.55;max-width:780px}
        .leave-filter-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;justify-content:flex-end}.leave-filter-form label,.leave-form-card label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:900}
        .leave-filter-form input,.leave-filter-form select,.leave-form-card input,.leave-form-card select,.leave-form-card textarea{height:42px;border:1px solid #ccd8e6;border-radius:7px;padding:0 12px;background:#fff;color:#0f172a;font-size:14px;outline:none}.leave-form-card textarea{height:auto;min-height:92px;padding:12px;resize:vertical}
        .leave-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.leave-summary-card{background:#fff;border:1px solid #dfe8f3;border-radius:10px;padding:14px;box-shadow:0 6px 16px rgba(15,35,65,.05)}.leave-summary-card span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.leave-summary-card strong{display:block;margin-top:7px;color:#0f172a;font-size:26px;line-height:1}.leave-summary-card small{margin-top:8px;color:#64748b;font-weight:800}
        .leave-layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.leave-form-card,.leave-table-card{background:#fff;border:1px solid #dfe8f3;border-radius:12px;padding:16px;box-shadow:0 8px 20px rgba(15,35,65,.05);min-width:0}.leave-form-card h4,.leave-table-card h4{margin:0 0 4px;font-size:18px;color:#0f172a}.leave-form-card p,.leave-table-card p{margin:0 0 14px;color:#64748b;font-size:13px;line-height:1.5}.leave-form-grid{display:grid;gap:12px}.leave-form-grid.two{grid-template-columns:1fr 1fr}.leave-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:10px}.leave-table{min-width:1320px;box-shadow:none;border:none}.leave-entitlement-table{min-width:1540px}.leave-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:900;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8}.leave-status.is-ok{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.leave-status.is-bad{background:#fef2f2;border-color:#fecaca;color:#b42318}.leave-status.is-muted{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.leave-type-pill{display:inline-flex;padding:6px 9px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:12px;font-weight:900}.leave-rule-pill{display:inline-flex;min-height:25px;align-items:center;padding:0 8px;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:900}.leave-rule-pill.is-special{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.leave-upload-modal{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:24px}.leave-upload-panel{width:min(520px,94vw);background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.28);overflow:hidden}.leave-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e5edf7;background:#f8fbff}.leave-upload-head h4{margin:0;font-size:19px;color:#0f172a}.leave-upload-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}.leave-upload-close{border:none;background:#e5eaf1;color:#0f172a;border-radius:8px;padding:8px 12px;font-weight:900;cursor:pointer}.leave-upload-body{display:grid;gap:14px;padding:18px 20px}.leave-upload-body label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:900}.leave-upload-body input[type=file]{width:100%;height:44px;border:1px solid #ccd8e6;border-radius:8px;padding:9px 12px;background:#fff}.leave-upload-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 18px}
        .leave-actions-col{width:300px;text-align:left;vertical-align:top}.leave-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.leave-row-actions form{margin:0}.leave-row-actions .mini-btn{white-space:nowrap}.leave-row-actions .mini-btn svg{width:16px;height:16px;display:block;pointer-events:none}.leave-row-actions .mini-btn svg *{pointer-events:none}.leave-upload-body input[type=date],.leave-upload-body select,.leave-upload-body textarea{width:100%;min-height:42px;border:1px solid #ccd8e6;border-radius:8px;padding:10px 12px;background:#fff;color:#0f172a;font-size:14px;outline:none}.leave-upload-body textarea{min-height:92px;resize:vertical}
        .leave-entitlement-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.leave-entitlement-actions .mini-btn{min-height:34px}.leave-upload-panel.is-wide{width:min(860px,94vw)}.leave-modal-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leave-modal-info-card{border:1px solid #dfe8f3;border-radius:10px;background:#f8fbff;padding:12px}.leave-modal-info-card span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.leave-modal-info-card strong{display:block;margin-top:5px;color:#0f172a;font-size:14px}.leave-entitlement-usage-list{display:grid;gap:8px}.leave-entitlement-schedule-list{display:grid;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.leave-entitlement-schedule-head,.leave-entitlement-schedule-row{display:grid;grid-template-columns:64px 140px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid #e2e8f0}.leave-entitlement-schedule-head{background:#f8fbff;color:#64748b;font-size:11px;font-weight:950;text-transform:uppercase}.leave-entitlement-schedule-row:last-child{border-bottom:none}.leave-entitlement-schedule-row.is-adjustment{background:#f7fbff}.leave-entitlement-schedule-row span{color:#334155;font-weight:800}.leave-entitlement-schedule-row strong{color:#0f172a;white-space:nowrap}.leave-entitlement-schedule-row small{color:#64748b;font-size:11px;font-weight:800}.leave-entitlement-usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:9px;background:#fff;padding:10px 12px}.leave-entitlement-usage-row span{color:#334155;font-weight:800}.leave-entitlement-usage-row strong{color:#0f172a;white-space:nowrap}.leave-entitlement-empty{border:1px dashed #cbd5e1;border-radius:9px;background:#f8fafc;color:#64748b;font-weight:800;padding:12px}.leave-balance-adjust-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;border:1px solid #dfe8f3;border-radius:10px;background:#f8fbff;padding:12px}.leave-balance-adjust-form label{margin-bottom:7px;color:#334155;font-size:12px;font-weight:900}.leave-balance-adjust-form input,.leave-balance-adjust-form select{width:100%;min-height:42px;border:1px solid #ccd8e6;border-radius:8px;padding:10px 12px;background:#fff;color:#0f172a;font-size:14px;outline:none}.leave-agreement-form{grid-template-columns:repeat(2,minmax(0,1fr));}.leave-agreement-form button{justify-self:end}
        .leave-upload-modal{align-items:center;justify-content:center;overflow:auto;padding:14px}.leave-upload-panel{display:flex;flex-direction:column;max-height:calc(100vh - 28px);overflow:hidden}.leave-upload-panel.is-wide{width:min(840px,calc(100vw - 28px))}.leave-upload-head{flex:0 0 auto;padding:12px 16px}.leave-upload-head h4{font-size:17px}.leave-upload-head p{margin-top:4px;font-size:12px}.leave-upload-close{padding:7px 10px}.leave-upload-body{min-height:0;overflow:auto;padding:12px 16px;gap:10px}.leave-upload-actions{flex:0 0 auto;position:sticky;bottom:0;padding:10px 16px 12px;border-top:1px solid #e5edf7;background:#fff}.leave-modal-info-grid{gap:8px}.leave-modal-info-card{padding:9px 10px}.leave-modal-info-card span{font-size:10px}.leave-modal-info-card strong{font-size:13px;margin-top:4px}.leave-entitlement-schedule-head,.leave-entitlement-schedule-row{grid-template-columns:46px 112px minmax(0,1fr) 78px;gap:8px;padding:8px 10px}.leave-entitlement-empty,.leave-entitlement-usage-row{padding:9px 10px}.leave-balance-adjust-form{gap:8px;padding:10px}.leave-balance-adjust-form input,.leave-balance-adjust-form select{min-height:38px;padding:8px 10px}.leave-balance-adjust-form label{font-size:11px;margin-bottom:5px}#leaveEntitlementDetailModal .leave-upload-panel.is-wide{width:min(820px,calc(100vw - 28px))}#leaveEntitlementDetailModal .leave-modal-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#leaveEntitlementDetailModal .leave-agreement-form{grid-template-columns:repeat(3,minmax(0,1fr))}#leaveEntitlementDetailModal .leave-agreement-form button{align-self:end;justify-self:end}@media(max-width:900px){#leaveEntitlementDetailModal .leave-modal-info-grid,#leaveEntitlementDetailModal .leave-agreement-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#leaveEntitlementDetailModal .leave-modal-info-grid,#leaveEntitlementDetailModal .leave-agreement-form{grid-template-columns:1fr}.leave-upload-modal{padding:10px}.leave-upload-panel{max-height:calc(100vh - 20px)}}
        .leave-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dfe8f3}.leave-tab-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #dfe8f3;border-bottom:none;border-radius:10px 10px 0 0;background:#f8fbff;color:#334155;font-weight:900;text-decoration:none}.leave-tab-link svg{width:16px;height:16px}.leave-tab-link.active{background:#fff;color:#005be8;box-shadow:0 -4px 14px rgba(15,35,65,.04)}.leave-quick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dfe8f3;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(15,35,65,.035)}.leave-quick-title{display:grid;gap:2px;min-width:0}.leave-quick-title span{font-size:10.5px;font-weight:900;text-transform:uppercase;color:#0f766e;letter-spacing:.2px}.leave-quick-title strong{font-size:16px;line-height:1.2;color:#0b1f3a}.leave-filter-card{background:#fff;border:1px solid #dfe8f3;border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(15,35,65,.04)}.leave-filter-form.leave-filter-card{display:grid;grid-template-columns:minmax(96px,.55fr) minmax(210px,1.15fr) minmax(300px,1.8fr) minmax(220px,1.2fr) auto;gap:10px;align-items:end;justify-content:stretch}.leave-filter-form.leave-filter-card>div{min-width:0}.leave-filter-form.leave-filter-card input,.leave-filter-form.leave-filter-card select{width:100%;min-width:0}.leave-filter-actions{display:flex;gap:8px;align-items:flex-end;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}
        .dof-modern-shell{display:grid;gap:16px}.dof-modern-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #dbe6f2;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 10px 24px rgba(15,35,65,.07);padding:20px}.dof-hero-copy{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center}.dof-hero-icon,.dof-kpi-icon,.dof-panel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#005be8}.dof-hero-icon svg,.dof-kpi-icon svg,.dof-panel-icon svg{width:22px;height:22px}.dof-hero-copy h3{margin:0;color:#0b1f3a;font-size:24px;font-weight:950}.dof-hero-copy p{margin:6px 0 0;color:#52657d;font-size:13px;line-height:1.55;font-weight:700}.dof-hero-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.dof-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dof-kpi-card{border:1px solid #dbe6f2;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,35,65,.055);padding:15px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}.dof-kpi-icon.is-green{background:#e9f8f0;color:#0f8f55}.dof-kpi-icon.is-orange{background:#fff3df;color:#c26b00}.dof-kpi-icon.is-red{background:#fff0f0;color:#d93636}.dof-kpi-icon.is-purple{background:#f3ebff;color:#8738d6}.dof-kpi-card span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.dof-kpi-card strong{display:block;margin-top:4px;color:#071c38;font-size:25px;font-weight:950;line-height:1}.dof-kpi-card small{display:block;margin-top:5px;color:#52657d;font-size:11px;font-weight:800;line-height:1.35}.dof-visual-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:12px;align-items:stretch}.dof-panel{border:1px solid #dbe6f2;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,35,65,.055);padding:16px;min-width:0}.dof-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e8eef5}.dof-panel-head h4{margin:0;color:#0b1f3a;font-size:16px;font-weight:950}.dof-panel-head p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700;line-height:1.45}.dof-bar-list{display:grid;gap:12px}.dof-bar-row{display:grid;gap:7px}.dof-bar-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#334155;font-size:12px;font-weight:850}.dof-bar-track{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.dof-bar-fill{height:100%;min-width:4px;border-radius:999px;background:#118a7e}.dof-bar-fill.is-blue{background:#005be8}.dof-bar-fill.is-orange{background:#f59e0b}.dof-bar-fill.is-red{background:#d93636}.dof-bar-fill.is-purple{background:#8738d6}.dof-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dof-risk-tile{border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff;padding:13px;display:grid;gap:8px}.dof-risk-tile span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.dof-risk-tile strong{font-size:24px;color:#0b1f3a;line-height:1}.dof-risk-tile.risk-low{background:#eefaf3;border-color:#bdebd0}.dof-risk-tile.risk-medium{background:#fff8e8;border-color:#ffe0a8}.dof-risk-tile.risk-high{background:#fff2e8;border-color:#ffc894}.dof-risk-tile.risk-critical{background:#fff0f0;border-color:#ffb9b9}.dof-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dof-due-list{display:grid;gap:10px}.dof-due-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff;padding:12px}.dof-due-row.is-overdue{background:#fff7f7;border-color:#ffcfcf}.dof-due-row strong{display:block;color:#0b1f3a;font-size:13px;font-weight:950}.dof-due-row span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}.dof-date-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border-radius:9px;background:#edf4ff;color:#005be8;font-size:11px;font-weight:950;white-space:nowrap}.dof-date-pill.is-overdue{background:#fff0f0;color:#d93636}.dof-empty-note{border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:800;padding:14px;text-align:center}.dof-modern-table .workplace-copy strong,.dof-modern-table .workplace-copy span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.dof-modern-table tbody td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.dof-modern-table .training-row-actions{flex-wrap:wrap}.workplace-filter-grid-dof{grid-template-columns:minmax(260px,1.45fr) minmax(180px,.85fr) minmax(170px,.78fr) minmax(170px,.78fr) minmax(160px,.72fr) auto auto!important}
        .dof-form-page{display:grid;gap:16px}.dof-form-card{border-radius:16px;overflow:hidden}.dof-form-card .workplace-form-head{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding:22px 24px}.dof-form-card .workplace-form-head h3{font-size:25px;color:#0b1f3a}.dof-form-card .workplace-form-head p{max-width:760px;line-height:1.55}.dof-form-head-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.dof-form-layout{display:grid;gap:16px}.dof-form-layout .workplace-form-section{border-radius:14px;padding:18px;background:#fff;box-shadow:0 8px 20px rgba(15,35,65,.045)}.dof-form-layout .workplace-section-title{margin-bottom:16px}.dof-basic-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.dof-basic-row .field:nth-child(1),.dof-basic-row .field:nth-child(2){grid-column:span 2}.dof-form-layout .field{margin-top:0;background:#f8fbff;border:1px solid #e1eaf5;border-radius:12px;padding:12px;min-width:0}.dof-form-layout .field label,.dof-inline-label label{display:block;margin:0 0 8px;color:#24364f;font-size:12px;font-weight:900;text-transform:uppercase}.dof-form-layout input,.dof-form-layout select,.dof-form-layout textarea{border-radius:10px;border-color:#ccd8e6;background:#fff}.dof-form-layout textarea{width:100%;min-height:118px;padding:12px;resize:vertical;color:#0b1f3a;font-size:14px;line-height:1.55}.dof-content-stack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.dof-content-stack>.field:first-child{grid-column:1 / -1}.dof-inline-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dof-inline-label label{margin:0}.btn-add-mini{width:34px;height:34px;min-height:34px;padding:0;border-radius:9px;font-size:18px;line-height:1}.dof-talep-box{display:grid;gap:10px}.dof-talep-list{display:grid;gap:9px}.dof-talep-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.dof-talep-row input{min-height:42px}.dof-talep-actions-inline{display:flex;gap:6px;align-items:center;white-space:nowrap}.dof-talep-actions-inline .btn-small,.dof-talep-actions-inline .btn-secondary{min-height:34px;padding:6px 9px;font-size:11px}.dof-bottom-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);gap:14px}.dof-upload-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:14px;align-items:stretch;border:1px dashed #b9d2f2;border-radius:14px;background:#f8fbff;padding:14px}.dof-upload-box .training-inline-note{margin:0;background:#fff}.dof-upload-trigger .field{height:100%;display:flex;flex-direction:column;justify-content:center}.dof-upload-trigger input[type=file]{padding:10px;height:auto}.dof-form-card .workplace-form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:0;padding:14px 0 0;border-top:1px solid #e8eef5}
        @media(max-width:1180px){.leave-toolbar,.leave-layout{grid-template-columns:1fr}.leave-filter-form{justify-content:flex-start}.leave-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.leave-summary-grid,.leave-form-grid.two,.leave-modal-info-grid,.leave-balance-adjust-form,.leave-entitlement-schedule-head,.leave-entitlement-schedule-row{grid-template-columns:1fr}.leave-toolbar{padding:15px}.leave-form-card,.leave-table-card{padding:14px}}
        @media(max-width:1400px){.dof-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dof-visual-grid,.dof-focus-grid{grid-template-columns:1fr}.workplace-filter-grid-dof{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dof-basic-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dof-basic-row .field:nth-child(1),.dof-basic-row .field:nth-child(2){grid-column:span 1}.dof-content-stack,.dof-upload-box{grid-template-columns:1fr}}@media(max-width:760px){.dof-modern-hero,.dof-hero-copy{grid-template-columns:1fr}.dof-hero-actions,.dof-form-head-actions{justify-content:flex-start}.dof-kpi-grid,.dof-risk-grid,.dof-basic-row,.dof-bottom-row{grid-template-columns:1fr}.workplace-filter-grid-dof{grid-template-columns:1fr!important}.dof-talep-row{grid-template-columns:1fr}.dof-talep-actions-inline{justify-content:flex-start;flex-wrap:wrap}.dof-form-card .workplace-form-head{padding:18px}}
        .employee-form-legacy{position:relative;overflow:hidden}.employee-form-legacy:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}.employee-form-legacy h3{font-size:24px;margin-left:4px}.employee-form-legacy .grid2{gap:18px}.employee-form-legacy .field{background:#f8fafc;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px}.employee-form-legacy .field label{margin-bottom:8px}.employee-form-legacy .actions{border-top:1px solid var(--line-soft);padding-top:16px;justify-content:flex-end}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.login-grid{grid-template-columns:1fr}.login-wrap{background:#f3f5f7}.hero{background:#1f2930}.grid2,.two-col-box,.permission-role-grid,.permission-quick-row,.permission-user-body,.employee-detail-layout,.employee-right-layout,.detail-card-grid,.detail-lower-grid,.employee-side-stat-grid,.upload-grid,.employee-import-grid{grid-template-columns:1fr}.main{padding:16px}.sidebar{padding-bottom:14px}.topbar{padding:18px}.card{padding:16px}table{min-width:720px}thead th,tbody td{padding:12px 10px}}
@media(max-width:1280px){.app-shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{padding:14px 12px}.brand-logo-shell{padding:6px 8px}.brand-logo{width:min(82px,100%)}.brand-caption{font-size:9px}.menu-btn{min-height:40px;padding:0 10px;font-size:12px}.menu-btn-label{font-size:12px}.sidebar-submenu{margin-left:10px;padding-left:10px}.main{padding:18px}.topbar{padding:18px 20px}.topbar h1{font-size:24px}.card{padding:16px 18px}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.permission-designer{grid-template-columns:310px minmax(0,1fr);gap:16px}.permission-designer-roles{padding:16px 12px}.permission-designer-role{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.permission-designer-icon{width:40px;height:40px}.permission-designer-role-shell.has-delete .permission-designer-role{padding-right:50px}.permission-designer-line{padding-left:44px}.workplace-list-card{padding:16px}}
@media(max-width:1120px){.app-shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{padding:12px 10px}.main{padding:14px}.menu-btn{padding:0 9px}.menu-btn-icon{width:16px;height:16px}.menu-btn-icon svg{width:16px;height:16px}.topbar h1{font-size:22px}.topbar p{font-size:13px}.card{padding:14px}.permission-designer{grid-template-columns:1fr}.permission-designer-roles{min-height:auto}.permission-designer-role-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.permission-designer-toolbar{grid-template-columns:1fr}.permission-designer-head{align-items:flex-start;flex-direction:column}.permission-role-desc-input{min-width:0;width:100%}}
.app-shell,.main,.card,.topbar,.toolbar,.table-wrap,.workplace-shell,.workplace-list-card,.workplace-form-card,.permission-designer,.permission-designer-panel,.permission-designer-roles{min-width:0;max-width:100%}
.main{overflow-x:hidden}
.table-wrap,.employee-import-table-wrap,.leave-table-wrap,.training-upload-body,.document-upload-body,.permission-designer-matrix,.workplace-list-card{max-width:100%;overflow-x:auto}
img,svg,canvas,video{max-width:100%}
@media(min-width:1001px) and (max-width:1366px){body{font-size:13px}.topbar h1{font-size:22px}.topbar p{font-size:13px}.toolbar{gap:6px}.btn-small,.btn-secondary,.mini-btn,.tab-btn,.filter-chip{min-height:32px;padding:6px 8px;font-size:11px}.card h3,.workplace-list-head h3{font-size:18px}table,.leave-table,.leave-entitlement-table,.employee-import-table,.workplace-table{min-width:0!important;width:100%!important;table-layout:fixed}thead th,tbody td{padding:7px 4px!important;font-size:11px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal;line-height:1.2}tbody td *{max-width:100%}.row-sub,.workplace-copy span,.training-document-copy span,.employee-import-error-stack small{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.workplace-copy,.cell-stack,.training-document-copy,.employee-import-error-stack{min-width:0;gap:2px}.employee-table th:first-child,.employee-table td:first-child{min-width:0!important;width:20%}.workplace-table th:nth-child(2),.workplace-table td:nth-child(2){min-width:0!important;width:22%}.employee-import-table th:first-child,.employee-import-table td:first-child{min-width:0!important;width:48px}.leave-actions-col{width:170px!important}.table-actions,.training-row-actions,.leave-row-actions{gap:3px;flex-wrap:nowrap}.table-actions .mini-btn,.training-row-actions .mini-btn,.leave-row-actions .mini-btn{padding:5px 6px;font-size:10px;white-space:nowrap}.project-pill,.workplace-pill,.status-badge,.workplace-status{padding:4px 6px;font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-person-cell{gap:7px;min-width:0}.employee-avatar-mini{width:30px;height:30px;font-size:12px}.employee-command-panel{grid-template-columns:minmax(0,1fr);gap:8px}.employee-search-form input{min-width:0}.employee-result-summary{text-align:left;border-left:0;padding-left:0}.permission-designer-line{min-height:52px;padding-top:7px;padding-bottom:7px}.permission-designer-line strong,.permission-designer-line small{font-size:12px}.permission-designer-line code{font-size:10px;padding:2px 5px}.permission-designer-line i{width:42px;height:23px}.permission-designer-line i b{width:17px;height:17px}.permission-designer-line input:checked+i b{left:22px}.workplace-filter-grid,.workplace-filter-grid-wide{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) auto auto}.workplace-form-head h3{font-size:21px}.bulk-upload-hero-copy h3{font-size:28px}.main-dashboard-hero,.main-dashboard-grid,.main-dashboard-grid.three{grid-template-columns:1fr!important}}
@media(min-width:1001px) and (max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:10px 8px}.brand-logo{width:min(72px,100%)}.menu-btn{min-height:36px;border-radius:10px}.menu-btn-label{font-size:11px}.sidebar-submenu .menu-btn .menu-btn-label{font-size:11px}.main{padding:12px}.card,.workplace-list-card,.workplace-form-body{padding:12px}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat .v{font-size:25px}.upload-grid,.employee-form-modern-grid,.workplace-basic-grid,.training-filter-grid{grid-template-columns:1fr!important}}
        .employee-form-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px;gap:16px;align-items:start;margin-top:16px}
        .employee-form-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);min-width:0}
        .employee-form-section .field{background:#f8fafc;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px;margin-top:12px}
        .employee-form-section .field:first-child{margin-top:0}
        .section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}
        .section-title-row h4{margin:4px 0 0;font-size:17px;color:#111827}.section-kicker{display:inline-flex;color:var(--primary-strong);font-size:11px;font-weight:900;text-transform:uppercase}.section-chip{display:inline-flex;padding:6px 9px;border-radius:var(--radius);background:var(--primary-soft);border:1px solid #c5e5df;color:var(--primary-strong);font-size:11px;font-weight:900}
        .form-inline-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee-form-profile{position:sticky;top:16px}.employee-preview-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#f8fafc;border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px;margin-bottom:14px}.employee-preview-card strong{font-size:16px;color:#111827}.employee-preview-card span{font-size:13px;color:var(--muted);font-weight:800}
        .employee-entry-shell{display:grid;gap:18px}
        .employee-entry-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid #e1e8f0;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 8px 20px rgba(15,35,65,.06)}
        .employee-entry-header{overflow:visible;position:relative;z-index:30}
        .employee-entry-title h3{margin:0;font-size:28px;color:#0f172a}
        .employee-entry-title p{margin:7px 0 0;color:#64748b;font-size:14px;line-height:1.55}
        .app-page-breadcrumb{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:56px;padding:12px 16px;border:1px solid #d9e5f2;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 6px 16px rgba(15,35,65,.05);width:max-content;max-width:100%}
        .app-page-breadcrumb a,.app-page-breadcrumb span{display:inline-flex;align-items:center;font-size:14px;font-weight:800;color:#64748b;text-decoration:none}
        .app-page-breadcrumb a:hover{color:#005be8}
        .app-page-breadcrumb-sep{color:#94a3b8!important;font-weight:900!important}
        .app-page-breadcrumb-current{min-height:38px;padding:0 14px;border-radius:999px;background:#edf4ff!important;border:1px solid #d7e6ff;color:#0b1f3a!important}
        .employee-entry-breadcrumb{width:max-content}
        .employee-entry-layout{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(300px,.82fr);grid-template-areas:"personal photo" "contact other" "bank notes";gap:16px;align-items:stretch}
        .employee-entry-card{background:#fff;border:1px solid #e1e8f0;border-radius:12px;padding:20px;box-shadow:0 6px 16px rgba(15,35,65,.06);min-width:0}
        .employee-entry-card.card-personal{grid-area:personal;align-self:stretch;display:flex;flex-direction:column;height:100%}
        .employee-entry-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
        .employee-entry-header-actions .btn-small,.employee-entry-header-actions .btn-secondary{min-height:40px;padding:0 16px;font-size:13px}
        .employee-entry-header-actions .employee-quick-actions{z-index:70}
        .employee-entry-header-actions .employee-quick-actions-toggle{min-height:40px}
        .employee-entry-header-actions button[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none}
        .employee-entry-shell.is-tc-locked .employee-entry-header-actions a:not([data-allow-tc-lock]),
        .employee-entry-shell.is-tc-locked .employee-entry-footer-actions a:not([data-allow-tc-lock]){pointer-events:none;opacity:.45}
        .employee-entry-shell.is-tc-locked .employee-entry-header-actions button:not([data-allow-tc-lock]),
        .employee-entry-shell.is-tc-locked .employee-entry-footer-actions button:not([data-allow-tc-lock]){opacity:.45}
        .employee-entry-photo-panel{grid-area:photo;align-self:stretch}
        .employee-entry-card.card-photo{align-self:stretch;display:flex;flex-direction:column;height:100%}
        .employee-entry-card.card-contact{grid-area:contact}
        .employee-entry-card.card-other{grid-area:other}
        .employee-entry-card.card-bank{grid-area:bank}
        .employee-entry-card.card-notes{grid-area:notes}
        .employee-entry-card.card-bank,.employee-entry-card.card-notes{align-self:stretch;display:flex;flex-direction:column}
        .employee-entry-card.card-notes .employee-entry-group{flex:1}
        .employee-entry-title-row{display:flex;align-items:center;gap:10px;color:#0b1f3a;font-size:17px;font-weight:800;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #e8eef5}
        .employee-entry-title-row svg{width:20px;height:20px;color:#005be8;flex:0 0 auto}
        .employee-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
        .employee-entry-grid.compact-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
        .employee-entry-grid.work-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
        .employee-entry-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
        .employee-entry-group{display:flex;flex-direction:column;min-width:0;position:relative}
        .employee-entry-group.span-2{grid-column:span 2}
        .employee-entry-group.span-3{grid-column:span 3}
        .employee-entry-group label{font-size:13px;font-weight:800;color:#102a4c;margin-bottom:8px}
        .employee-entry-group label .required{color:#ef4444}
        .employee-entry-label-row{display:block;margin-bottom:8px;min-height:16px;padding-right:34px}
        .employee-entry-label-row label{margin-bottom:0!important}
        .employee-entry-mini-action{position:absolute;right:0;top:-5px;width:28px;height:28px;border-radius:8px;border:1px solid #b8d1ff;background:#edf4ff;color:#005be8;font-size:18px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
        .employee-entry-mini-action:hover{background:#005be8;border-color:#005be8;color:#fff}
        .employee-entry-group input,.employee-entry-group select,.employee-entry-group textarea{width:100%;height:42px;border:1px solid #ccd8e6;border-radius:7px;padding:0 12px;background:#fff;color:#0b1f3a;font-size:14px;outline:none}
        .employee-entry-group input:focus,.employee-entry-group select:focus,.employee-entry-group textarea:focus{border-color:#005be8;box-shadow:0 0 0 3px rgba(0,91,232,.08)}
        .employee-entry-group textarea{min-height:96px;height:auto;padding:12px;resize:vertical}
        .employee-entry-inline-feedback{margin-top:7px;font-size:12px;font-weight:800;line-height:1.45;color:#64748b;min-height:18px}
        .employee-entry-inline-feedback.is-ok{color:#15803d}
        .employee-entry-inline-feedback.is-warn{color:#b45309}
        #employeeTcFeedback.is-error{display:block;color:#b42318 !important;background:#fef3f2 !important;border:1px solid #fecdca !important;border-radius:8px;padding:10px 12px;min-height:auto}
        .employee-entry-input-icon{position:relative}
        .employee-entry-input-icon svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#64748b;pointer-events:none}
        .employee-entry-input-icon input,.employee-entry-input-icon select{padding-right:42px}
        .employee-entry-section-divider{margin-top:16px;padding-top:14px;border-top:1px solid #e8eef5}
        .employee-entry-section-divider-title,.employee-entry-subsection-title{font-size:14px;font-weight:800;color:#0b1f3a;margin-bottom:14px}
        .employee-entry-subsection{margin-top:18px;padding-top:16px;border-top:1px solid #e8eef5}
        .employee-entry-photo-box{min-height:238px;border:1px dashed #c6d8ef;border-radius:14px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px 18px;flex:1}
        .employee-entry-photo-box.has-image{justify-content:flex-start;padding-top:18px}
        .employee-entry-photo-icon{width:82px;height:82px;border-radius:50%;background:#edf4ff;color:#005be8;display:flex;align-items:center;justify-content:center}
        .employee-entry-photo-icon svg{width:34px;height:34px}
        .employee-entry-photo-preview{display:none;width:116px;height:116px;border-radius:18px;object-fit:cover;border:1px solid #dbe4ee;box-shadow:0 10px 24px rgba(15,23,42,.10);background:#fff}
        .employee-entry-photo-preview.is-visible{display:block}
        .employee-entry-photo-box.has-image .employee-entry-photo-icon{display:none}
        .employee-entry-photo-box strong{font-size:17px;color:#0f172a}
        .employee-entry-photo-box span{color:#64748b;font-size:13px;line-height:1.6}
        .employee-entry-photo-btn{height:46px;padding:0 22px;border:1px solid #ccd8e6;background:#fff;color:#0b1f3a;border-radius:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
        .employee-entry-photo-status{font-size:13px;color:#64748b;line-height:1.5}
        .employee-entry-photo-meta{margin-top:14px;color:#64748b;font-size:12px;line-height:1.7}
        .employee-save-confirm-panel{width:min(520px,94vw)}
        .employee-save-confirm-panel .document-upload-body{padding:24px}
        .employee-save-confirm-body{display:grid;gap:20px}
        .employee-save-confirm-copy{display:grid;gap:10px}
        .employee-save-confirm-copy strong{font-size:18px;color:#0f172a}
        .employee-save-confirm-copy p{margin:0;color:#64748b;font-size:14px;line-height:1.6}
        .employee-save-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
        .employee-save-confirm-actions .btn-small,
        .employee-save-confirm-actions .btn-secondary{min-width:108px;justify-content:center}
        .employee-draft-doc-panel{width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column}
        .employee-draft-doc-body{display:grid;gap:16px;max-height:calc(92vh - 94px);overflow:auto;background:linear-gradient(180deg,#fbfdff 0%,#f8fbff 100%)}
        .employee-draft-doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.05)}
        .employee-draft-doc-feedback{min-height:18px;font-size:12px;font-weight:800;color:#64748b;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0}
        .employee-draft-doc-feedback.is-ok{color:#15803d}
        .employee-draft-doc-feedback.is-error{color:#b42318}
        .employee-draft-doc-list{display:grid;gap:12px}
        .employee-draft-doc-head,
        .employee-draft-doc-row{display:grid;grid-template-columns:110px minmax(0,1.8fr) 170px 150px;gap:12px;align-items:center}
        .employee-draft-doc-head{padding:0 16px 4px;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
        .employee-draft-doc-row{padding:16px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
        .employee-draft-doc-row:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,23,42,.09);border-color:#c7d6e7}
        .employee-draft-doc-copy{display:grid;gap:5px;min-width:0}
        .employee-draft-doc-copy strong{font-size:14px;color:#0f172a;word-break:break-word}
        .employee-draft-doc-copy small{font-size:12px;color:#64748b;font-weight:700}
        .employee-draft-doc-date,.employee-draft-doc-status,.employee-draft-doc-action{width:100%;min-width:0}
        .employee-draft-doc-date input{width:100%;box-sizing:border-box}
        .employee-draft-doc-status{display:flex;justify-content:center}
        .employee-draft-doc-action{display:flex;justify-content:flex-end}
        .employee-draft-doc-action .btn-small{width:100%;justify-content:center}
        .employee-draft-doc-status .status-badge{min-width:88px;height:32px;border-radius:999px;font-size:12px;font-weight:900;padding:0 12px}
        .employee-draft-doc-status .status-active{background:#ecfdf5;border:1px solid #bbf7d0;color:#15803d}
        .employee-draft-doc-status .status-passive{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}
        .employee-draft-doc-action .btn-small{min-height:42px;border-radius:10px;box-shadow:0 8px 18px rgba(15,118,110,.14)}
        .employee-draft-doc-empty{padding:22px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:800;text-align:center}
        .employee-entry-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px}
        .employee-entry-footer-actions{display:flex;gap:12px;flex-wrap:wrap}
        .employee-entry-footer-actions .btn-small,.employee-entry-footer-actions .btn-secondary{min-height:44px;padding:0 22px;font-size:14px}
        .employee-task-modal-body{display:grid;gap:14px}
        .employee-task-modal-project{padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:800}
        .employee-task-modal-project span{display:block;margin-bottom:4px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}
        .employee-task-existing{display:grid;gap:10px;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}
        .employee-task-existing-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#475569;font-size:12px;font-weight:900;text-transform:uppercase}
        .employee-task-existing-count{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#edf4ff;border:1px solid #d7e6ff;color:#005be8;font-size:11px;font-weight:900}
        .employee-task-existing-list{display:flex;flex-wrap:wrap;gap:8px;max-height:110px;overflow:auto}
        .employee-task-existing-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:12px;font-weight:800}
        .employee-task-existing-empty{color:#64748b;font-size:12px;font-weight:800}
        .employee-task-modal-body textarea{width:100%;min-height:170px;border:1px solid #ccd8e6;border-radius:8px;padding:12px;background:#fff;color:#0b1f3a;font-size:14px;resize:vertical;outline:none}
        .employee-task-modal-help{font-size:12px;color:#64748b;line-height:1.55}
        .employee-task-modal-feedback{min-height:18px;font-size:12px;font-weight:800}
        .employee-task-modal-feedback.is-ok{color:#15803d}
        .employee-task-modal-feedback.is-error{color:#dc2626}
        .employee-task-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
        @media(max-width:1200px){.employee-entry-layout{grid-template-columns:1fr;grid-template-areas:"personal" "photo" "contact" "other" "bank" "notes"}.employee-entry-grid,.employee-entry-grid.compact-top,.employee-entry-grid.work-top,.employee-entry-grid.two{grid-template-columns:1fr}.employee-entry-group.span-2,.employee-entry-group.span-3{grid-column:span 1}.employee-draft-doc-head,.employee-draft-doc-row{grid-template-columns:1fr}.employee-draft-doc-head{display:none}.employee-draft-doc-status,.employee-draft-doc-action{justify-content:flex-start}}
        @media(max-width:760px){.employee-entry-header{align-items:stretch}.employee-entry-title h3{font-size:24px}.employee-entry-footer{flex-direction:column;align-items:stretch}.employee-entry-footer-actions{flex-direction:column}.employee-entry-header-actions{justify-content:stretch}.employee-entry-header-actions .btn-small,.employee-entry-header-actions .btn-secondary{width:100%;justify-content:center}.employee-entry-header-actions .employee-quick-actions,.employee-entry-header-actions .employee-quick-actions-toggle{width:100%}.employee-entry-header-actions .employee-quick-actions-menu{left:0;right:0}}
        .employee-detail-card{padding:0;overflow:hidden}.employee-detail-topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line-soft);background:#fff}.employee-detail-topline h3{margin:0;font-size:22px}.employee-detail-topline p{margin:6px 0 0;color:var(--muted);font-size:13px}.detail-actions-top{justify-content:flex-end;margin:0}.employee-right-detail-only{grid-template-columns:minmax(0,1fr) 320px}.detail-lower-stack{display:grid;gap:14px;position:relative;z-index:2;min-width:0;overflow:hidden}.detail-accordion{padding:0;overflow:hidden;min-width:0}.detail-accordion summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;list-style:none;padding:16px 18px;background:#fff;border-bottom:1px solid transparent}.detail-accordion summary::-webkit-details-marker{display:none}.detail-accordion summary:after{content:'\203A';display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;grid-column:2;grid-row:1 / span 2;border-radius:8px;background:var(--primary-soft);border:1px solid #c5e5df;color:var(--primary-strong);font-size:24px;font-weight:900;line-height:1;transform:rotate(90deg);transition:transform .18s ease,background .18s ease}.detail-accordion[open] summary{border-bottom-color:var(--line-soft)}.detail-accordion[open] summary:after{transform:rotate(270deg);background:#fff}.detail-accordion summary span{font-size:17px;font-weight:900;color:#111827;grid-column:1;grid-row:1;min-width:0}.detail-accordion summary small{color:var(--muted);font-weight:800;grid-column:1;grid-row:2;min-width:0}.detail-accordion .table-wrap{border:none;border-radius:0;box-shadow:none}
          .employee-main-page > .topbar{display:none}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;z-index:40}.employee-detail-topline{position:sticky;top:12px;z-index:20;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 24px rgba(15,23,42,.08);margin-bottom:16px}.btn-small,.btn-secondary,.mini-btn{border-radius:8px;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn-small{min-height:36px;padding:8px 12px;background:#0f766e;border:1px solid #0b5f59;box-shadow:0 6px 14px rgba(15,118,110,.16)}.btn-small:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,118,110,.20)}.btn-secondary{min-height:36px;padding:8px 12px;background:#fff;border:1px solid #cbd5e1;color:#263238;box-shadow:0 4px 12px rgba(15,23,42,.06)}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10)}.detail-actions-top .btn-secondary:nth-last-child(2){border-color:#fecaca;color:#b42318;background:#fff7f7}.detail-actions-top .btn-secondary:nth-last-child(2):hover{background:#fff1f0;border-color:#fca5a5}.mini-btn{min-height:32px;padding:7px 10px;align-items:center}
          .document-upload-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:24px;z-index:10020}.document-upload-panel{width:min(760px,96vw);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 70px rgba(15,23,42,.24);overflow:hidden}.document-upload-panel.document-upload-panel-wide{width:min(1320px,97vw);max-height:94vh;display:flex;flex-direction:column}.document-upload-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line-soft);background:#f8fafc}.document-upload-head h4{margin:0;font-size:22px;color:#0f172a}.document-upload-head p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:700}.document-upload-body{padding:22px}.document-upload-body.document-upload-body-split{padding:16px;overflow:hidden;display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;min-height:0;align-items:start}.document-upload-side{display:grid;gap:10px;align-content:start;min-height:0;max-height:calc(94vh - 145px);overflow:auto;padding-right:2px}.document-upload-side,.document-upload-side *{min-width:0}.document-upload-main{display:grid;gap:10px;min-height:0}.document-upload-previewbox{border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow:hidden;min-height:720px}.document-upload-previewbox iframe{width:100%;height:720px;border:none;display:block}.document-upload-preview-empty{display:flex;align-items:center;justify-content:center;height:720px;padding:20px;color:#64748b;font-weight:800;background:#f8fafc;text-align:center}.document-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.document-upload-field{background:#f8fafc;border:1px solid var(--line-soft);border-radius:8px;padding:12px}.document-upload-field label{display:block;margin-bottom:6px;font-size:11px;font-weight:900;color:#475569;text-transform:uppercase}.document-upload-value{font-size:14px;font-weight:900;color:#111827;line-height:1.4;word-break:break-word}.document-upload-field input[type="date"],.document-upload-field select{background:#fff;width:100%;box-sizing:border-box}.document-upload-filebox{display:grid;gap:12px;padding:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#fcfdfd}.document-upload-filehead{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.document-upload-filehead strong{font-size:14px;color:#0f172a}.document-upload-filehead span{font-size:12px;color:#64748b;font-weight:800}.document-upload-fileactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.document-upload-filename{font-size:13px;color:#334155;font-weight:800;min-height:20px}.document-upload-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}.document-upload-note{margin-top:10px;font-size:12px;color:#64748b;font-weight:800}.document-upload-field.full{grid-column:1 / -1}.document-upload-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:11px;font-weight:900}.document-upload-fileactions .btn-secondary{min-width:140px}.document-upload-filename-box{display:grid;gap:4px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;min-width:min(320px,100%)}.document-upload-filename-box small{margin:0;font-size:11px;color:#64748b;font-weight:800}
          .approval-review-modal{position:fixed;inset:0;background:rgba(15,23,42,.66);display:none;align-items:center;justify-content:center;padding:20px;z-index:10030}.approval-review-panel{width:min(1320px,97vw);max-height:94vh;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px rgba(15,23,42,.28);overflow:hidden;display:flex;flex-direction:column}.approval-review-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--line-soft);background:#f8fafc}.approval-review-head h4{margin:0;font-size:24px;color:#0f172a}.approval-review-head p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:700}.approval-review-body{padding:16px;overflow:hidden;display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;min-height:0;align-items:start}.approval-review-side{display:grid;gap:6px;align-content:start;min-height:0;max-height:calc(94vh - 150px);overflow:auto;padding-right:2px}.approval-review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.approval-review-card label{display:block;margin-bottom:4px;font-size:10px;font-weight:900;color:#475569;text-transform:uppercase}.approval-review-card strong,.approval-review-card div{display:block;color:#0f172a;font-size:12px;line-height:1.3;word-break:break-word}.approval-review-card textarea{width:100%;min-height:64px;resize:vertical}.approval-review-main{display:grid;gap:10px;min-height:0}.approval-review-framebox{border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow:hidden;min-height:720px}.approval-review-framebox iframe{width:100%;height:720px;border:none;display:block}.approval-review-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:0}.approval-review-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:900;border:1px solid #cbd5e1;background:#f8fafc;color:#475569}.approval-review-status.is-ok{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}.approval-review-status.is-warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.approval-review-status.is-wait{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.approval-review-decision{display:grid;gap:6px;position:sticky;bottom:0;background:#fff;padding-top:4px}.approval-review-decision .btn-small,.approval-review-decision .btn-secondary{min-height:36px;padding:8px 12px}@media(max-width:1100px){.approval-review-body{grid-template-columns:1fr;overflow:auto}.approval-review-side{max-height:none;overflow:visible}.approval-review-framebox{min-height:520px}.approval-review-framebox iframe{height:520px}}@media(max-width:640px){.approval-review-modal{padding:12px}.approval-review-head,.approval-review-body{padding:14px}.approval-review-head{flex-direction:column}}
        .employee-right-detail-only{grid-template-columns:1fr}.employee-detail-topline{min-height:74px;align-items:center}.employee-detail-topline>div:first-child{min-width:220px;flex:0 0 auto}.employee-detail-topline{isolation:isolate}.detail-actions-top{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;max-width:100%;min-width:0;flex:1 1 auto;padding:4px 2px 6px;scrollbar-width:thin;overscroll-behavior-inline:contain}.detail-actions-top a{flex:0 0 auto;white-space:nowrap;min-width:max-content}.detail-actions-top .btn-small,.detail-actions-top .btn-secondary{height:40px;line-height:1}.employee-main-info{min-width:0}.employee-detail-card{overflow:visible;position:relative;z-index:5}.employee-photo-panel,.employee-main-info{align-self:start}
        @media(max-width:1000px){.sidebar{position:relative;height:auto}.employee-detail-topline{top:8px}.employee-detail-topline{flex-direction:column}.detail-actions-top{justify-content:flex-start}.employee-right-detail-only{grid-template-columns:1fr}.employee-form-modern-grid{grid-template-columns:1fr}.employee-form-profile{position:static}.form-inline-2{grid-template-columns:1fr}.employee-command-panel{grid-template-columns:1fr}.employee-search-form{flex-wrap:wrap}.employee-search-form input{min-width:0;flex:1 1 100%}.employee-result-summary{text-align:left;border-left:none;border-top:1px solid var(--line-soft);padding-left:0;padding-top:12px}.employee-list-layout{grid-template-columns:1fr}.employee-table th:first-child,.employee-table td:first-child{min-width:220px}.employee-form-legacy .field{padding:10px}.document-upload-grid{grid-template-columns:1fr}.document-upload-body.document-upload-body-split{grid-template-columns:1fr;overflow:auto}.document-upload-side{max-height:none;overflow:visible}.document-upload-previewbox{min-height:520px}.document-upload-previewbox iframe,.document-upload-preview-empty{height:520px}}

        .employee-detail-v1{display:grid;gap:18px;min-width:0}.detail1-card{background:#fff;border:1px solid #e1e8f0;border-radius:12px;box-shadow:0 6px 16px rgba(15,35,65,.06)}.detail1-toolbar{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.detail1-toolbar-copy{display:flex;align-items:center;min-width:0;flex:1 1 auto}.detail1-breadcrumb{width:max-content}.detail1-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.detail1-toolbar-actions .detail2-btn{min-height:40px}.detail1-hero-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;gap:18px;align-items:stretch}.detail1-profile-card{padding:22px;display:grid;gap:18px}.detail1-photo{width:132px;height:132px;border-radius:28px;background:linear-gradient(135deg,#eaf2ff,#d9e7ff);margin:0 auto;display:flex;align-items:center;justify-content:center;color:#005be8;box-shadow:inset 0 0 0 1px #d2e2ff;overflow:hidden}.detail1-photo img{width:100%;height:100%;object-fit:cover}.detail1-photo svg{width:56px;height:56px}.detail1-profile-title{text-align:center;display:grid;gap:6px}.detail1-profile-title h3{font-size:24px;font-weight:900;color:#0b1f3a;margin:0}.detail1-profile-title p{font-size:14px;color:#64748b;font-weight:700}.detail1-chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.detail1-chip{min-height:30px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:800}.detail1-chip.green{background:#e9f8f0;color:#0f8f55}.detail1-chip.blue{background:#edf4ff;color:#005be8}.detail1-chip.orange{background:#fff3df;color:#f49a00}.detail1-quick-list{display:grid;gap:10px}.detail1-quick-item{min-height:48px;border:1px solid #e8eef5;border-radius:10px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;background:#fbfdff}.detail1-quick-icon{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:#005be8;display:flex;align-items:center;justify-content:center}.detail1-quick-icon svg{width:18px;height:18px}.detail1-quick-copy strong{display:block;font-size:12px;color:#64748b;margin-bottom:3px}.detail1-quick-copy span{display:block;font-size:14px;font-weight:800;color:#0b1f3a}.detail1-summary-card{padding:22px;display:grid;gap:18px}.detail1-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail1-summary-header h3{margin:0;font-size:22px;font-weight:900;color:#0b1f3a}.detail1-summary-header p{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.5}.detail1-summary-pill{min-height:38px;padding:0 14px;border-radius:10px;background:#edf4ff;color:#005be8;font-size:13px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}.detail1-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail1-kpi-card{border:1px solid #e8eef5;border-radius:12px;padding:16px;display:grid;gap:10px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.detail1-kpi-top{display:flex;align-items:center;gap:12px}.detail1-kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.detail1-kpi-icon.blue{background:#edf4ff;color:#005be8}.detail1-kpi-icon.green{background:#e9f8f0;color:#16a05d}.detail1-kpi-icon.orange{background:#fff3df;color:#f49a00}.detail1-kpi-icon.purple{background:#f3ebff;color:#8738d6}.detail1-kpi-icon svg{width:20px;height:20px}.detail1-kpi-copy span{display:block;color:#64748b;font-size:12px;font-weight:700}.detail1-kpi-copy strong{display:block;font-size:22px;font-weight:900;margin-top:4px;color:#0b1f3a}.detail1-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail1-info-panel{border:1px solid #e8eef5;border-radius:12px;padding:16px;display:grid;gap:14px}.detail1-info-panel h4{font-size:15px;font-weight:900;padding-bottom:12px;border-bottom:1px solid #e8eef5;color:#0b1f3a;margin:0}.detail1-info-list{display:grid;gap:12px}.detail1-info-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:start}.detail1-info-row strong{font-size:12px;color:#64748b;font-weight:800}.detail1-info-row span{font-size:14px;font-weight:800;color:#0b1f3a;line-height:1.45}.detail1-fast-card{padding:18px;display:grid;gap:14px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}.detail1-fast-card h4{margin:0;font-size:18px;font-weight:900;color:#005be8}.detail1-fast-card p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.detail1-fast-list{display:grid;gap:10px}.detail1-fast-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e8eef5;font-size:13px}.detail1-fast-row:last-child{border-bottom:none}.detail1-fast-row span:first-child{color:#334761}.detail1-fast-row span:last-child{font-weight:900;color:#0b1f3a;text-align:right}.detail1-full-card{width:100%;margin-bottom:18px}.detail1-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.detail1-stack{display:grid;gap:18px}.detail1-panel-card{padding:18px;display:grid;gap:16px}.detail1-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #e8eef5}.detail1-panel-head h4{font-size:18px;font-weight:900;color:#0b1f3a;margin:0;display:inline-flex;align-items:center;gap:8px}.detail1-panel-head h4 svg{width:16px;height:16px;color:#005be8;flex:0 0 auto}.detail1-panel-head p{font-size:13px;color:#64748b;margin:5px 0 0;line-height:1.55}.detail1-link-btn{border:1px solid #d6e2f0;background:#fff;color:#005be8;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}.detail1-document-table{width:100%;border-collapse:collapse}.detail1-document-table th,.detail1-document-table td{padding:12px 10px;text-align:left;font-size:13px;border-bottom:1px solid #e8eef5;vertical-align:top}.detail1-document-table th{color:#64748b;font-weight:800;background:#f8fbff}.detail1-document-table th:last-child{text-align:center}.detail1-document-table td:last-child{text-align:right}.detail1-document-table td:last-child .detail2-table-actions{justify-content:flex-end}.detail1-document-table td strong{display:block;font-size:14px;color:#0b1f3a;margin-bottom:2px}.detail1-document-table td span{color:#64748b;font-size:12px}.detail1-timeline{display:grid;gap:12px}.detail1-timeline-item{border:1px solid #e8eef5;border-radius:12px;padding:14px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;background:#fbfdff}.detail1-timeline-date{display:grid;align-content:start;gap:6px}.detail1-timeline-date strong{font-size:15px;font-weight:900;color:#0b1f3a}.detail1-timeline-date span{font-size:12px;color:#64748b;font-weight:700}.detail1-timeline-copy h5{font-size:15px;font-weight:900;margin:0 0 6px;color:#0b1f3a}.detail1-timeline-copy p{font-size:13px;color:#64748b;line-height:1.55;margin:0}.detail1-note-box{border:1px dashed #c8d8ea;border-radius:12px;padding:16px;background:#fbfdff;color:#40566f;font-size:14px;line-height:1.7}.detail1-other-card{padding:18px}.detail1-other-card h4{margin:0 0 16px;font-size:18px;font-weight:900;color:#0b1f3a}.detail1-other-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.detail1-other-item label{display:block;font-size:12px;color:#64748b;margin-bottom:5px;font-weight:700}.detail1-other-item span{display:block;font-size:13px;color:#0b1f3a;font-weight:700;line-height:1.55;word-break:break-word}.detail1-other-item.full{grid-column:span 2}@media(max-width:1400px){.detail1-hero-grid,.detail1-lower-grid{grid-template-columns:1fr}.detail1-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail1-fast-card{order:3}}@media(max-width:1000px){.detail1-toolbar{flex-direction:column;align-items:stretch}.detail1-toolbar-actions{justify-content:flex-start}.detail1-breadcrumb{width:100%}.detail1-info-grid{grid-template-columns:1fr}.detail1-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail1-document-table{min-width:640px}.detail1-full-card{margin-bottom:16px}}@media(max-width:700px){.detail1-kpi-grid,.detail1-other-grid{grid-template-columns:1fr}.detail1-info-row{grid-template-columns:1fr}.detail1-other-item.full{grid-column:auto}.detail1-document-table{min-width:560px}.detail1-panel-card{overflow-x:auto}.detail1-full-card{margin-bottom:14px}}
        .detail2-btn{min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #d6e2f0;background:#fff;color:#0b1f3a;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.detail2-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10)}.detail2-btn svg{width:16px;height:16px;flex:0 0 auto}.detail2-btn-primary{background:#005be8;color:#fff;border-color:#005be8;box-shadow:0 8px 18px rgba(0,91,232,.22)}.detail2-btn-danger{border-color:#fecaca;color:#b42318;background:#fff7f7}.detail2-table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.detail2-empty-state{padding:18px;color:#64748b;font-size:13px;font-weight:700;line-height:1.6}.detail2-badge{display:inline-flex;min-width:64px;height:24px;align-items:center;justify-content:center;border-radius:6px;padding:0 8px;font-size:11px;font-weight:800}.detail2-badge.success{background:#e9f8f0;color:#0f8f55}.detail2-badge.warning{background:#fff7e8;color:#d98200}.detail2-badge.danger{background:#fff0f0;color:#ef4444}.exit-process-card{margin:16px 0;padding:16px;border:1px solid #dbe5f0;border-radius:14px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);box-shadow:0 8px 22px rgba(15,35,65,.06);display:grid;gap:14px}.exit-process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exit-process-head h4{margin:0;color:#0b1f3a;font-size:18px;font-weight:900}.exit-process-head p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5}.exit-process-stage{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;background:#edf4ff;border:1px solid #cfe0ff;color:#005be8;font-size:12px;font-weight:900;white-space:nowrap}.exit-process-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.exit-process-stat{padding:12px;border:1px solid #e1e8f0;border-radius:12px;background:#fff}.exit-process-stat span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.exit-process-stat strong{display:block;margin-top:5px;color:#0b1f3a;font-size:18px;font-weight:900}.exit-process-docs{display:grid;gap:8px}.exit-process-doc{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e1e8f0;border-radius:12px;background:#fff}.exit-process-doc strong{display:block;color:#0b1f3a;font-size:13px;font-weight:900}.exit-process-doc small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:700}.exit-process-doc .mini-btn{min-width:36px;height:34px}.exit-process-hint{padding:12px;border:1px dashed #c8d8ea;border-radius:12px;background:#fbfdff;color:#64748b;font-size:13px;font-weight:800;line-height:1.5}@media(max-width:800px){.exit-process-stats{grid-template-columns:1fr}.exit-process-doc{grid-template-columns:1fr;align-items:stretch}.exit-process-doc .detail2-table-actions{justify-content:flex-start}}@media(max-width:640px){.detail2-btn{width:100%;justify-content:center}}
        .detail-leave-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-leave-summary-item{border:1px solid #e8eef5;border-radius:10px;background:#fbfdff;padding:12px}.detail-leave-summary-item span{display:block;color:#64748b;font-size:11px;font-weight:800}.detail-leave-summary-item strong{display:block;margin-top:5px;color:#0b1f3a;font-size:18px;font-weight:900}.detail-leave-table{min-width:720px}.detail-leave-table td:last-child{text-align:left}.detail-leave-table td:last-child .mini-btn{justify-content:center}@media(max-width:700px){.detail-leave-summary-grid{grid-template-columns:1fr}}
        .leave-grant-modal{position:fixed;inset:0;z-index:10070;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:24px}.leave-grant-modal.is-open{display:flex}.leave-grant-panel{width:min(940px,96vw);max-height:92vh;background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 28px 80px rgba(15,23,42,.30);overflow:hidden;display:flex;flex-direction:column}.leave-grant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e5edf7;background:#f8fbff}.leave-grant-head h4{margin:0;font-size:22px;color:#0b1f3a;font-weight:900}.leave-grant-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}.leave-grant-close{border:none;background:#e5eaf1;color:#0f172a;border-radius:8px;padding:8px 12px;font-weight:900;cursor:pointer}.leave-grant-body{padding:20px 22px;overflow:auto;display:grid;gap:18px}.leave-grant-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.leave-grant-info{border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff;padding:12px}.leave-grant-info span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.leave-grant-info strong{display:block;margin-top:6px;color:#0b1f3a;font-size:14px;line-height:1.35}.leave-grant-form{display:grid;gap:14px;border-top:1px solid #edf2f7;padding-top:18px}.leave-grant-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.leave-grant-form label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:900}.leave-grant-form input,.leave-grant-form select,.leave-grant-form textarea{width:100%;min-height:42px;border:1px solid #ccd8e6;border-radius:8px;padding:10px 12px;background:#fff;color:#0f172a;font-size:14px;outline:none}.leave-grant-form textarea{min-height:96px;resize:vertical}.leave-grant-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.leave-grant-muted{margin:0;color:#64748b;font-size:12px;font-weight:700;line-height:1.5}@media(max-width:900px){.leave-grant-info-grid,.leave-grant-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.leave-grant-modal{padding:12px}.leave-grant-info-grid,.leave-grant-form-grid{grid-template-columns:1fr}.leave-grant-actions .btn-small,.leave-grant-actions .btn-secondary{width:100%;justify-content:center}}
        .process-tracking-shell{display:grid;gap:16px}
        .process-tracking-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,35,65,.06)}
        .process-tracking-hero span{display:inline-flex;margin-bottom:6px;padding:5px 10px;border-radius:999px;background:#e8f7f4;color:#087b70;font-size:11px;font-weight:900;text-transform:uppercase}
        .process-tracking-hero h3{margin:0;color:#0b1f3a;font-size:22px;font-weight:900}
        .process-tracking-hero p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}
        .process-tracking-filter{display:grid;gap:6px;min-width:240px}
        .process-tracking-filter label{font-size:11px;font-weight:900;color:#334155;text-transform:uppercase}
        .process-tracking-filter select{height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 12px;color:#0b1f3a;font-weight:800}
        .process-tracking-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
        .process-tracking-kpi{padding:14px;border:1px solid #e1e8f0;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(15,35,65,.06)}
        .process-tracking-kpi span{display:block;font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase}
        .process-tracking-kpi strong{display:block;margin-top:6px;font-size:25px;font-weight:900;color:#0b1f3a}
        .process-tracking-kpi small{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700}
        .process-tracking-card{border:1px solid #dbe5f0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,35,65,.06)}
        .process-tracking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e8eef6}
        .process-tracking-card-head h4{margin:0;color:#0b1f3a;font-size:19px;font-weight:900}
        .process-tracking-card-head p{margin:5px 0 0;color:#64748b;font-size:13px}
        .process-tracking-list{display:grid;overflow:auto}
        .process-tracking-header{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(130px,.75fr) 108px minmax(120px,.7fr) 112px minmax(120px,.7fr) 112px 130px 72px;gap:12px;align-items:center;min-width:1180px;padding:11px 18px;border-bottom:1px solid #dbe5f0;background:#eef3f8;color:#334155;font-size:11px;font-weight:900;text-transform:uppercase}
        .process-tracking-item{border-bottom:1px solid #e8eef6}
        .process-tracking-item:last-child{border-bottom:0}
        .process-tracking-item summary{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(130px,.75fr) 108px minmax(120px,.7fr) 112px minmax(120px,.7fr) 112px 130px 72px;gap:12px;align-items:center;min-width:1180px;padding:14px 18px;cursor:pointer;list-style:none}
        .process-tracking-item summary::-webkit-details-marker{display:none}
        .process-tracking-item[open] summary{background:#f8fbff}
        .process-tracking-person strong{display:block;color:#0b1f3a;font-size:14px;font-weight:900}
        .process-tracking-person span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}
        .process-tracking-meta strong{display:block;color:#0b1f3a;font-size:12px;font-weight:900}
        .process-tracking-meta span{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:800}
        .process-tracking-doc-count{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#edf4ff;color:#005be8;font-size:12px;font-weight:900}
        .process-tracking-status-stack{display:grid;gap:5px;justify-items:start}
        .process-tracking-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
        .process-tracking-cancel-form{display:inline-flex}
        .process-tracking-detail{display:grid;gap:12px;padding:14px 18px 18px;background:#fff}
        .process-tracking-doc-grid{display:grid;gap:8px}
        .process-tracking-doc{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e1e8f0;border-radius:12px;background:#fbfdff}
        .process-tracking-doc strong{display:block;color:#0b1f3a;font-size:13px;font-weight:900}
        .process-tracking-doc small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:700}
        .process-tracking-decision{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fbff}
        .process-tracking-reject-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
        .process-tracking-reject-form input{height:40px;border:1px solid #cbd5e1;border-radius:9px;padding:0 10px;color:#0b1f3a}
        .process-tracking-note{padding:12px;border:1px dashed #c8d8ea;border-radius:12px;background:#fbfdff;color:#64748b;font-size:13px;font-weight:800}
        .process-tracking-note.error{border-color:#fecaca;background:#fff7f7;color:#b42318}
        .process-tracking-sgk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dbe5f0;border-radius:12px;background:#fbfdff}
        .process-tracking-sgk-row strong{display:block;color:#0b1f3a;font-weight:900}
        .process-tracking-sgk-row span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}
        @media(max-width:1100px){.process-tracking-hero{align-items:stretch;flex-direction:column}.process-tracking-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.process-tracking-card{overflow:auto}.process-tracking-detail{min-width:1180px}}
        @media(max-width:800px){.process-tracking-kpis{grid-template-columns:1fr}.process-tracking-doc{grid-template-columns:1fr}.process-tracking-decision,.process-tracking-reject-form{grid-template-columns:1fr}.process-tracking-sgk-row{align-items:flex-start;flex-direction:column}}
        .admin-dashboard{display:grid;gap:18px;min-width:0}
        .admin-hero{position:relative;overflow:hidden;border:1px solid #d7dee8;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f7fafc 58%,#eef7f5 100%);box-shadow:0 16px 36px rgba(15,23,42,.10);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch}
        .admin-hero.admin-hero-compact{padding:22px;grid-template-columns:minmax(0,1fr) 300px}
        .admin-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#0f766e}.admin-hero-main,.admin-hero-side{position:relative;z-index:1}.admin-hero-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0;margin-bottom:14px}.admin-hero h2{margin:0;font-size:34px;line-height:1.12;color:#0f172a;letter-spacing:0}.admin-hero p{margin:12px 0 0;color:#475569;font-size:15px;line-height:1.6;max-width:760px}.admin-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.admin-hero-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#fff;border:1px solid #dbe4ee;color:#334155;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(15,23,42,.05)}
        .admin-hero-side{background:#0f172a;color:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.admin-user-label{font-size:11px;text-transform:uppercase;font-weight:900;color:#9ccbc4;letter-spacing:0}.admin-user-name{margin-top:8px;font-size:22px;font-weight:900;line-height:1.2}.admin-user-role{margin-top:6px;color:#cbd5e1;font-size:13px;font-weight:800}.admin-quick-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.admin-quick-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#e5f4f1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:11px 12px;font-size:13px;font-weight:900;transition:background .16s ease,transform .16s ease,border-color .16s ease}.admin-quick-actions a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}.admin-quick-actions span{font-size:18px;line-height:1}
        .admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric-grid.admin-metric-grid-compact{margin-top:14px}.admin-metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.07);min-height:142px;display:flex;flex-direction:column;justify-content:space-between}.admin-metric-card:before{content:'';position:absolute;right:-28px;top:-28px;width:88px;height:88px;border-radius:50%;background:#e7f5f2;border:18px solid #f4faf8}.admin-metric-label{position:relative;z-index:1;font-size:12px;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:0}.admin-metric-value{position:relative;z-index:1;font-size:34px;font-weight:900;color:#0f172a;line-height:1;margin-top:12px;word-break:break-word}.admin-metric-foot{position:relative;z-index:1;margin-top:14px;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.admin-metric-card.is-primary{background:#0f766e;border-color:#0b5f59;color:#fff}.admin-metric-card.is-primary:before{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.08)}.admin-metric-card.is-primary .admin-metric-label,.admin-metric-card.is-primary .admin-metric-foot{color:#d6f1ed}.admin-metric-card.is-primary .admin-metric-value{color:#fff}.admin-metric-card.is-user .admin-metric-value{font-size:22px;line-height:1.18}
        .admin-panel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.admin-info-panel{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:20px;box-shadow:0 8px 20px rgba(15,23,42,.06);min-width:0}.admin-info-panel h3{margin:0;color:#0f172a;font-size:19px}.admin-info-panel p{margin:8px 0 0;color:#64748b;line-height:1.55;font-size:14px}.admin-action-list{display:grid;gap:10px;margin-top:16px}.admin-action-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;text-decoration:none;color:#0f172a;font-weight:900}.admin-action-item small{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:800}.admin-action-item:hover{background:#fff;border-color:#b9c7d6;box-shadow:0 8px 18px rgba(15,23,42,.07)}.admin-action-arrow{color:#0f766e;font-size:20px;line-height:1}.admin-note-list{display:grid;gap:10px;margin-top:16px}.admin-note{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.admin-note-mark{width:10px;height:10px;border-radius:50%;background:#0f766e;margin-top:5px;flex:0 0 auto}.admin-note strong{display:block;color:#0f172a;font-size:13px}.admin-note span{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45;font-weight:700}
        .system-version-panel{background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.07);overflow:hidden}.system-version-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#fbfdff}.system-version-head h3{margin:0;color:#0f172a;font-size:20px}.system-version-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45;font-weight:700}.system-version-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f766e;font-size:13px;font-weight:900;white-space:nowrap}.system-version-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0}.system-version-summary-card{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:13px}.system-version-summary-card span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.system-version-summary-card strong{display:block;margin-top:7px;color:#0f172a;font-size:18px;font-weight:900}.system-version-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:16px;padding:18px 20px}.system-version-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:8px}.system-version-table{width:100%;border-collapse:collapse;min-width:940px}.system-version-table th{background:#eef3f7;color:#334155;text-align:left;font-size:11px;text-transform:uppercase;font-weight:900;padding:11px;border-bottom:1px solid #dbe4ee}.system-version-table td{vertical-align:top;padding:12px;border-bottom:1px solid #edf2f7;color:#334155;font-size:12px;line-height:1.45;font-weight:700}.system-version-table tr:last-child td{border-bottom:0}.system-version-table .active-row td{background:#effaf7}.system-version-table strong{color:#0f172a;font-weight:900}.system-version-side{display:grid;gap:12px;align-content:start}.system-version-box{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:14px}.system-version-box h4{margin:0;color:#0f172a;font-size:15px}.system-version-box p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.55;font-weight:700}.system-version-archive{display:grid;gap:8px;margin-top:10px}.system-version-archive span{display:block;padding:9px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800;word-break:break-word}
        .system-version-panel{border-color:#cfe0ef}.system-version-head{background:linear-gradient(135deg,#0f172a 0%,#123d3a 100%);color:#fff;border-bottom:0}.system-version-head h3{color:#fff}.system-version-head p{color:#dbe7f0}.system-version-badge{background:#fff;color:#0f766e;border-color:rgba(255,255,255,.45)}.system-version-summary-card{position:relative;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.system-version-summary-card:before{content:'';position:absolute;right:-18px;top:-18px;width:56px;height:56px;border-radius:50%;background:#e7f5f2}.system-version-summary-card span,.system-version-summary-card strong{position:relative}.system-version-spotlight{margin:16px 20px 0;padding:16px;border:1px solid #b9ded8;border-radius:8px;background:#f1fbf8;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.system-version-spotlight h4{margin:0;color:#0f172a;font-size:18px}.system-version-spotlight p{margin:6px 0 0;color:#475569;font-size:13px;line-height:1.5;font-weight:700}.system-version-report-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border-radius:8px;border:1px solid #b9cce3;background:#fff;color:#005be8;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.system-version-report-btn.primary{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:0 8px 18px rgba(15,118,110,.18)}.system-version-report-btn:hover{filter:brightness(.98);box-shadow:0 8px 18px rgba(15,23,42,.08)}
        .system-live-panel{margin:0 20px 20px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#fbfdff}.system-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.system-live-head h4{margin:0;color:#0f172a;font-size:17px}.system-live-head p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.5;font-weight:800}.system-live-head>span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:8px;background:#eef7ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:900;white-space:nowrap}.system-live-table{min-width:1040px}.system-live-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f766e;font-size:11px;font-weight:900}
        @media(max-width:1200px){.admin-hero{grid-template-columns:1fr}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-grid{grid-template-columns:1fr}.system-version-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.system-version-body{grid-template-columns:1fr}}
        @media(max-width:640px){.admin-hero{padding:20px}.admin-hero h2{font-size:26px}.admin-metric-grid{grid-template-columns:1fr}.admin-metric-value{font-size:30px}.admin-hero-meta{flex-direction:column}.admin-hero-chip{width:100%;justify-content:space-between}}
        .main-dashboard-control{display:grid;gap:16px;min-width:0}.main-dashboard-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #dbe6f2;border-radius:8px;box-shadow:0 8px 22px rgba(15,35,65,.07);padding:16px 18px}.main-dashboard-breadcrumb{display:inline-flex;align-items:center;gap:9px;border:1px solid #d8e6f8;background:#fbfdff;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:900;color:#52657d}.main-dashboard-breadcrumb .current{color:#0b1f3a;background:#edf4ff;border:1px solid #d8e6ff;border-radius:999px;padding:7px 12px}.main-dashboard-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.main-dashboard-search{width:310px;height:42px;border:1px solid #d8e2ef;border-radius:8px;background:#fff;padding:0 13px;display:flex;align-items:center;gap:9px}.main-dashboard-search svg{width:18px;height:18px;color:#52657d}.main-dashboard-search input{border:0;outline:0;width:100%;font-size:13px;color:#0b1f3a}.main-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:stretch}.main-dashboard-card{background:#fff;border:1px solid #e1e8f0;border-radius:8px;box-shadow:0 8px 22px rgba(15,35,65,.07);min-width:0}.main-dashboard-hero-main{padding:20px;display:grid;gap:13px}.main-dashboard-eyebrow{color:#0f8d7d;font-size:12px;font-weight:900;text-transform:uppercase}.main-dashboard-hero-main h2{font-size:28px;line-height:1.15;font-weight:900;color:#0b1f3a;margin:0}.main-dashboard-hero-main p{color:#64748b;font-size:14px;line-height:1.55;max-width:820px;margin:0}.main-dashboard-badges{display:flex;gap:8px;flex-wrap:wrap}.main-dashboard-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #dbe6f2;border-radius:999px;background:#f8fbff;color:#334761;font-size:12px;font-weight:900}.main-dashboard-summary{padding:17px;display:grid;gap:11px}.main-dashboard-summary h3{font-size:17px;font-weight:900;margin:0}.main-dashboard-summary-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:13px}.main-dashboard-summary-line:last-child{border-bottom:none}.main-dashboard-summary-line span{color:#52657d;font-weight:800}.main-dashboard-summary-line strong{font-weight:900;text-align:right}.main-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.main-dashboard-metric{padding:16px;display:grid;gap:12px}.main-dashboard-metric-top{display:flex;align-items:center;gap:12px}.main-dashboard-icon{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.main-dashboard-icon svg{width:22px;height:22px}.main-dashboard-icon.blue{background:#edf4ff;color:#005be8}.main-dashboard-icon.orange{background:#fff3df;color:#f59e0b}.main-dashboard-icon.red{background:#fff0f0;color:#ef4444}.main-dashboard-icon.green{background:#e9f8f0;color:#16a05d}.main-dashboard-metric-copy span{display:block;color:#52657d;font-size:12px;font-weight:900}.main-dashboard-metric-copy strong{display:block;margin-top:3px;font-size:26px;font-weight:900;color:#0b1f3a}.main-dashboard-metric small{color:#64748b;font-size:12px;font-weight:800;line-height:1.45}.main-dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:stretch}.main-dashboard-grid.three{grid-template-columns:1.1fr 1fr 1fr}.main-dashboard-panel{overflow:hidden}.main-dashboard-panel-head{min-height:56px;padding:0 16px;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;gap:12px}.main-dashboard-panel-head h3{font-size:16px;font-weight:900;margin:0;display:flex;gap:8px;align-items:center}.main-dashboard-panel-head svg{width:19px;height:19px;color:#005be8}.main-dashboard-panel-head a{color:#005be8;text-decoration:none;font-size:12px;font-weight:900}.main-dashboard-panel-body{padding:16px}.main-dashboard-list,.main-dashboard-quick-grid{display:grid;gap:10px}.main-dashboard-work-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e1e8f0;border-radius:8px;background:#fbfdff}.main-dashboard-row-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#005be8}.main-dashboard-row-icon svg{width:21px;height:21px}.main-dashboard-row-icon.orange{background:#fff3df;color:#f59e0b}.main-dashboard-row-icon.red{background:#fff0f0;color:#ef4444}.main-dashboard-row-icon.green{background:#e9f8f0;color:#16a05d}.main-dashboard-row-copy strong{display:block;font-size:13px;margin-bottom:4px;color:#0b1f3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-dashboard-row-copy span{display:block;color:#64748b;font-size:12px;line-height:1.4}.main-dashboard-row-action{display:inline-flex;min-height:32px;padding:0 10px;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #cbd9ec;color:#005be8;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.main-dashboard-deadline-row{display:grid;grid-template-columns:56px minmax(0,1fr) 86px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f7}.main-dashboard-deadline-row:last-child{border-bottom:none;padding-bottom:0}.main-dashboard-date-box{width:54px;height:54px;border-radius:8px;background:#edf4ff;color:#005be8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900}.main-dashboard-date-box.red{background:#fff0f0;color:#ef4444}.main-dashboard-date-box.orange{background:#fff3df;color:#b56b00}.main-dashboard-date-box strong{font-size:18px;line-height:1}.main-dashboard-date-box span{font-size:11px;margin-top:4px}.main-dashboard-deadline-copy strong{display:block;font-size:13px;margin-bottom:4px;color:#0b1f3a}.main-dashboard-deadline-copy span{color:#64748b;font-size:12px;line-height:1.4}.main-dashboard-deadline-status{text-align:right;font-size:12px;font-weight:900;color:#f59e0b}.main-dashboard-deadline-status.red{color:#ef4444}.main-dashboard-simple-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e1e8f0;border-radius:8px;background:#fbfdff}.main-dashboard-simple-row strong{display:block;font-size:13px;color:#0b1f3a}.main-dashboard-simple-row span{display:block;margin-top:3px;color:#64748b;font-size:12px}.main-dashboard-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.main-dashboard-pill.blue{background:#edf4ff;color:#005be8}.main-dashboard-pill.green{background:#e9f8f0;color:#16a05d}.main-dashboard-pill.orange{background:#fff3df;color:#b56b00}.main-dashboard-pill.red{background:#fff0f0;color:#ef4444}.main-dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-dashboard-quick-card{min-height:86px;border:1px solid #e1e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-weight:900;color:#0b1f3a;transition:.2s;font-size:13px;text-align:center;text-decoration:none}.main-dashboard-quick-card:hover{border-color:#005be8;background:#f8fbff;transform:translateY(-2px)}.main-dashboard-quick-card span{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#005be8}.main-dashboard-quick-card svg{width:20px;height:20px}.main-dashboard-empty{padding:18px;border:1px dashed #c8d8ea;border-radius:8px;background:#fbfdff;color:#64748b;font-size:13px;font-weight:800;line-height:1.55}.main-dashboard-footer{display:flex;justify-content:space-between;color:#64748b;font-size:12px;font-weight:800}@media(max-width:1200px){.main-dashboard-hero,.main-dashboard-grid,.main-dashboard-grid.three{grid-template-columns:1fr}.main-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.main-dashboard-topline{flex-direction:column;align-items:stretch}.main-dashboard-actions{justify-content:stretch}.main-dashboard-search{width:100%}.main-dashboard-metrics,.main-dashboard-quick-grid{grid-template-columns:1fr}.main-dashboard-work-row,.main-dashboard-deadline-row{grid-template-columns:1fr}.main-dashboard-deadline-status{text-align:left}.main-dashboard-footer{flex-direction:column;gap:6px}}
        .main-dashboard-simple-row{color:inherit;text-decoration:none}
        .login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:
            radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 28%),
            radial-gradient(circle at bottom right,rgba(15,118,110,.10),transparent 24%),
            linear-gradient(90deg,#071c3a 0%,#082247 45%,#f7fafc 45%,#f8fbff 100%);
            position:relative;overflow:hidden}
        .login-wrap:before,.login-wrap:after{content:'';position:absolute;border-radius:999px;pointer-events:none}
        .login-wrap:before{width:520px;height:520px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,0) 72%)}
        .login-wrap:after{width:420px;height:420px;left:-140px;bottom:-180px;background:radial-gradient(circle,rgba(15,118,110,.10) 0%,rgba(15,118,110,0) 72%)}
        .login-shell{position:relative;z-index:1;width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.88fr);gap:0;align-items:stretch;border-radius:8px;overflow:hidden;box-shadow:0 24px 54px rgba(15,23,42,.18);background:#fff}
        .login-brand-panel{position:relative;background:
            linear-gradient(180deg,rgba(5,20,45,.86) 0%,rgba(6,25,57,.94) 55%,rgba(6,25,57,.98) 100%),
            linear-gradient(135deg,#0b1f45 0%,#0a234c 100%);
            color:#fff;padding:34px 34px 24px;display:flex;flex-direction:column;justify-content:space-between;min-height:680px;overflow:hidden}
        .login-brand-panel:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(148,163,184,.22) 1px, transparent 1px);background-size:18px 18px;opacity:.34;transform:translate(-35%, -18%)}
        .login-brand-panel:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-2%;height:46%;background:
            linear-gradient(180deg,rgba(15,118,110,0) 0%,rgba(2,6,23,.18) 100%),
            linear-gradient(135deg,rgba(30,64,175,.22),rgba(15,23,42,.82)),
            repeating-linear-gradient(90deg,rgba(148,163,184,.14) 0 2px,transparent 2px 104px),
            repeating-linear-gradient(0deg,rgba(148,163,184,.12) 0 2px,transparent 2px 84px);
            clip-path:polygon(0 100%,0 36%,18% 24%,36% 30%,58% 14%,81% 28%,100% 18%,100% 100%);
            border-top:1px solid rgba(148,163,184,.18)}
        .login-brand-copy,.login-brand-bottom{position:relative;z-index:1}
        .login-brand-mark{width:90px;height:90px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(2,6,23,.22), inset 0 0 0 1px rgba(255,255,255,.12)}
        .login-brand-mark:before{content:'\1F6E1';font-size:46px;line-height:1;filter:grayscale(1) brightness(2.8)}
        .login-brand-panel h1{margin:20px 0 0;font-size:42px;line-height:1.04;letter-spacing:0;color:#fff;font-weight:900}
        .login-brand-panel h1 span{display:block;margin-top:8px;font-size:15px;letter-spacing:4px;color:#61f08f;font-weight:800}
        .login-brand-panel p{margin:18px 0 0;max-width:460px;color:#dbe7f6;font-size:15px;line-height:1.6}
        .login-brand-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:#61f08f}
        .login-brand-divider:before,.login-brand-divider:after{content:'';height:1px;flex:1;background:rgba(148,163,184,.28)}
        .login-brand-divider strong{font-size:16px;line-height:1}
        .login-brand-highlight{font-size:16px;font-weight:900;color:#fff}
        .login-brand-sub{margin-top:8px;max-width:450px;color:#dbe7f6;font-size:14px;line-height:1.6}
        .login-assurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(148,163,184,.22);margin-top:24px;padding-top:16px}
        .login-assurance span{display:grid;gap:6px;justify-items:center;padding:0 8px;color:#fff;font-size:11px;font-weight:800;text-align:center;border-right:1px solid rgba(148,163,184,.22)}
        .login-assurance span:last-child{border-right:none}
        .login-assurance i{font-style:normal;font-size:22px;color:#61f08f}
        .login-brand-foot{margin-top:14px;color:#cbd5e1;font-size:12px;font-weight:700}
        .login-card{position:relative;background:linear-gradient(180deg,#ffffff 0%,#fdfefe 100%);padding:34px 40px 24px;display:flex;flex-direction:column;justify-content:center;min-height:680px}
        .login-card:before{content:'';position:absolute;inset:0;background:
            radial-gradient(circle at top right,rgba(37,99,235,.09),transparent 24%),
            radial-gradient(circle at bottom right,rgba(15,118,110,.08),transparent 22%);
            pointer-events:none}
        .login-card-head,.login-form,.login-help{position:relative;z-index:1}
        .login-card-head{max-width:500px;margin:0 auto;width:100%;text-align:center}
        .login-avatar{width:76px;height:76px;border-radius:999px;margin:0 auto 18px;background:linear-gradient(180deg,#f8fbff,#f1f5f9);border:1px solid #d7e0ef;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}
        .login-avatar:before{content:'\263A';font-size:34px;color:#2563eb;line-height:1}
        .login-kicker{display:none}
        .login-card h2{margin:0;color:#102a5c;font-size:32px;line-height:1.08;font-weight:900}
        .login-card p{margin:10px auto 0;color:#536b8f;font-size:15px;line-height:1.55;max-width:360px}
        .login-form{margin:26px auto 0;max-width:500px;width:100%}
        .login-field{margin-top:14px}
        .login-field label{margin-bottom:8px;color:#0f172a;font-size:13px;font-weight:800;text-transform:none}
        .login-input-wrap{position:relative}
        .login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#0f2852;pointer-events:none}
        .login-field input{height:50px;padding:0 16px 0 46px;border-color:#cdd9ea;background:#fff;border-radius:8px;font-size:16px;box-shadow:inset 0 1px 2px rgba(15,23,42,.03)}
        .login-field input::placeholder{color:#94a3b8}
        .login-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
        .login-submit{height:52px;margin-top:18px;border-radius:8px;border-color:#1d4ed8;background:linear-gradient(180deg,#2563eb,#1d4ed8);font-weight:900;font-size:20px;letter-spacing:0;box-shadow:0 12px 24px rgba(37,99,235,.18)}
        .login-submit:hover{background:linear-gradient(180deg,#1d4ed8,#1e40af)}
        .login-help{max-width:500px;width:100%;margin:16px auto 0;padding:14px 0 0;border:none;border-top:1px solid #d9e4f2;background:transparent;color:#64748b;font-size:13px;font-weight:700;line-height:1.5;text-align:center}
        .login-message{margin-top:16px}
        @media(max-width:1200px){.login-shell{grid-template-columns:1fr 440px}.login-brand-panel h1{font-size:36px}.login-card{padding:30px 30px 22px}}
        @media(max-width:1000px){.login-wrap{padding:14px;background:linear-gradient(180deg,#0a234c 0%,#082247 30%,#f8fbff 30%,#f8fbff 100%)}.login-shell{grid-template-columns:1fr;max-width:620px}.login-brand-panel{min-height:auto;padding:24px 22px}.login-brand-panel:after{display:none}.login-brand-panel h1{font-size:32px}.login-brand-panel p,.login-brand-sub{font-size:14px}.login-assurance{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-assurance span{border-right:none;padding:10px 8px;background:rgba(255,255,255,.06);border-radius:8px;border:1px solid rgba(148,163,184,.18)}.login-card{min-height:auto;padding:26px 22px 20px}.login-card h2{font-size:30px}.login-card p{font-size:15px}.login-avatar{width:72px;height:72px}}
        @media(max-width:560px){.login-wrap{padding:10px}.login-brand-panel,.login-card{padding:18px 16px}.login-brand-mark{width:76px;height:76px;border-radius:22px}.login-brand-mark:before{font-size:36px}.login-brand-panel h1{font-size:28px}.login-brand-panel h1 span{font-size:13px;letter-spacing:3px}.login-card h2{font-size:28px}.login-field input{height:48px;font-size:15px}.login-submit{height:50px;font-size:18px}.login-assurance{grid-template-columns:1fr}}
        .login-page{width:100%;min-height:100vh;display:flex}
        .login-left{width:44%;min-height:100vh;position:relative;background:linear-gradient(rgba(2,24,55,.88),rgba(1,18,43,.95)),linear-gradient(135deg,#0a2348 0%,#061a38 100%);color:#fff;overflow:hidden}
        .login-left:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:18px 18px;opacity:.35}
        .left-content{position:relative;z-index:2;width:72%;margin:0 auto;padding-top:88px;text-align:center}
        .logo-box{display:grid;justify-items:center;gap:18px}
        .login-logo-shell{display:flex;align-items:center;justify-content:center;padding:20px 24px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 38px rgba(0,0,0,.16);backdrop-filter:blur(6px)}
        .login-logo-image{display:block;width:min(340px,100%);height:auto;filter:drop-shadow(0 12px 22px rgba(3,8,20,.24))}
        .divider{width:180px;height:1px;background:rgba(255,255,255,.35);margin:24px auto;position:relative}
        .divider:after{content:'×';position:absolute;left:50%;top:-12px;transform:translateX(-50%);color:#4ee98a;background:#062047;padding:0 10px;font-size:18px}
        .left-content h3{font-size:18px;margin-bottom:14px}
        .left-content p{font-size:16px;line-height:1.7;color:#dbe7f7}
        .left-features{position:absolute;z-index:2;left:8%;right:8%;bottom:40px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
        .left-features div{border-right:1px solid rgba(255,255,255,.25);padding:0 10px}
        .left-features div:last-child{border-right:none}
        .left-features span{display:block;color:#35e87f;font-size:30px;margin-bottom:10px}
        .left-features p{font-size:12px;font-weight:800;line-height:1.35;color:#fff}
        .login-right{width:56%;min-height:100vh;position:relative;background:radial-gradient(circle at top right,rgba(0,89,255,.08),transparent 35%),#f6f9fd;display:flex;align-items:center;justify-content:center;padding:26px}
        .login-right:after{content:'';position:absolute;top:32px;right:32px;width:160px;height:160px;background-image:radial-gradient(#bdd0e9 1px,transparent 1px);background-size:13px 13px;opacity:.55}
        .login-panel-card{position:relative;z-index:2;width:min(520px,100%);padding:42px 42px 30px;background:rgba(255,255,255,.95);border:1px solid #e4ebf5;border-radius:24px;box-shadow:0 18px 45px rgba(16,44,84,.13)}
        .user-icon{width:86px;height:86px;margin:0 auto 20px;border-radius:50%;background:#f3f7fd;border:1px solid #d9e4f3;display:flex;align-items:center;justify-content:center;font-size:38px;color:#005be8}
        .login-panel-card h2{text-align:center;font-size:30px;margin-bottom:10px;color:#0b1f3a}
        .login-desc{text-align:center;color:#52657d;font-size:16px;line-height:1.5;margin-bottom:28px}
        .login-form label{display:block;font-size:14px;font-weight:700;color:#0b1f3a;margin-bottom:9px;text-transform:none}
        .input-group{height:56px;display:flex;align-items:center;border:1px solid #cfd9e7;border-radius:8px;padding:0 14px;margin-bottom:22px;background:#fff;transition:all .2s ease}
        .input-group:focus-within{border-color:#005be8;box-shadow:0 0 0 4px rgba(0,91,232,.08)}
        .input-group span{font-size:18px;margin-right:12px;color:#24405f;flex:0 0 auto}
        .input-group input{flex:1;border:none;outline:none;font-size:16px;color:#0b1f3a;background:transparent;padding:0;min-height:auto}
        .input-group input::placeholder{color:#93a3b7}
        .eye-btn{border:none;background:transparent;cursor:pointer;font-size:18px;color:#58708d;padding:0 0 0 12px}
        .login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
        .remember{display:flex !important;align-items:center;gap:9px;margin:0 !important;color:#0b1f3a;font-size:14px;font-weight:600}
        .remember input{width:18px;height:18px;accent-color:#005be8}
        .login-options a{color:#005be8;font-weight:600;text-decoration:none;font-size:14px}
        .login-options a:hover{text-decoration:underline}
        .login-btn{width:100%;height:58px;border:none;border-radius:8px;background:linear-gradient(135deg,#005be8,#0046c7);color:#fff;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 12px 22px rgba(0,91,232,.25);transition:all .2s ease}
        .login-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(0,91,232,.32)}
        .secure-line{display:flex;align-items:center;gap:16px;margin:28px 0 14px}
        .secure-line span{flex:1;height:1px;background:#d7e0ec}
        .secure-line b{color:#25c46b;font-size:20px}
        .secure-text{text-align:center;color:#52657d;font-size:14px}
        .login-footer{position:absolute;z-index:2;bottom:24px;left:58px;right:58px;display:flex;justify-content:space-between;gap:12px;color:#6d7f97;font-size:13px}
        .login-message{margin-top:14px}
        @media(max-width:1100px){.login-left{display:none}.login-right{width:100%;padding:22px}.login-footer{left:22px;right:22px}.login-panel-card{max-width:520px}}
        @media(max-width:600px){.login-right{padding:14px}.login-panel-card{padding:30px 22px 24px;border-radius:18px}.login-panel-card h2{font-size:26px}.login-options{align-items:flex-start;flex-direction:column;gap:12px}.login-footer{display:none}}
        body.login-body{margin:0;padding:0;min-height:100vh;font-family:"Inter","Segoe UI",Arial,sans-serif;color:#ffffff;overflow:hidden;background:#14243d}
        body.login-body .login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(88,116,158,.45),transparent 35%),radial-gradient(circle at 50% 45%,rgba(0,112,255,.16),transparent 32%),linear-gradient(135deg,#26364f 0%,#14243d 38%,#08172b 100%);color:#ffffff}
        body.login-body .login-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05),transparent 25%),radial-gradient(circle at 80% 70%,rgba(0,130,255,.08),transparent 30%);pointer-events:none}
        body.login-body .login-wrapper{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px}
        body.login-body .login-brand{display:flex;justify-content:center;align-items:center;margin-bottom:24px}
        body.login-body .login-logo{width:330px;max-width:86%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
        body.login-body .login-card{width:560px;max-width:92vw;padding:38px 48px 42px;border-radius:26px;background:linear-gradient(160deg,rgba(25,43,70,.78),rgba(8,22,43,.88));border:1px solid rgba(90,155,235,.55);box-shadow:0 28px 75px rgba(0,0,0,.38),0 0 22px rgba(0,125,255,.14),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px);display:block}
        body.login-body .login-card::before{display:none}
        body.login-body .login-user-icon{width:74px;height:74px;margin:0 auto 22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#1f9cff;border:1px solid rgba(0,132,255,.55);background:rgba(0,74,155,.12);box-shadow:0 0 22px rgba(0,132,255,.15)}
        body.login-body .login-card h1{margin:0;text-align:center;font-size:30px;font-weight:800;color:#ffffff;line-height:1.2}
        body.login-body .login-desc{display:block;width:100%;margin:14px auto 26px;text-align:center!important;font-size:15px;line-height:1.6;color:rgba(230,240,255,.78)}
        body.login-body .form-group{margin-bottom:22px}
        body.login-body .form-group label{display:block;margin-bottom:9px;font-size:14px;font-weight:700;color:#ffffff;text-transform:none;letter-spacing:0}
        body.login-body .input-wrap{height:58px;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(170,195,230,.32);transition:.25s ease}
        body.login-body .input-wrap:focus-within{border-color:#1b91ff;box-shadow:0 0 0 3px rgba(27,145,255,.14)}
        body.login-body .input-wrap i{font-size:18px;color:rgba(230,240,255,.82)}
        body.login-body .input-wrap input{width:100%;height:100%;min-height:0;border:none;outline:none;background:transparent;color:#ffffff;font-size:15px;padding:0;box-shadow:none;border-radius:8px;caret-color:#ffffff}
        body.login-body .input-wrap input::placeholder{color:rgba(225,235,250,.60)}
        body.login-body .input-wrap input:-webkit-autofill,
        body.login-body .input-wrap input:-webkit-autofill:hover,
        body.login-body .input-wrap input:-webkit-autofill:focus,
        body.login-body .input-wrap input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #172d4d inset!important;box-shadow:0 0 0 1000px #172d4d inset!important;transition:background-color 9999s ease-out 0s!important}
        body.login-body input[type="password"]::-ms-reveal,
        body.login-body input[type="password"]::-ms-clear{display:none}
        body.login-body .form-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:6px 0 28px}
        body.login-body .remember-row{display:inline-flex!important;align-items:center;gap:10px;margin:0!important;color:#ffffff;font-size:15px;font-weight:700;text-transform:none;cursor:pointer;user-select:none}
        body.login-body .remember-row input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
        body.login-body .remember-switch{position:relative;width:46px;height:24px;flex:0 0 46px;border-radius:999px;background:rgba(210,225,245,.26);border:1px solid rgba(184,210,244,.42);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
        body.login-body .remember-switch::after{content:"OFF";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:950;letter-spacing:.3px;color:rgba(226,238,255,.70)}
        body.login-body .remember-switch-knob{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.24);transition:transform .2s ease}
        body.login-body .remember-row input:checked + .remember-switch{background:linear-gradient(135deg,#15a4ff,#005be8);border-color:rgba(67,179,255,.96);box-shadow:0 0 0 3px rgba(27,145,255,.12),inset 0 1px 0 rgba(255,255,255,.16)}
        body.login-body .remember-row input:checked + .remember-switch::after{content:"ON";left:7px;right:auto;color:#ffffff}
        body.login-body .remember-row input:checked + .remember-switch .remember-switch-knob{transform:translateX(22px)}
        body.login-body .remember-row input:focus-visible + .remember-switch{outline:2px solid rgba(83,185,255,.82);outline-offset:3px}
        body.login-body .remember-label-text{color:rgba(238,246,255,.86);line-height:1}
        body.login-body .forgot-link{font-size:15px;font-weight:600;color:#1b9cff;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
        body.login-body .login-btn{width:100%;height:66px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:900;letter-spacing:.3px;color:#ffffff;background:linear-gradient(135deg,#139cff 0%,#004ce5 100%);box-shadow:0 16px 34px rgba(0,98,255,.35);transition:.25s ease}
        body.login-body .login-btn:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(0,98,255,.45)}
        body.login-body .login-btn:disabled{cursor:not-allowed;opacity:.68;transform:none;box-shadow:none}
        body.login-body .login-footer{position:static;left:auto;right:auto;bottom:auto;z-index:auto;display:block;margin-top:24px;font-size:14px;color:rgba(230,240,255,.62);text-align:center}
        body.login-body .login-alert{margin:-12px 0 22px;padding:12px 15px;border-radius:10px;background:rgba(255,70,70,.12);border:1px solid rgba(255,90,90,.32);color:#ffd6d6;font-size:14px;text-align:center}
        body.login-body .login-alert.success{background:rgba(34,197,94,.13);border-color:rgba(74,222,128,.32);color:#dcfce7}
        body.login-body .login-card[hidden]{display:none!important}
        body.login-body .login-forgot-card{margin-top:0}
        @media(max-height:850px) and (min-width:641px){body.login-body .login-wrapper{transform:scale(.74);transform-origin:center center}body.login-body .login-footer{position:static;margin-top:18px}}
        @media(max-height:740px) and (min-width:641px){body.login-body .login-wrapper{transform:scale(.70)}}
        @media screen and (min-width:1001px){
            :root{--app-ui-scale:.8}
            body.login-body>.login-page{
                width:100%;
                min-height:100vh;
                align-items:flex-start;
            }
            body.login-body .login-wrapper{
                width:100%;
                min-height:100vh;
                transform:scale(var(--app-ui-scale));
                transform-origin:top center;
                justify-content:flex-start;
                padding-top:24px;
                padding-bottom:16px;
            }
            body.login-body .login-brand{margin-bottom:12px}
            body.login-body .login-logo{width:270px}
            body.login-body .login-card{padding:28px 44px 30px}
            body.login-body .login-user-icon{width:58px;height:58px;margin-bottom:12px;font-size:26px}
            body.login-body .login-card h1{font-size:28px}
            body.login-body .login-desc{margin:8px auto 16px;line-height:1.5}
            body.login-body .form-group{margin-bottom:13px}
            body.login-body .input-wrap{height:50px}
            body.login-body .form-options{margin:0 0 18px}
            body.login-body .login-btn{height:56px;font-size:19px}
            body.login-body .login-footer{margin-top:6px}
        }
        @media(max-width:640px){body.login-body{overflow:auto}body.login-body .login-page{overflow:auto}body.login-body .login-logo{width:230px}body.login-body .login-card{width:92vw;padding:32px 24px 36px;border-radius:22px}body.login-body .login-card h1{font-size:26px}body.login-body .form-options{align-items:flex-start;flex-direction:column}body.login-body .login-footer{margin-top:22px}}
        body.login-body{background:#0c1f38;overflow:auto}
        body.login-body .login-page{min-height:100vh;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(circle at 50% -18%,rgba(94,139,205,.34),transparent 34%),radial-gradient(circle at 18% 22%,rgba(255,255,255,.045),transparent 26%),linear-gradient(135deg,#263a58 0%,#142641 42%,#08172b 100%)}
        body.login-body .login-page::before{background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 32%,rgba(0,132,255,.07) 68%,transparent 100%);opacity:.7}
        body.login-body .login-wrapper{width:min(460px,94vw);min-height:auto;padding:0;gap:14px;transform:none!important;transition:opacity .42s ease,filter .42s ease,transform .42s ease}
        body.login-body.senkra-login-submitting .login-wrapper{opacity:0;filter:blur(6px);transform:scale(.985)!important;pointer-events:none}
        body.login-body .login-brand{margin:0}
        body.login-body .login-logo{width:218px;max-width:72vw;filter:drop-shadow(0 10px 18px rgba(0,0,0,.30))}
        body.login-body .login-card{width:100%;max-width:100%;min-height:0;padding:24px 34px 28px;border-radius:18px;background:linear-gradient(180deg,rgba(20,39,66,.88),rgba(9,24,45,.94));border:1px solid rgba(95,157,230,.36);box-shadow:0 22px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
        body.login-body .login-user-icon{width:48px;height:48px;margin:0 auto 14px;font-size:22px;color:#39a9ff;border-color:rgba(48,157,255,.48);background:rgba(18,117,220,.10);box-shadow:0 0 18px rgba(0,132,255,.12)}
        body.login-body .login-card h1{font-size:25px;font-weight:900;letter-spacing:0}
        body.login-body .login-desc{margin:8px auto 18px;font-size:13px;line-height:1.5;color:rgba(226,238,255,.74)}
        body.login-body .form-group{margin-bottom:14px}
        body.login-body .form-group label{margin-bottom:7px;font-size:12px;font-weight:850;color:rgba(245,250,255,.92)}
        body.login-body .input-wrap{height:48px;padding:0 14px;gap:12px;border-radius:10px;background:rgba(255,255,255,.055);border-color:rgba(174,202,238,.27)}
        body.login-body .input-wrap i{font-size:16px;color:rgba(225,237,255,.76)}
        body.login-body .input-wrap input{font-size:14px;font-weight:750}
        body.login-body .form-options{margin:2px 0 18px;align-items:center}
        body.login-body .remember-row{gap:8px;font-size:12.5px;font-weight:850}
        body.login-body .remember-switch{width:40px;height:22px;flex-basis:40px}
        body.login-body .remember-switch::after{font-size:7px;right:5px}
        body.login-body .remember-switch-knob{width:16px;height:16px}
        body.login-body .remember-row input:checked + .remember-switch .remember-switch-knob{transform:translateX(18px)}
        body.login-body .forgot-link{font-size:12.5px;font-weight:850;color:#38a7ff}
        body.login-body .login-btn{height:52px;border-radius:10px;font-size:17px;letter-spacing:.15px;box-shadow:0 14px 28px rgba(0,98,255,.28)}
        body.login-body .login-footer{margin-top:0;font-size:12px;color:rgba(226,238,255,.52)}
        body.login-body .login-alert{margin:-4px 0 14px;padding:10px 12px;border-radius:9px;font-size:12.5px}
        body.login-body .login-intro{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(57,169,255,.12),transparent 34%),linear-gradient(135deg,#162640 0%,#0c1c34 48%,#081527 100%);color:#fff;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease,visibility .32s ease;animation:senkraLoginIntroLimit 4s cubic-bezier(.22,1,.36,1) forwards}
        body.login-body .login-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.045) 43%,rgba(118,190,255,.09) 50%,transparent 58%);opacity:.75;pointer-events:none}
        body.login-body .login-intro-card{position:relative;display:grid;place-items:center;min-width:min(390px,74vw);padding:18px 38px 17px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(190,213,244,.24);box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.13);overflow:hidden}
        body.login-body .login-intro-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-75%);animation:senkraLoginIntroSheen 4s ease forwards;pointer-events:none}
        body.login-body .login-intro-logo{position:relative;z-index:1;width:min(300px,58vw);height:auto;display:block;filter:drop-shadow(0 9px 18px rgba(0,0,0,.26))}
        body.login-body .login-intro.is-done{opacity:0;visibility:hidden;pointer-events:none;animation:none!important}
        body.login-body .login-intro.is-submit{opacity:1;visibility:visible;pointer-events:auto;animation:none;z-index:100150}
        body.login-body .login-intro.is-submit .login-intro-card:before{animation:senkraLoginSubmitIntroSheen 1.5s ease forwards}
        html.senkra-admin-intro-active,
        html:has(body.senkra-admin-intro-active){height:100%!important;max-height:100%!important;overflow:hidden!important;background:#081527;overscroll-behavior:none}
        body.senkra-admin-intro-active{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;background:#081527;overscroll-behavior:none}
        body.senkra-admin-intro-active .admin-layout,
        body.senkra-admin-intro-active .app-shell{opacity:1;visibility:visible}
        body.senkra-admin-intro-active .admin-layout .content-area,
        body.senkra-admin-intro-active .app-shell .content-area{opacity:0;visibility:hidden}
        body.senkra-admin-intro-reveal .admin-layout,
        body.senkra-admin-intro-reveal .app-shell{animation:none}
        body.senkra-admin-intro-reveal .admin-layout .content-area,
        body.senkra-admin-intro-reveal .app-shell .content-area{animation:senkraAdminShellReveal .46s ease both}
        .senkra-admin-intro{position:fixed;inset:0;z-index:100200;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(57,169,255,.12),transparent 34%),linear-gradient(135deg,#162640 0%,#0c1c34 48%,#081527 100%);color:#fff;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease,visibility .32s ease}
        .senkra-admin-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.045) 43%,rgba(118,190,255,.09) 50%,transparent 58%);opacity:.75;pointer-events:none}
        html:has(body > .senkra-admin-intro[data-strip-param="1"]),
        html:has(body > #senkraRouteIntroNavigate),
        html:has(body > #senkraAdminIntroNavigate){background:transparent!important}
        body.senkra-admin-intro-active:has(> .senkra-admin-intro[data-strip-param="1"]),
        body.senkra-admin-intro-active:has(> #senkraRouteIntroNavigate),
        body.senkra-admin-intro-active:has(> #senkraAdminIntroNavigate){background:transparent!important}
        body.senkra-admin-intro-active:has(> .senkra-admin-intro[data-strip-param="1"]) .admin-layout .content-area,
        body.senkra-admin-intro-active:has(> .senkra-admin-intro[data-strip-param="1"]) .app-shell .content-area,
        body.senkra-admin-intro-active:has(> #senkraRouteIntroNavigate) .admin-layout .content-area,
        body.senkra-admin-intro-active:has(> #senkraRouteIntroNavigate) .app-shell .content-area,
        body.senkra-admin-intro-active:has(> #senkraAdminIntroNavigate) .admin-layout .content-area,
        body.senkra-admin-intro-active:has(> #senkraAdminIntroNavigate) .app-shell .content-area{opacity:1!important;visibility:visible!important}
        .senkra-admin-intro[data-strip-param="1"],
        #senkraRouteIntroNavigate,
        #senkraAdminIntroNavigate{background:rgba(8,21,39,.03)!important;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08)}
        .senkra-admin-intro[data-strip-param="1"]:before,
        #senkraRouteIntroNavigate:before,
        #senkraAdminIntroNavigate:before{background:rgba(255,255,255,.04);opacity:.32}
        .senkra-admin-intro-card{position:relative;display:grid;place-items:center;min-width:min(390px,74vw);padding:18px 38px 17px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(190,213,244,.24);box-shadow:0 18px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.13);overflow:hidden;text-align:center}
        .senkra-admin-intro-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-75%);animation:senkraAdminIntroSheen 1.5s ease forwards;pointer-events:none}
        .senkra-admin-intro-logo{position:relative;z-index:1;width:min(300px,58vw);height:auto;display:block;filter:drop-shadow(0 9px 18px rgba(0,0,0,.26))}
        .senkra-admin-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}
        body.senkra-admin-logout-active .admin-layout,
        body.senkra-admin-logout-active .app-shell{animation:senkraAdminShellExit .46s ease both;pointer-events:none}
        .senkra-admin-logout-intro{opacity:0;animation:senkraLogoutIntroIn .46s ease forwards}
        .senkra-admin-logout-intro .senkra-admin-intro-card{min-width:min(360px,72vw);padding:16px 34px 15px}
        .senkra-admin-logout-intro .senkra-admin-intro-logo{width:min(270px,56vw)}
        @keyframes senkraLoginIntroLimit{0%,88%{opacity:1;visibility:visible;pointer-events:auto}100%{opacity:0;visibility:hidden;pointer-events:none}}
        @keyframes senkraLoginIntroSheen{0%{transform:translateX(-75%)}54%{transform:translateX(88%)}100%{transform:translateX(88%)}}
        @keyframes senkraLoginSubmitIntroSheen{0%{transform:translateX(-75%)}54%,100%{transform:translateX(88%)}}
        @keyframes senkraAdminIntroSheen{0%{transform:translateX(-75%)}54%,100%{transform:translateX(88%)}}
        @keyframes senkraAdminShellReveal{0%{opacity:0;filter:blur(8px)}100%{opacity:1;filter:blur(0)}}
        @keyframes senkraAdminShellExit{0%{opacity:1;filter:blur(0);transform:scale(1)}100%{opacity:0;filter:blur(8px);transform:scale(.992)}}
        @keyframes senkraLogoutIntroIn{0%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:scale(1)}}
        @media screen and (min-width:1001px){body.login-body>.login-page{align-items:center}body.login-body .login-wrapper{justify-content:center;padding:0;transform:none!important}body.login-body .login-brand{margin:0}body.login-body .login-logo{width:218px}body.login-body .login-card{padding:24px 34px 28px}body.login-body .login-user-icon{width:48px;height:48px;margin-bottom:14px;font-size:22px}body.login-body .login-card h1{font-size:25px}body.login-body .login-desc{margin:8px auto 18px}body.login-body .form-group{margin-bottom:14px}body.login-body .input-wrap{height:48px}body.login-body .form-options{margin:2px 0 18px}body.login-body .login-btn{height:52px;font-size:17px}body.login-body .login-footer{margin-top:0}}
        @media(max-width:640px){body.login-body .login-page{padding:22px 12px}body.login-body .login-wrapper{width:min(420px,94vw)}body.login-body .login-logo{width:190px}body.login-body .login-card{padding:24px 22px 26px;border-radius:16px}body.login-body .form-options{align-items:flex-start;gap:10px}body.login-body .login-btn{height:50px}body.login-body .login-intro-card,.senkra-admin-intro-card{min-width:min(330px,86vw);padding:16px 26px 15px}body.login-body .login-intro-logo,.senkra-admin-intro-logo{width:min(255px,64vw)}}
        .training-dashboard{display:grid;gap:18px;min-width:0}.training-hero{position:relative;overflow:hidden;border:1px solid #d7dee8;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f7fafc 58%,#eef7f5 100%);box-shadow:0 16px 36px rgba(15,23,42,.10);padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}.training-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#0f766e}.training-hero-main,.training-hero-side{position:relative;z-index:1}.training-kicker{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0}.training-hero h2{margin:14px 0 0;font-size:32px;line-height:1.12;color:#0f172a;letter-spacing:0}.training-hero p{margin:10px 0 0;color:#475569;font-size:15px;line-height:1.6;max-width:760px}.training-hero-side{background:#0f172a;color:#fff;border-radius:8px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.training-side-label{font-size:11px;text-transform:uppercase;font-weight:900;color:#9ccbc4}.training-side-value{margin-top:8px;font-size:25px;font-weight:900;line-height:1}.training-side-note{margin-top:7px;color:#cbd5e1;font-size:13px;font-weight:800;line-height:1.45}.training-hero-side .btn-small{margin-top:18px;width:100%;min-height:42px}
        .training-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.training-metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.07);min-height:126px}.training-metric-card:before{content:'';position:absolute;right:-30px;top:-32px;width:92px;height:92px;border-radius:50%;background:#e7f5f2;border:18px solid #f4faf8}.training-metric-label{position:relative;z-index:1;font-size:12px;font-weight:900;text-transform:uppercase;color:#64748b}.training-metric-value{position:relative;z-index:1;margin-top:12px;font-size:32px;font-weight:900;line-height:1;color:#0f172a}.training-metric-foot{position:relative;z-index:1;margin-top:10px;color:#64748b;font-size:12px;font-weight:800}.training-command-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.training-command-copy strong{display:block;color:#0f172a;font-size:15px}.training-command-copy span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800}.training-search-note{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:900}
        .training-list-card{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:20px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.training-list-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.training-list-head h3{margin:0;font-size:20px;color:#0f172a}.training-list-head p{margin:5px 0 0;color:#64748b;font-size:13px}.training-table th:first-child,.training-table td:first-child{min-width:150px}.training-table tbody td{padding-top:10px;padding-bottom:10px}.training-code{display:inline-flex;padding:7px 10px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:12px;font-weight:900}.training-topic-cell{display:flex!important;flex-direction:row;align-items:center;gap:8px;min-width:0;white-space:nowrap}.training-topic-cell strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-topic-badge{display:inline-flex!important;align-items:center;flex:0 0 auto;width:max-content;max-width:150px;min-height:22px;padding:4px 8px;border-radius:999px;background:#eef8f6;border:1px solid #b9ded8;color:#0f5f59!important;font-size:11px!important;font-weight:900!important;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-doc-stack{display:flex;flex-wrap:wrap;gap:6px}.training-doc-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:900}.training-row-actions{display:flex;gap:6px;flex-wrap:wrap}.training-empty-row{padding:24px;text-align:center;color:#64748b;font-weight:800}.training-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.training-subnav .filter-chip{text-decoration:none}.status-badge.status-warn{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.training-person-copy{display:grid;gap:4px}.training-person-copy strong{font-size:14px;color:#0f172a}.training-person-copy span{font-size:12px;color:#64748b;line-height:1.45}.training-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.training-kpi-card{padding:14px 16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.training-kpi-card strong{display:block;font-size:22px;color:#0f172a}.training-kpi-card span{display:block;margin-top:6px;font-size:12px;color:#64748b}
        .training-form-card,.training-preview-card{position:relative;overflow:visible;background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 16px 36px rgba(15,23,42,.09);padding:0}.training-form-head,.training-preview-head{position:sticky;top:12px;z-index:18;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 8px 18px rgba(15,23,42,.06)}.training-form-head h3,.training-preview-head h3{margin:8px 0 0;font-size:24px;color:#0f172a}.training-form-head p,.training-preview-head p{margin:5px 0 0;color:#64748b;font-size:13px}.training-form-actions{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.training-form-actions a,.training-form-actions button{white-space:nowrap}.training-form-body,.training-preview-body{padding:20px}.training-form-layout{display:grid;gap:16px}.training-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.training-middle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.training-middle-grid>.training-form-section{display:flex;flex-direction:column;height:100%}.training-middle-grid>.training-form-section>.field{display:flex;flex-direction:column;flex:1}.training-basic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.training-basic-grid>.field{margin-top:0;display:grid;grid-template-rows:18px 44px;row-gap:6px;min-width:0;align-self:stretch}.training-basic-grid>.field.full-span{grid-column:1 / -1;grid-template-rows:18px auto}.training-basic-grid>.field>label{display:block;min-height:18px;margin:0;line-height:18px}.training-basic-grid>.field input:not([type=radio]):not([type=checkbox]),.training-basic-grid>.field select,.training-basic-grid>.field .training-duration-row{width:100%;height:44px;min-height:44px;max-height:44px;box-sizing:border-box;align-self:stretch;margin:0}.training-basic-grid>.field input[type=date]{appearance:none;-webkit-appearance:none}.training-duration-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.training-duration-unit{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0}.training-duration-unit label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:800;color:#334155;min-height:auto}.training-duration-unit input[type=radio]{width:16px;height:16px;margin:0}.training-form-section{background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:16px;box-shadow:0 6px 16px rgba(15,23,42,.05);min-width:0}.training-form-section.full{grid-column:1 / -1}.training-form-section .field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-top:12px}.training-form-section .field:first-of-type{margin-top:0}.training-section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.training-section-title h4{margin:4px 0 0;font-size:17px;color:#0f172a}.training-section-title span{display:inline-flex;color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.training-topic-box{border:1px solid #dbe4ee;border-radius:8px;padding:12px;background:#fff;overflow:auto;flex:1;min-height:392px;max-height:392px;overscroll-behavior:contain}.training-topic-box .permission-item{border-radius:8px;background:#fff}.training-participant-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;flex:1;min-height:392px}.training-participant-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;min-width:0;display:flex;flex-direction:column}.training-participant-panel h5{margin:0 0 10px;color:#0f172a;font-size:14px}.training-participant-panel input{background:#fff}.training-participant-select{width:100%;margin-top:8px;background:#fff;flex:1;min-height:0;height:auto}.training-transfer-actions{display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:center}.training-transfer-btn{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:40px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.06)}.training-transfer-btn:hover{background:#f8fafc;border-color:#94a3b8}.training-form-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.training-documents-list{display:grid;gap:12px}.training-document-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;overflow:hidden}.training-document-copy{display:grid;gap:4px;min-width:0}.training-document-copy strong{font-size:14px;color:#0f172a}.training-document-copy span{font-size:12px;line-height:1.5;color:#64748b}.training-document-action{display:grid;justify-items:end;gap:6px;min-width:160px}.training-document-file{font-size:12px;color:#475569;word-break:break-word;text-align:right}.training-document-item .upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.training-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.training-preview-stat{display:grid;gap:6px;padding:14px 16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.training-preview-label{font-size:11px;font-weight:900;text-transform:uppercase;color:#0f766e}.training-preview-value{font-size:15px;font-weight:900;color:#0f172a;line-height:1.45;word-break:break-word}.training-preview-notes{margin-top:16px;padding:16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;color:#334155;line-height:1.7}.training-preview-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.training-preview-list li{display:grid;gap:4px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.training-preview-list strong{font-size:14px;color:#0f172a}.training-preview-list span{font-size:12px;color:#64748b;line-height:1.5}.training-preview-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;font-weight:800;font-size:13px}
          @media(max-width:1200px){.training-hero{grid-template-columns:1fr}.training-command-panel{grid-template-columns:1fr}.training-form-grid,.training-metric-grid,.training-middle-grid,.training-basic-grid,.training-kpi-strip{grid-template-columns:1fr}.training-participant-grid{grid-template-columns:1fr}.training-transfer-actions{flex-direction:row;justify-content:center}.training-form-head{position:relative;top:auto;align-items:flex-start;flex-direction:column}.training-form-actions{width:100%}.training-document-item{grid-template-columns:1fr}.training-document-action{justify-items:start;text-align:left}}
        @media(max-width:640px){.training-hero{padding:20px}.training-hero h2{font-size:26px}.training-form-body,.training-preview-body{padding:14px}.training-list-card{padding:16px}.training-metric-value{font-size:28px}}
        .training-definition-page{width:100%;max-width:1480px;margin:0 auto;padding:0 24px 18px;box-sizing:border-box;overflow-x:hidden}.training-definition-page *{box-sizing:border-box}.training-definition-card{width:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border-color:#d6e1ec;border-radius:8px;box-shadow:0 12px 28px rgba(15,23,42,.075)}.training-definition-card>.training-form-head{position:relative;top:auto;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;background:#fff;padding:16px 22px;border-bottom:1px solid #e5edf5;box-shadow:none}.training-definition-card .training-definition-actions{display:none!important}.training-definition-card .training-form{display:flex;flex-direction:column;min-height:0;overflow:visible}.training-definition-card .training-form-body{overflow:visible;min-height:0;padding:18px 22px 22px;background:#f7fafc}.training-definition-card .training-form-layout{gap:14px}.training-definition-card .training-form-section{border-color:#d8e3ef;box-shadow:none;padding:14px 16px;background:#fff}.training-definition-card .training-form-section .field{border-color:#e1e8f0;background:#f9fbfd;padding:10px 12px}.training-definition-card .training-section-title{margin-bottom:12px;padding-bottom:10px}.training-definition-card .training-section-title h4{font-size:16px}.training-definition-card .training-form-head h3{font-size:0!important;line-height:1!important;margin:8px 0 0!important}.training-definition-card .training-form-head h3:after{content:'Eğitim Tanımlama';display:block;font-size:23px;line-height:1.18;color:#0f172a;font-weight:900}.training-definition-card .training-form-head p{max-width:760px}.training-definition-card .training-basic-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px 14px}.training-definition-card .training-basic-grid>.field{grid-template-rows:17px 42px}.training-definition-card .training-basic-grid>.field input:not([type=radio]):not([type=checkbox]),.training-definition-card .training-basic-grid>.field select,.training-definition-card .training-basic-grid>.field .training-duration-row{height:42px;min-height:42px;max-height:42px}.training-definition-card .training-middle-grid{gap:14px}.training-definition-card .training-topic-box{min-height:clamp(240px,30vh,390px);max-height:clamp(300px,36vh,460px);border-color:#d8e3ef}.training-definition-card .training-form-footer{margin-top:14px;padding-top:14px}.training-definition-card .training-form-footer .btn-secondary,.training-definition-card .training-form-footer .btn-small{min-height:38px}@media(max-width:1400px){.training-definition-page{max-width:1280px;padding-left:20px;padding-right:20px}.training-definition-card .training-basic-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:1200px){.training-definition-page{max-width:100%;padding-left:16px;padding-right:16px}.training-definition-card>.training-form-head{grid-template-columns:1fr}.training-definition-card .training-form-body{padding:16px}.training-definition-card .training-basic-grid{grid-template-columns:1fr}.training-definition-card .training-middle-grid{grid-template-columns:1fr}}@media(max-width:640px){.training-definition-page{padding:0 10px 12px}.training-definition-card{border-radius:8px}.training-definition-card .training-form-head h3:after{font-size:21px}.training-definition-card .training-form-body{padding:12px}.training-definition-card .training-form-section{padding:12px}}
        .training-filter-form{scroll-margin-top:16px;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.training-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.training-filter-grid .field{margin-top:0}.training-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.training-code-stack{display:grid;gap:7px}.training-code-meta{display:flex;gap:6px;flex-wrap:wrap}.training-code-meta span{display:inline-flex;padding:5px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:900}@media(max-width:1200px){.training-filter-grid{grid-template-columns:1fr 1fr}.training-filter-actions{grid-column:1 / -1}}@media(max-width:640px){.training-filter-grid{grid-template-columns:1fr}}
        .training-topic-tools{display:grid;gap:10px;margin-bottom:12px}.training-topic-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px}.training-topic-filter-grid .field{margin-top:0}.training-topic-item{margin-top:8px}.training-topic-item:first-child{margin-top:0}.training-topic-item span{display:block}.training-topic-item-with-duration{display:grid!important;grid-template-columns:18px minmax(0,1fr) 142px 32px;gap:10px;align-items:center}.training-topic-duration-mini{display:grid!important;grid-template-columns:minmax(54px,1fr) 54px;gap:6px;align-items:center}.training-topic-duration-mini input,.training-topic-duration-mini select{min-height:32px!important;height:32px!important;padding:5px 7px!important;font-size:11px!important;border-radius:7px}.training-topic-item-with-duration .mini-btn{width:30px;height:30px;min-width:30px;padding:0}.training-topic-item-with-duration .mini-btn svg{width:14px;height:14px}.training-topic-item.is-topic-removed{display:none!important}.training-selected-topic-list{display:grid;gap:6px}.training-selected-topic-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 64px 34px;gap:8px;align-items:center;min-height:42px;padding:6px 8px;border:1px solid #dbe6f2;border-radius:8px;background:#fff}.training-selected-topic-title{min-width:0;color:#0f172a;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-selected-topic-row input,.training-selected-topic-row select{height:32px!important;min-height:32px!important;padding:5px 8px!important;font-size:12px!important;border-radius:7px!important}.training-selected-topic-row .mini-btn{width:30px;height:30px;min-width:30px;padding:0}.training-selected-topic-empty{margin-top:0!important;padding:10px 12px!important}.training-selected-question-card-list{display:grid;gap:7px;margin-top:10px}.training-selected-question-card{display:grid;grid-template-columns:minmax(0,1fr) 88px 32px;gap:8px;align-items:center;min-height:44px;padding:7px 8px;border:1px solid #dbe6f2;border-radius:8px;background:#fff}.training-selected-question-copy{display:grid;gap:3px;min-width:0}.training-selected-question-copy strong{font-size:12px;line-height:1.25;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-selected-question-copy small{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-selected-question-card input{height:32px!important;min-height:32px!important;padding:5px 8px!important;font-size:12px!important;border-radius:7px!important}.training-selected-question-card .mini-btn{width:30px;height:30px;min-width:30px;padding:0}.training-topic-picker-box{width:min(980px,94vw)}.training-topic-picker-box .training-topic-box{min-height:min(520px,55vh);max-height:min(520px,55vh)}.training-document-body{padding-top:0}.training-document-shell{display:grid;gap:16px}.training-document-form{display:grid;gap:16px}.training-document-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800}.training-inline-note{padding:14px 16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-size:13px;line-height:1.6}.training-document-submit{display:flex;justify-content:flex-end}.training-upload-modal{position:fixed;inset:0;background:rgba(17,24,39,.62);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.training-upload-box{width:min(980px,95vw);max-height:92vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}.training-upload-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.training-upload-head h4{margin:0;font-size:16px;color:#0f172a}.training-upload-close{border:none;background:#e5e7eb;color:#111827;border-radius:8px;padding:8px 12px;font-weight:900;cursor:pointer}.training-upload-body{padding:20px;overflow:auto;background:#fff}.training-upload-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.training-upload-toolbar .field{margin-top:0}.training-uploaded-list{display:grid;gap:10px}.training-uploaded-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.training-uploaded-copy{display:grid;gap:6px;min-width:0}.training-uploaded-copy strong{font-size:13px;color:#0f172a;word-break:break-word}.training-uploaded-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:#64748b}.training-uploaded-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-weight:900}.training-uploaded-actions{display:flex;gap:8px;flex-wrap:wrap}.training-uploaded-actions .btn-secondary{min-height:38px;padding:9px 12px}.training-question-option-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center}.training-question-answer-slot{min-width:0}.training-question-answer-slot input{min-width:0;width:100%}.training-question-thumb{width:100%;min-height:72px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;display:none;align-items:center;justify-content:flex-start;padding:6px;cursor:pointer;overflow:hidden}.training-question-thumb.is-visible{display:flex}.training-question-thumb img{height:58px;max-width:100%;object-fit:contain;border-radius:6px;background:#f8fafc}.training-question-thumb-placeholder{color:#64748b;font-size:12px;font-weight:900}.training-question-image-btn{width:46px;height:44px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(15,23,42,.05)}.training-question-image-btn:hover,.training-question-image-btn.has-image{border-color:#0f766e;color:#0f766e;background:#eefaf7}.training-question-image-btn svg{width:20px;height:20px}.training-question-image-input{display:none}.training-question-form.is-text-question .training-question-thumb,.training-question-form.is-text-question .training-question-image-btn,.training-question-form.is-text-question .training-question-option-field small{display:none!important}.training-question-form.is-text-question .training-question-option-row{grid-template-columns:28px 34px minmax(0,1fr)}.training-question-form.is-image-question .training-question-answer-input{display:none!important}.training-question-form.is-image-question .training-question-thumb{display:flex;justify-content:center}.training-question-option-field small{display:block;margin-top:7px;color:#64748b;font-size:11px;font-weight:800}.training-question-image-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:10080;align-items:center;justify-content:center;padding:24px}.training-question-image-panel{width:min(720px,94vw);max-height:92vh;background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 28px 70px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}.training-question-image-preview{margin-top:14px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.training-question-image-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.training-question-image-preview .document-upload-preview-empty{height:260px;width:100%}@media(max-width:1200px){.training-topic-filter-grid,.training-upload-toolbar,.training-preview-grid{grid-template-columns:1fr}.training-topic-item-with-duration{grid-template-columns:18px minmax(0,1fr) 132px 32px}}@media(max-width:640px){.training-topic-item-with-duration{grid-template-columns:18px minmax(0,1fr) 30px}.training-topic-duration-mini{grid-column:2 / -1}.training-selected-topic-row{grid-template-columns:minmax(0,1fr) 76px 58px 30px}.training-selected-question-card{grid-template-columns:minmax(0,1fr) 76px 30px}.training-document-submit{justify-content:stretch}.training-document-submit .btn-small{width:100%}.training-upload-body{padding:14px}.training-uploaded-item{grid-template-columns:1fr}.training-uploaded-actions{justify-content:flex-start}.training-question-option-row{grid-template-columns:28px 34px minmax(0,1fr) 42px}.training-question-image-btn{width:42px;height:42px}.training-question-thumb{min-height:64px}.training-question-thumb img{height:50px}}
        .training-definition-page{max-width:1440px;padding:0 22px 22px}.training-definition-card{border:1px solid #d8e2ec;background:#f8fafc;box-shadow:0 18px 42px rgba(15,23,42,.08)}.training-definition-card>.training-form-head{position:relative;overflow:hidden;padding:22px 26px;background:linear-gradient(135deg,#fff 0%,#f8fbfd 70%,#eef7f5 100%);border-bottom:1px solid #dce7f1}.training-definition-card>.training-form-head:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#0f766e}.training-definition-card .training-kicker{background:#e9f7f5;border-color:#b8dfd9;color:#0f5f59}.training-definition-card .training-form-head h3:after{font-size:26px;letter-spacing:0;color:#0b1628}.training-definition-card .training-form-head p{font-size:14px;line-height:1.55;color:#5f6f84;max-width:820px}.training-definition-card .training-form-body{padding:20px 24px 24px;background:#f4f7fb}.training-definition-brief{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.training-definition-brief-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:13px 14px;border:1px solid #d8e3ef;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.045)}.training-definition-brief-icon{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eefaf7;color:#0f766e;border:1px solid #c7e8e2}.training-definition-brief-copy{display:grid;gap:3px;min-width:0}.training-definition-brief-copy span{font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}.training-definition-brief-copy strong{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-definition-card .training-form-layout{gap:16px}.training-definition-card .training-form-section{border:1px solid #d8e3ef;border-radius:8px;padding:0;background:#fff;overflow:hidden}.training-definition-card .training-section-title{align-items:center;margin:0;padding:14px 16px;background:#fbfdff;border-bottom:1px solid #e3ebf4}.training-definition-card .training-section-title span{color:#0f766e}.training-definition-card .training-section-title h4{margin:3px 0 0;font-size:17px;color:#0b1628}.training-definition-card .training-basic-grid{padding:16px;grid-template-columns:1.05fr 1.35fr .9fr;gap:14px}.training-definition-card .training-basic-grid>.field{background:#f8fafc;border:1px solid #dce6f1;border-radius:8px;padding:10px 12px;grid-template-rows:17px 42px}.training-definition-card .training-basic-grid>.field.full-span{grid-column:1 / -1;grid-template-rows:17px auto}.training-definition-card .training-basic-grid>.field>label,.training-definition-card .field>label{color:#26364d;font-size:12px;font-weight:900;text-transform:uppercase}.training-definition-card input:not([type=radio]):not([type=checkbox]),.training-definition-card select,.training-definition-card textarea{border-color:#cfdbea;background:#fff;color:#0f172a}.training-definition-card input:focus,.training-definition-card select:focus,.training-definition-card textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12);outline:none}.training-definition-card textarea{min-height:82px}.training-definition-workgrid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr)!important;align-items:start}.training-definition-workgrid>.training-form-section{height:100%}.training-definition-workgrid .training-form-section>.field{margin:0;padding:14px 16px;border:0;border-radius:0;background:#fff}.training-definition-workgrid .training-command-panel{margin:0 0 12px!important;border:1px solid #dbe6f0;border-radius:8px;background:#f8fafc;box-shadow:none}.training-definition-workgrid .training-command-copy strong{color:#0f172a}.training-definition-card .training-topic-filter-grid{grid-template-columns:minmax(0,1fr) minmax(190px,.45fr);gap:10px}.training-definition-card .training-topic-filter-grid .field{background:#fff;border:1px solid #dce6f1;border-radius:8px;padding:10px 12px}.training-definition-card .training-topic-box{min-height:420px;max-height:520px;border-color:#dce6f1;background:#f8fafc;padding:10px}.training-definition-card .training-topic-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin-top:8px;padding:10px 12px;border:1px solid #e0e8f1;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.training-definition-card .training-topic-item:hover{border-color:#99c8c1;box-shadow:0 8px 18px rgba(15,118,110,.08)}.training-definition-card .training-topic-item input{margin-top:2px}.training-definition-card .training-preview-notes{margin-top:0;border-color:#dce6f1;background:#f8fafc;color:#334155}.training-definition-card .training-form-footer{position:sticky;bottom:0;z-index:4;margin:0 -24px -24px;padding:12px 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid #dce6f1}.training-definition-card .training-form-footer .btn-secondary,.training-definition-card .training-form-footer .btn-small{border-radius:8px}.training-definition-card .training-duration-row{grid-template-columns:minmax(0,1fr) auto}.training-definition-card .training-duration-unit{white-space:nowrap}.training-definition-card .training-duration-unit label{text-transform:uppercase;color:#24344d}@media(max-width:1400px){.training-definition-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.training-definition-card .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-definition-workgrid{grid-template-columns:1fr!important}}@media(max-width:900px){.training-definition-page{padding-left:14px;padding-right:14px}.training-definition-brief{grid-template-columns:1fr}.training-definition-card .training-basic-grid{grid-template-columns:1fr}.training-definition-card .training-topic-filter-grid{grid-template-columns:1fr}.training-definition-card .training-form-footer{margin-left:-16px;margin-right:-16px;margin-bottom:-16px;padding-left:16px;padding-right:16px}}@media(max-width:640px){.training-definition-card>.training-form-head{padding:18px}.training-definition-card .training-form-body{padding:14px}.training-definition-card .training-form-head h3:after{font-size:22px}.training-definition-card .training-topic-box{min-height:320px}.training-definition-card .training-form-footer{justify-content:stretch}.training-definition-card .training-form-footer .btn-secondary,.training-definition-card .training-form-footer .btn-small{width:100%}}
        .training-definition-page{max-width:none;margin:0;padding:0 6px 12px}.training-definition-card{box-shadow:0 8px 20px rgba(15,23,42,.055);background:#fff}.training-definition-card>.training-form-head{padding:14px 16px 14px 20px;background:#fff}.training-definition-card>.training-form-head:before{width:4px}.training-definition-card .training-kicker{padding:5px 9px;font-size:10px}.training-definition-card .training-form-head h3:after{font-size:22px}.training-definition-card .training-form-head p{margin-top:4px;font-size:13px;line-height:1.4}.training-definition-card .training-form-body{padding:10px 12px 12px;background:#f7fafc}.training-definition-brief{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.training-definition-brief-item{grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:46px;padding:7px 10px;box-shadow:none}.training-definition-brief-icon{width:28px;height:28px;border-radius:7px;font-size:12px}.training-definition-brief-copy{gap:0}.training-definition-brief-copy span{font-size:10px;line-height:1.1}.training-definition-brief-copy strong{font-size:12px;line-height:1.25}.training-definition-card .training-form-layout{gap:10px}.training-definition-card .training-form-section{border-radius:8px}.training-definition-card .training-section-title{padding:9px 12px}.training-definition-card .training-section-title h4{font-size:15px;margin-top:2px}.training-definition-card .training-section-title span{font-size:10px}.training-definition-card .training-basic-grid{padding:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.training-definition-card .training-basic-grid>.field{min-height:80px;padding:8px 10px;grid-template-rows:15px 38px;row-gap:6px}.training-definition-card .training-basic-grid>.field>label,.training-definition-card .field>label{font-size:11px;line-height:15px}.training-definition-card .training-basic-grid>.field input:not([type=radio]):not([type=checkbox]),.training-definition-card .training-basic-grid>.field select,.training-definition-card .training-basic-grid>.field .training-duration-row{height:38px;min-height:38px;max-height:38px}.training-definition-card input:not([type=radio]):not([type=checkbox]),.training-definition-card select{min-height:38px;padding:8px 10px;font-size:13px}.training-definition-card textarea{min-height:68px;padding:8px 10px;font-size:13px}.training-definition-card .training-duration-row{gap:8px}.training-definition-card .training-duration-unit{gap:8px}.training-definition-card .training-duration-unit label{font-size:11px}.training-definition-workgrid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;gap:10px}.training-definition-workgrid .training-form-section>.field{padding:10px 12px}.training-definition-workgrid .training-command-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.training-definition-workgrid .training-command-copy span{font-size:12px;line-height:1.35}.training-definition-card .training-topic-filter-grid{grid-template-columns:minmax(0,1fr) 190px;gap:8px}.training-definition-card .training-topic-filter-grid .field{padding:8px 10px}.training-definition-card .training-topic-box{min-height:320px;max-height:400px;padding:8px}.training-definition-card .training-topic-item{margin-top:6px;padding:8px 10px}.training-definition-card .training-preview-notes{padding:10px 12px;font-size:12px;line-height:1.45}.training-definition-card .training-form-footer{margin:0 -12px -12px;padding:9px 12px}.training-definition-card .training-form-footer .btn-secondary,.training-definition-card .training-form-footer .btn-small{min-height:34px;padding:7px 11px;font-size:12px}@media(max-width:1400px){.training-definition-brief{grid-template-columns:repeat(4,minmax(0,1fr))}.training-definition-card .training-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.training-definition-workgrid{grid-template-columns:1fr!important}}@media(max-width:1100px){.training-definition-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.training-definition-card .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.training-definition-page{padding:0 4px 10px}.training-definition-card .training-basic-grid,.training-definition-brief{grid-template-columns:1fr}.training-definition-card .training-topic-filter-grid,.training-definition-workgrid .training-command-panel{grid-template-columns:1fr}.training-definition-card>.training-form-head{padding:12px 14px 12px 18px}.training-definition-card .training-form-body{padding:8px}.training-definition-card .training-form-footer{margin:0 -8px -8px;padding:8px}}
        .training-definition-card .training-basic-grid{padding:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.training-definition-card .training-basic-grid>.field{min-height:66px;padding:6px 8px;grid-template-rows:14px 34px;row-gap:4px}.training-definition-card .training-basic-grid>.field>label,.training-definition-card .field>label{font-size:10px;line-height:14px}.training-definition-card .training-basic-grid>.field input:not([type=radio]):not([type=checkbox]),.training-definition-card .training-basic-grid>.field select,.training-definition-card .training-basic-grid>.field .training-duration-row{height:34px;min-height:34px;max-height:34px}.training-definition-card input:not([type=radio]):not([type=checkbox]),.training-definition-card select{min-height:34px;padding:6px 9px;font-size:12px}.training-definition-card textarea{min-height:58px;padding:7px 9px;font-size:12px}.training-definition-card .training-basic-grid>.field.full-span{grid-template-rows:14px auto}.training-definition-card .training-duration-row{gap:6px}.training-definition-card .training-duration-unit{gap:6px}.training-definition-card .training-duration-unit label{font-size:10px}.training-definition-card .training-duration-unit input[type=radio]{width:15px;height:15px}.training-definition-card .training-section-title{padding:8px 10px}.training-definition-card .training-section-title h4{font-size:14px}.training-definition-card .training-form-body{padding:8px 10px 10px}.training-definition-card .training-form-layout{gap:8px}@media(max-width:1100px){.training-definition-card .training-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.training-definition-card .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.training-definition-card .training-basic-grid{grid-template-columns:1fr}}
        .training-participant-summary{display:grid;gap:6px}.training-participant-summary-title{display:block;color:#0f172a;font-size:11px;font-weight:900}.training-participant-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 6px;margin-top:0}.training-participant-summary-name{display:block;min-width:0;padding:5px 7px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:#0f172a;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-participant-summary-empty{display:block;padding:7px 9px;border:1px dashed #cbd5e1;border-radius:7px;background:#fff;color:#64748b;font-size:11px;font-weight:800}.training-definition-card #egitimKatilimciOzetAlani{padding:7px 9px}#trainingParticipantModal{z-index:2147483000!important;align-items:center!important;justify-content:center!important;padding:24px!important}#trainingParticipantModal .training-upload-box{width:min(1220px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;border-radius:12px!important;overflow:hidden!important}#trainingParticipantModal .training-upload-head{padding:16px 22px!important;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%)!important;border-bottom:1px solid #e1e8f0!important}#trainingParticipantModal .training-upload-head h4{font-size:20px!important}#trainingParticipantModal .training-upload-body{padding:18px 22px 22px!important;background:#f8fafc!important}.training-participant-grid{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)!important;gap:14px!important;min-height:min(520px,64vh)!important}.training-participant-panel{background:#fff!important;border-color:#d8e3ef!important;border-radius:12px!important;padding:14px!important;box-shadow:0 10px 24px rgba(15,23,42,.055)!important}.training-participant-panel h5{font-size:15px!important;margin-bottom:12px!important}.training-participant-filter-row{display:grid;grid-template-columns:minmax(170px,1fr) 220px auto;gap:8px;align-items:end;margin-bottom:10px}.training-participant-filter-row input,.training-participant-filter-row select{width:100%;min-height:38px;height:38px;padding:7px 10px;font-size:12px;border-radius:8px}.training-participant-filter-row .participant-expiry-filter{display:none}.training-participant-filter-row.is-expiry-mode{grid-template-columns:minmax(150px,1fr) 190px 132px 132px auto}.training-participant-filter-row.is-expiry-mode .participant-expiry-filter{display:block}.participant-visible-add{min-height:38px!important;height:38px!important;padding:0 12px!important;white-space:nowrap!important}.training-participant-select{margin-top:0!important;border-radius:10px!important;border-color:#cfddeb!important;padding:8px!important;font-size:13px!important;line-height:1.45!important}.training-participant-panel option{font-size:12px;padding:5px 7px}.training-transfer-actions{gap:10px!important}.training-transfer-btn{min-width:96px!important;min-height:42px!important;border-radius:10px!important}@media(max-width:980px){.training-participant-grid{grid-template-columns:1fr!important}.training-transfer-actions{flex-direction:row!important;justify-content:center!important}.training-participant-filter-row,.training-participant-filter-row.is-expiry-mode{grid-template-columns:1fr 1fr}.participant-visible-add{grid-column:1 / -1}}@media(max-width:760px){.training-participant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.training-participant-summary-grid{grid-template-columns:1fr}.training-participant-filter-row,.training-participant-filter-row.is-expiry-mode{grid-template-columns:1fr}#trainingParticipantModal{padding:12px!important}#trainingParticipantModal .training-upload-box{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}}
        .training-definition-card .training-selected-topic-list{gap:5px;margin-bottom:8px}.training-definition-card .training-selected-topic-row{grid-template-columns:minmax(0,1fr) 84px 58px 30px;min-height:36px;padding:5px 7px;gap:6px;border-radius:7px}.training-definition-card .training-selected-topic-title{font-size:12px;line-height:1.2}.training-definition-card .training-selected-topic-row input,.training-definition-card .training-selected-topic-row select{height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:12px!important}.training-definition-card .training-selected-topic-row .mini-btn{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;border-radius:7px}.training-definition-card .training-selected-topic-row .mini-btn svg{width:14px;height:14px}.training-definition-card .training-selected-topic-empty{padding:8px 10px!important;font-size:12px!important;margin-bottom:8px!important}.training-selected-question-section{display:grid;gap:6px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.training-selected-question-section-title{font-size:12px;font-weight:900;color:#0f766e;text-transform:uppercase}.training-topic-picker-box{width:min(1080px,94vw)!important}.training-topic-picker-box .training-topic-box{min-height:min(460px,54vh)!important;max-height:min(460px,54vh)!important}.training-topic-picker-box .training-topic-item-with-duration{grid-template-columns:18px minmax(0,1fr) 128px!important;min-height:42px!important;padding:7px 9px!important}.training-topic-picker-box .training-topic-duration-mini{grid-template-columns:72px 50px!important}.training-topic-picker-box .training-topic-duration-mini input,.training-topic-picker-box .training-topic-duration-mini select{height:30px!important;min-height:30px!important;font-size:11px!important}.training-topic-picker-box .training-topic-item-with-duration strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}.training-topic-picker-box .training-topic-item-with-duration .mini-btn{display:none!important}@media(max-width:640px){.training-definition-card .training-selected-topic-row{grid-template-columns:minmax(0,1fr) 72px 54px 28px}.training-topic-picker-box .training-topic-item-with-duration{grid-template-columns:18px minmax(0,1fr)!important}.training-topic-picker-box .training-topic-duration-mini{grid-column:2 / -1!important}}
#trainingTopicModal{position:fixed!important;inset:0!important;z-index:2147483000!important;align-items:center!important;justify-content:center!important;padding:22px!important}#trainingTopicModal .training-topic-picker-box{width:min(1120px,calc(100vw - 44px))!important;max-height:calc(100vh - 44px)!important;margin:auto!important}#trainingTopicModal .training-upload-body{padding:14px 16px!important}#trainingTopicModal .training-upload-head{padding:13px 16px!important}#trainingTopicModal .training-topic-filter-grid{grid-template-columns:230px minmax(0,1fr)!important;gap:10px!important}#trainingTopicModal .training-topic-box{min-height:min(440px,52vh)!important;max-height:min(440px,52vh)!important;padding:8px!important}#trainingTopicModal .training-topic-item-with-duration{grid-template-columns:18px minmax(0,1fr)!important;min-height:40px!important;padding:7px 10px!important}#trainingTopicModal .training-topic-item-with-duration.is-filter-hidden{display:none!important}#trainingTopicModal .training-topic-duration-mini{display:none!important}#trainingTopicModal .training-topic-item-with-duration strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;font-size:13px!important}#trainingTopicModal .workplace-form-footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:0!important;padding:12px 16px!important;background:#fff}@media(max-width:700px){#trainingTopicModal{padding:12px!important}#trainingTopicModal .training-topic-picker-box{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}#trainingTopicModal .training-topic-filter-grid{grid-template-columns:1fr!important}}
        #trainingParticipantModal .training-participant-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;min-height:min(540px,66vh)!important}#trainingParticipantModal .training-transfer-actions{display:none!important}#trainingParticipantModal .training-participant-select{display:none!important}.training-participant-table-shell{margin-top:10px;border:1px solid #dbe4ee;border-radius:12px;background:#fff;overflow-y:auto;overflow-x:hidden;min-height:360px;max-height:min(460px,50vh);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.training-participant-table{display:grid;width:100%;min-width:0}.training-participant-table-head,.training-participant-table-row{display:grid;grid-template-columns:minmax(92px,.46fr) minmax(150px,1fr) minmax(116px,.58fr) 38px;align-items:center;gap:8px}.training-participant-table-head{position:sticky;top:0;z-index:2;min-height:38px;padding:0 10px;border-bottom:1px solid #dbe4ee;background:#eef3f7;color:#334155;font-size:11px;font-weight:950;text-transform:uppercase}.training-participant-table-row{min-height:42px;padding:6px 10px;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a;font-size:12px}.training-participant-table-row:nth-child(even){background:#fbfdff}.training-participant-table-row:hover{background:#eefbf8}.training-participant-table-cell{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-participant-table-cell.name{font-weight:900}.training-participant-table-cell.role{color:#475569}.training-participant-row-action{width:30px;height:30px;min-width:30px;border-radius:9px;border:1px solid #cfe0ef;background:#fff;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:950;cursor:pointer}.training-participant-row-action.remove{border-color:#fecaca;background:#fff7f7;color:#ef4444}.training-participant-row-action:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(15,23,42,.08)}.training-participant-table-empty{display:flex;align-items:center;justify-content:center;min-height:160px;padding:18px;color:#64748b;font-size:12px;font-weight:850;text-align:center}.training-participant-panel .training-participant-filter-row{grid-template-columns:minmax(130px,1fr) minmax(170px,1fr) auto!important}.training-participant-panel:nth-of-type(3) input#sagAra{height:38px;min-height:38px;margin-bottom:10px}.training-participant-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;margin-left:8px;padding:0 8px;border-radius:999px;background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;font-size:11px;font-weight:950}@media(max-width:980px){#trainingParticipantModal .training-participant-grid{grid-template-columns:1fr!important}.training-participant-table-head,.training-participant-table-row{grid-template-columns:minmax(92px,.44fr) minmax(150px,1fr) minmax(116px,.55fr) 38px}}.training-exam-panel{margin-top:8px!important}.training-exam-summary{padding:8px 10px!important;font-size:12px!important;margin:0!important}#trainingExamQuestionModal{position:fixed!important;inset:0!important;z-index:2147483000!important;align-items:center!important;justify-content:center!important;padding:22px!important}.training-exam-picker-box{width:min(1120px,calc(100vw - 44px))!important;max-height:calc(100vh - 44px)!important}.training-exam-filter-grid{grid-template-columns:minmax(0,1fr) 180px!important;margin-bottom:10px}.training-exam-helper{padding:8px 10px!important;margin:0 0 10px!important;font-size:12px!important}.training-exam-question-box{display:grid;gap:6px;max-height:min(460px,52vh);overflow:auto;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;padding:8px}.training-exam-question-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:10px;align-items:start;min-height:42px;margin:0!important;padding:8px 10px!important;background:#fff!important}.training-exam-question-item.is-filter-hidden{display:none!important}.training-exam-question-copy{display:grid!important;gap:3px;min-width:0}.training-exam-question-copy strong{font-size:12px!important;line-height:1.25;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0}.training-exam-question-copy small{font-size:11px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-exam-question-item input{margin-top:2px}@media(max-width:700px){#trainingExamQuestionModal{padding:12px!important}.training-exam-filter-grid{grid-template-columns:1fr!important}.training-exam-picker-box{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important}}
        .training-exam-question-item{grid-template-columns:18px minmax(0,1fr) 92px!important;align-items:center!important}.training-exam-question-score input{width:86px!important;height:32px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #cbd8e6!important;border-radius:7px!important;background:#fff!important;font-size:12px!important;font-weight:900!important;text-align:right!important}.training-exam-question-score input:disabled{background:#eef2f7!important;color:#64748b!important}.training-exam-question-item:not(.is-selected) .training-exam-question-score{opacity:.45}@media(max-width:700px){.training-exam-question-item{grid-template-columns:18px minmax(0,1fr)!important}.training-exam-question-score{grid-column:2 / -1}.training-exam-question-score input{width:100%!important}}
        #trainingExamQuestionModal .training-exam-filter-grid{grid-template-columns:180px minmax(260px,.7fr) minmax(320px,1fr)!important;gap:10px!important}.training-exam-topic-summary-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;margin-bottom:10px;padding:8px 10px;border:1px solid #dbe6f2;border-radius:10px;background:#f8fbfd}.training-exam-topic-summary-bar .training-exam-topic-chip{display:inline-flex;align-items:center;gap:7px;max-width:360px;min-height:28px;padding:5px 9px;border:1px solid #cfe0ef;border-radius:999px;background:#fff;color:#334155;font-size:11px;font-weight:900;white-space:nowrap}.training-exam-topic-summary-bar .training-exam-topic-chip strong{color:#0f766e}.training-exam-topic-summary-bar .training-exam-topic-chip span{overflow:hidden;text-overflow:ellipsis}.training-exam-topic-summary-bar .training-exam-topic-empty{color:#64748b;font-size:12px;font-weight:850}.training-exam-question-item{grid-template-columns:18px minmax(0,1fr) auto 34px!important;align-items:center!important}.training-exam-question-item .training-question-difficulty-badge{justify-self:end}.training-question-difficulty-badge{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:4px 8px;border-radius:999px;border:1px solid #dbe4ee;background:#fff;color:#334155;font-size:10px;font-weight:950;white-space:nowrap}.training-question-difficulty-badge i{display:block;width:4px;height:12px;border-radius:999px;background:#cbd5e1}.training-question-difficulty-badge i:nth-child(2){height:16px}.training-question-difficulty-badge i:nth-child(3){height:20px}.training-question-difficulty-badge.is-easy{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.training-question-difficulty-badge.is-easy i:nth-child(n+2){opacity:.25}.training-question-difficulty-badge.is-medium{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.training-question-difficulty-badge.is-medium i:nth-child(3){opacity:.25}.training-question-difficulty-badge.is-hard{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.training-question-difficulty-badge.is-easy i{background:#10b981}.training-question-difficulty-badge.is-medium i{background:#f59e0b}.training-question-difficulty-badge.is-hard i{background:#ef4444}.training-question-difficulty-badge em{font-style:normal;margin-left:3px}#trainingExamQuestionModal .training-question-difficulty-badge{width:30px;height:24px;min-height:24px;padding:3px 5px;justify-content:center;border-color:#b7f2d5;background:#ecfdf5;color:#059669;border-radius:7px}#trainingExamQuestionModal .training-question-difficulty-badge em{display:none}#trainingExamQuestionModal .training-question-difficulty-badge i{width:4px;background:#10b981;opacity:1}#trainingExamQuestionModal .training-question-difficulty-badge.is-easy i:nth-child(n+2){opacity:.28}#trainingExamQuestionModal .training-question-difficulty-badge.is-medium i:nth-child(1),#trainingExamQuestionModal .training-question-difficulty-badge.is-medium i:nth-child(2){opacity:1}#trainingExamQuestionModal .training-question-difficulty-badge.is-medium i:nth-child(3){opacity:.28}#trainingExamQuestionModal .training-question-difficulty-badge.is-hard i{opacity:1}.training-exam-preview-btn{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important}.training-exam-preview-btn svg{width:15px!important;height:15px!important}@media(max-width:760px){#trainingExamQuestionModal .training-exam-filter-grid{grid-template-columns:1fr!important}.training-exam-question-item{grid-template-columns:18px minmax(0,1fr) 34px!important}.training-exam-question-item .training-question-difficulty-badge{grid-column:2 / 3;justify-self:start}.training-exam-preview-btn{grid-column:3 / 4;grid-row:1 / 3}.training-exam-topic-summary-bar .training-exam-topic-chip{max-width:100%}}
        .training-wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px}.training-wizard-step{border:1px solid #d8e3ef;border-radius:8px;background:#fff;color:#334155;min-height:58px;padding:8px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;text-align:left;cursor:pointer;box-shadow:none}.training-wizard-step-number{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eef2f7;color:#475569;font-size:12px;font-weight:900}.training-wizard-step-copy{display:grid;gap:1px;min-width:0}.training-wizard-step-copy strong{font-size:12px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-wizard-step-copy small{font-size:10px;color:#64748b;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-wizard-step.is-active{border-color:#0f766e;background:#eefaf7;box-shadow:0 8px 18px rgba(15,118,110,.08)}.training-wizard-step.is-active .training-wizard-step-number{background:#0f766e;color:#fff}.training-definition-card [data-training-step-panel]{display:none!important}.training-definition-card [data-training-step-panel].is-active{display:block!important}.training-definition-card [data-training-step-panel].training-wizard-summary{display:none!important}.training-definition-card [data-training-step-panel].training-wizard-summary.is-active{display:grid!important}.training-definition-workgrid{display:contents!important}.training-wizard-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-wizard-summary-card{display:grid;gap:5px;padding:12px;border:1px solid #dbe6f2;border-radius:8px;background:#f8fafc}.training-wizard-summary-card span{font-size:10px;font-weight:900;text-transform:uppercase;color:#0f766e}.training-wizard-summary-card strong{font-size:14px;color:#0f172a}.training-wizard-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;width:100%;flex-wrap:wrap}.training-wizard-actions-left:empty{display:none}.training-wizard-actions-left,.training-wizard-actions-right{display:flex;gap:8px;flex-wrap:wrap}.training-wizard-actions [data-training-wizard-submit].is-hidden,.training-wizard-actions [data-training-wizard-next].is-hidden{display:none!important}@media(max-width:1100px){.training-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.training-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.training-wizard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.training-wizard-steps,.training-wizard-summary-grid{grid-template-columns:1fr}.training-wizard-actions,.training-wizard-actions-left,.training-wizard-actions-right{width:100%;justify-content:stretch}.training-wizard-actions button,.training-wizard-actions a{flex:1}}
        .training-definition-card{border:1px solid #cfe0ef!important;background:#eef4f8!important;box-shadow:0 18px 46px rgba(15,23,42,.10)!important}.training-definition-card>.training-form-head{background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#edf8f6 100%)!important;border-bottom:1px solid #d6e4ef!important}.training-definition-card .training-form-body{background:linear-gradient(180deg,#f8fbfd 0%,#eef4f8 100%)!important}.training-definition-brief{padding:8px;border:1px solid #dbe7f1;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(15,23,42,.045)}.training-definition-brief-item{border-radius:9px!important;border-color:#d7e5f0!important;background:#fff!important}.training-wizard-steps{position:relative;padding:8px;border:1px solid #d7e5f0;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.055)}.training-wizard-step{position:relative;min-height:64px;border-radius:10px;border-color:transparent;background:transparent;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.training-wizard-step:hover{background:#f7fafc;border-color:#dbe6f2}.training-wizard-step.is-active{background:#0f766e;border-color:#0f766e;box-shadow:0 12px 24px rgba(15,118,110,.18);transform:translateY(-1px)}.training-wizard-step.is-active .training-wizard-step-number{background:#fff;color:#0f766e}.training-wizard-step.is-active .training-wizard-step-copy strong,.training-wizard-step.is-active .training-wizard-step-copy small{color:#fff}.training-wizard-step-number{border-radius:9px;background:#eff6f9;color:#334155}.training-wizard-step-copy strong{font-size:13px}.training-wizard-step-copy small{font-size:10.5px;color:#718096}.training-definition-card [data-training-step-panel].is-active{animation:trainingWizardFade .18s ease-out}.training-definition-card [data-training-step-panel]{border-radius:12px!important;border-color:#d5e3ee!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.065)!important;overflow:hidden}.training-definition-card [data-training-step-panel]>.training-section-title{background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%)!important;border-bottom:1px solid #e1ebf4!important;padding:13px 16px!important}.training-definition-card [data-training-step-panel]>.training-section-title h4{font-size:18px!important}.training-definition-card [data-training-step-panel]>.field{border:0!important;background:#fff!important;padding:14px 16px!important;margin:0!important}.training-definition-card .training-basic-grid>.field{border-radius:10px!important;background:#f8fbfd!important;border-color:#d9e6f1!important}.training-definition-card .training-command-panel{border-radius:10px!important;border-color:#d7e5f0!important;background:#fbfdff!important;box-shadow:0 8px 18px rgba(15,23,42,.045)!important}.training-definition-card .training-inline-note{border-radius:10px!important;background:#f8fbfd!important}.training-wizard-summary-grid{gap:12px}.training-wizard-summary-card{border-radius:10px;background:#fff;border-color:#d7e5f0;box-shadow:0 8px 18px rgba(15,23,42,.045);min-height:72px}.training-form-footer{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);border-top:1px solid #d8e5ef!important}.training-wizard-actions .btn-small,.training-wizard-actions .btn-secondary{border-radius:9px!important}.training-wizard-actions-left .btn-small{min-width:116px}.training-wizard-actions-left .btn-secondary{min-width:92px}@keyframes trainingWizardFade{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.training-wizard-steps{padding:6px}.training-wizard-step{min-height:56px}.training-definition-brief{padding:6px}}
        .training-definition-card>.training-form-head{display:none!important}.training-definition-card{border-radius:12px!important}.training-definition-card [data-training-step-panel="basic"]{border-radius:12px!important}.training-definition-card [data-training-step-panel="basic"]>.training-section-title{display:flex!important;align-items:center!important;min-height:70px!important;background:linear-gradient(135deg,#ffffff 0%,#f5fafc 100%)!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;align-items:stretch!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field{min-height:70px!important;padding:8px 10px!important;display:grid!important;grid-template-rows:15px 36px!important;gap:5px!important;border:1px solid #d9e6f1!important;border-radius:10px!important;background:#fbfdff!important;box-shadow:none!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:span 3}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:span 3}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:span 6}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:span 3}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;min-height:88px!important;grid-template-rows:15px minmax(52px,auto)!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field>label{font-size:10px!important;line-height:15px!important;color:#1f334a!important;letter-spacing:0!important}.training-definition-card [data-training-step-panel="basic"] input:not([type=radio]):not([type=checkbox]),.training-definition-card [data-training-step-panel="basic"] select,.training-definition-card [data-training-step-panel="basic"] .training-duration-row{height:36px!important;min-height:36px!important;max-height:36px!important}.training-definition-card [data-training-step-panel="basic"] textarea{min-height:52px!important;height:52px!important;resize:vertical}.training-definition-card [data-training-step-panel="basic"] .training-duration-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.training-definition-card [data-training-step-panel="basic"] .training-duration-unit{gap:8px!important;flex-wrap:nowrap!important}.training-definition-card [data-training-step-panel="basic"] .training-duration-unit label{font-size:10px!important;white-space:nowrap!important}@media(max-width:1200px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:span 6}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important}}@media(max-width:680px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1 / -1}.training-definition-card [data-training-step-panel="basic"] .training-duration-unit{flex-wrap:wrap!important}}
        .training-definition-card .training-form-body{display:flex!important;flex-direction:column!important}.training-definition-card .training-wizard-steps{order:1}.training-definition-card .training-definition-brief{order:2;margin-top:10px!important;margin-bottom:10px!important}.training-definition-card .training-form-layout{order:3}.training-definition-card .training-form-footer{order:4}.training-definition-card [data-training-step-panel]>.training-section-title{display:none!important}.training-definition-card [data-training-step-panel]>.field{padding-top:16px!important}
        .training-summary-modern{display:grid;gap:14px;padding:16px;background:#fff}.training-summary-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:14px;align-items:stretch}.training-summary-left{display:grid;gap:12px}.training-summary-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border:1px solid #d7e5f0;border-radius:12px;background:linear-gradient(135deg,#f8fbfd 0%,#eefaf7 100%)}.training-summary-headline-copy{display:grid;gap:5px;min-width:0}.training-summary-headline-copy span{color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase}.training-summary-headline-copy strong{color:#0f172a;font-size:24px;line-height:1.1}.training-summary-headline-copy small{color:#64748b;font-size:12px;font-weight:850}.training-summary-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border-radius:999px;background:#fff;border:1px solid #bfe6df;color:#0f766e;font-size:11px;font-weight:950;white-space:nowrap}.training-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-summary-metric{display:grid;gap:5px;min-height:82px;padding:13px 14px;border:1px solid #dbe6f2;border-radius:11px;background:#f8fafc}.training-summary-metric span{font-size:10px;font-weight:950;text-transform:uppercase;color:#64748b}.training-summary-metric strong{font-size:17px;color:#0f172a;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-summary-metric small{font-size:11px;color:#64748b;font-weight:800;line-height:1.35}.training-summary-note{padding:13px 14px;border:1px dashed #bfd4ea;border-radius:11px;background:#f8fbff;color:#475569;font-size:12px;font-weight:800;line-height:1.6}.training-summary-qr-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid #d7e5f0;border-radius:12px;background:#fbfdff;box-shadow:0 10px 22px rgba(15,23,42,.055)}.training-summary-qr-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.training-summary-qr-head span{display:block;color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase}.training-summary-qr-head strong{display:block;margin-top:4px;color:#0f172a;font-size:17px}.training-summary-qr-icon{width:38px;height:38px;border-radius:10px;background:#eefaf7;border:1px solid #c7e8e2;color:#0f766e;display:inline-flex;align-items:center;justify-content:center}.training-summary-qr-box{display:grid;place-items:center;min-height:190px;border:1px dashed #cbdced;border-radius:12px;background:#fff}.training-summary-qr-box img{width:172px;height:172px;display:block}.training-summary-qr-empty{display:grid;place-items:center;text-align:center;gap:8px;padding:18px;color:#64748b;font-size:12px;font-weight:850}.training-summary-qr-empty i{font-size:24px;color:#94a3b8}.training-summary-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.training-summary-qr-actions a,.training-summary-qr-actions button{min-height:38px;justify-content:center}.training-summary-qr-link{display:block;min-width:0;padding:9px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#475569;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-summary-qr-link.is-muted{white-space:normal;line-height:1.45}.training-summary-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.training-summary-check{display:flex;gap:9px;align-items:center;padding:11px 12px;border:1px solid #dbe6f2;border-radius:10px;background:#fff;color:#334155;font-size:12px;font-weight:900}.training-summary-check i{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eefaf7;color:#0f766e}@media(max-width:1100px){.training-summary-hero{grid-template-columns:1fr}.training-summary-grid,.training-summary-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.training-summary-qr-card{grid-template-columns:1fr;grid-template-rows:auto}}@media(max-width:640px){.training-summary-modern{padding:10px}.training-summary-grid,.training-summary-checks,.training-summary-qr-actions{grid-template-columns:1fr}.training-summary-headline{flex-direction:column}.training-summary-headline-copy strong{font-size:20px}}
        .training-definition-page{min-height:calc(100vh - 88px)!important;display:flex!important;flex-direction:column!important}.training-definition-card{flex:1 1 auto!important;min-height:calc(100vh - 116px)!important}.training-definition-card .training-form{flex:1 1 auto!important}.training-definition-card .training-form-body{flex:1 1 auto!important}.training-definition-card .training-form-layout{flex:1 1 auto!important}
        .training-definition-card .training-wizard-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.training-definition-card .training-wizard-step{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:10px!important;row-gap:8px!important;align-items:start!important;min-height:102px!important;padding:18px 14px 14px 18px!important;border:1px solid #d6e4ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 26px rgba(15,23,42,.055)!important;color:#0f172a!important;overflow:hidden!important;transform:none!important}.training-definition-card .training-wizard-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0f766e}.training-definition-card .training-wizard-step:nth-child(2):before,.training-definition-card .training-wizard-step:nth-child(3):before{background:#f59e0b}.training-definition-card .training-wizard-step:hover{border-color:#b9d5e9!important;background:#fbfdff!important;box-shadow:0 14px 30px rgba(15,23,42,.075)!important}.training-definition-card .training-wizard-step.is-active{border-color:#8bd8cb!important;background:linear-gradient(135deg,#ffffff 0%,#f1fbf8 100%)!important;box-shadow:0 16px 34px rgba(15,118,110,.13)!important}.training-definition-card .training-wizard-step-number{grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;border-radius:999px!important;background:#ecfdf5!important;border:1px solid #c7efe6!important;color:#0f766e!important;font-size:12px!important;font-weight:950!important}.training-definition-card .training-wizard-step:nth-child(2) .training-wizard-step-number,.training-definition-card .training-wizard-step:nth-child(3) .training-wizard-step-number{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-number{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}.training-definition-card .training-wizard-step-tag{position:absolute;top:12px;right:12px;max-width:92px;min-height:22px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-definition-card .training-wizard-step.is-active .training-wizard-step-tag{background:#e6f7f3;color:#0f766e}.training-definition-card .training-wizard-step-copy{grid-column:1 / -1!important;grid-row:2!important;display:grid!important;gap:5px!important;min-width:0!important}.training-definition-card .training-wizard-step-copy strong{font-size:14px!important;line-height:1.2!important;color:#0f172a!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.training-definition-card .training-wizard-step-copy small{font-size:11px!important;line-height:1.35!important;color:#64748b!important;font-weight:850!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-copy strong{color:#0f172a!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-copy small{color:#475569!important}@media(max-width:1180px){.training-definition-card .training-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.training-definition-card .training-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.training-definition-card .training-wizard-step{min-height:92px!important}}@media(max-width:560px){.training-definition-card .training-wizard-steps{grid-template-columns:1fr!important}}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field{margin-top:0!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:span 4!important}
        .training-definition-card .training-wizard-steps{--training-wizard-progress:0px;position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:0 0 14px!important;padding:58px 20px 20px!important;border:1px solid #d7e5f0!important;border-radius:13px!important;background:linear-gradient(135deg,#ffffff 0%,#fbfdff 100%)!important;box-shadow:0 16px 38px rgba(15,23,42,.085)!important;overflow:hidden!important}.training-definition-card .training-wizard-steps:before{content:"";position:absolute;left:28px;right:28px;top:34px;height:3px;border-radius:999px;background:#d8dee7;z-index:0}.training-definition-card .training-wizard-steps:after{content:"";position:absolute;left:28px;top:34px;width:var(--training-wizard-progress);height:3px;border-radius:999px;background:linear-gradient(90deg,#0f9f7a 0%,#0f9f7a 45%,#f59e0b 70%,#f59e0b 100%);z-index:1;transition:width .22s ease}.training-definition-card .training-wizard-step{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:24px 1fr!important;column-gap:16px!important;row-gap:6px!important;align-items:center!important;min-height:126px!important;padding:20px 22px 18px 26px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#0f172a!important;overflow:visible!important;isolation:isolate!important;transform:none!important}.training-definition-card .training-wizard-step:before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;background:linear-gradient(135deg,#fff 0%,#f8fbfd 100%)!important;border:1px solid rgba(215,229,240,.78)!important;box-shadow:0 18px 34px rgba(15,23,42,.07)!important;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,0 100%)!important;z-index:-1!important}.training-definition-card .training-wizard-step:first-child:before{border-radius:10px 0 0 10px!important}.training-definition-card .training-wizard-step:last-child:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;border-radius:0 10px 10px 0!important}.training-definition-card .training-wizard-step.is-active:before{background:linear-gradient(135deg,#fff 0%,#eefaf7 100%)!important;border-color:#9adccf!important;box-shadow:0 20px 38px rgba(15,118,110,.16)!important}.training-definition-card .training-wizard-step-number{position:absolute!important;top:-40px!important;left:50%!important;z-index:3!important;transform:translateX(-50%)!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#fff!important;border:4px solid #cbd5e1!important;color:transparent!important;font-size:0!important;box-shadow:0 0 0 4px rgba(255,255,255,.92)!important}.training-definition-card .training-wizard-step.is-past .training-wizard-step-number,.training-definition-card .training-wizard-step.is-active .training-wizard-step-number{border-color:#0f9f7a!important;background:#0f9f7a!important}.training-definition-card .training-wizard-step.is-next .training-wizard-step-number{border-color:#f59e0b!important;background:#f59e0b!important}.training-definition-card .training-wizard-step-icon{grid-column:1!important;grid-row:1 / 3!important;width:52px!important;height:52px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#0f9f7a,#047857)!important;color:#fff!important;font-size:22px!important;box-shadow:0 14px 28px rgba(15,118,110,.24)!important}.training-definition-card .training-wizard-step.is-next .training-wizard-step-icon,.training-definition-card .training-wizard-step:nth-child(2) .training-wizard-step-icon,.training-definition-card .training-wizard-step:nth-child(4) .training-wizard-step-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 14px 28px rgba(245,158,11,.22)!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-icon,.training-definition-card .training-wizard-step.is-past .training-wizard-step-icon{background:linear-gradient(135deg,#0f9f7a,#0f766e)!important;box-shadow:0 16px 32px rgba(15,118,110,.28)!important}.training-definition-card .training-wizard-step-copy{grid-column:2!important;grid-row:2!important;display:grid!important;gap:7px!important;min-width:0!important;padding-left:14px!important;border-left:1px solid #d9e4ef!important}.training-definition-card .training-wizard-step-copy strong{font-size:15px!important;line-height:1.2!important;color:#0f172a!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.training-definition-card .training-wizard-step-copy small{font-size:12px!important;line-height:1.45!important;color:#64748b!important;font-weight:750!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.training-definition-card .training-wizard-step-tag{position:static!important;grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:start!important;display:block!important;margin:0 0 0 14px!important;padding:0!important;background:transparent!important;color:#0f9f7a!important;font-size:18px!important;font-weight:950!important;line-height:1!important;max-width:none!important}.training-definition-card .training-wizard-step.is-next .training-wizard-step-tag,.training-definition-card .training-wizard-step:nth-child(2) .training-wizard-step-tag,.training-definition-card .training-wizard-step:nth-child(4) .training-wizard-step-tag{color:#f59e0b!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-tag,.training-definition-card .training-wizard-step.is-past .training-wizard-step-tag{color:#0f9f7a!important}.training-definition-card .training-wizard-step:focus-visible{outline:3px solid rgba(15,118,110,.22)!important;outline-offset:5px!important}@media(max-width:1280px){.training-definition-card .training-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding-top:18px!important}.training-definition-card .training-wizard-steps:before,.training-definition-card .training-wizard-steps:after{display:none}.training-definition-card .training-wizard-step{grid-template-columns:34px 48px minmax(0,1fr)!important;grid-template-rows:1fr!important;min-height:100px!important;padding:16px!important}.training-definition-card .training-wizard-step:before{clip-path:none!important;border-radius:10px!important}.training-definition-card .training-wizard-step-number{position:static!important;transform:none!important;grid-column:1!important;grid-row:1!important;width:28px!important;height:28px!important;border:0!important;color:#0f766e!important;font-size:12px!important;background:#ecfdf5!important;box-shadow:none!important}.training-definition-card .training-wizard-step-icon{grid-column:2!important;grid-row:1!important;width:42px!important;height:42px!important;font-size:18px!important}.training-definition-card .training-wizard-step-copy{grid-column:3!important;grid-row:1!important;padding-left:12px!important}.training-definition-card .training-wizard-step-tag{display:none!important}}@media(max-width:820px){.training-definition-card .training-wizard-steps{grid-template-columns:1fr!important}.training-definition-card .training-wizard-step{grid-template-columns:34px 44px minmax(0,1fr)!important;min-height:84px!important}.training-definition-card .training-wizard-step-copy strong{font-size:14px!important}.training-definition-card .training-wizard-step-copy small{font-size:11px!important}}
        .training-definition-card .training-wizard-steps:after{background:#0f9f7a!important}.training-definition-card .training-wizard-step.is-past:not(.is-complete) .training-wizard-step-number,.training-definition-card .training-wizard-step.is-active:not(.is-complete) .training-wizard-step-number{border-color:#f59e0b!important;background:#f59e0b!important}.training-definition-card .training-wizard-step.is-past:not(.is-complete) .training-wizard-step-icon,.training-definition-card .training-wizard-step.is-active:not(.is-complete) .training-wizard-step-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 14px 28px rgba(245,158,11,.22)!important}.training-definition-card .training-wizard-step.is-past:not(.is-complete) .training-wizard-step-tag,.training-definition-card .training-wizard-step.is-active:not(.is-complete) .training-wizard-step-tag{color:#f59e0b!important}.training-definition-card .training-wizard-step.is-complete .training-wizard-step-number{border-color:#0f9f7a!important;background:#0f9f7a!important}.training-definition-card .training-wizard-step.is-complete .training-wizard-step-icon{background:linear-gradient(135deg,#0f9f7a,#0f766e)!important;box-shadow:0 16px 32px rgba(15,118,110,.28)!important}.training-definition-card .training-wizard-step.is-complete .training-wizard-step-tag{color:#0f9f7a!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:start!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:auto!important;grid-row:auto!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:5!important}@media(max-width:860px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:1fr!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1!important;grid-row:auto!important}}
        .training-definition-card [data-training-step-panel="topics"]>.field{display:grid!important;grid-template-columns:auto minmax(360px,1fr);gap:10px!important;align-items:end}.training-definition-card [data-training-step-panel="topics"]>.field>label{display:none!important}.training-definition-card [data-training-step-panel="topics"]>.field>.training-command-panel{grid-column:1;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:end}.training-definition-card [data-training-step-panel="topics"]>.field>.training-command-panel .training-command-copy{display:none!important}.training-definition-card [data-training-step-panel="topics"]>.field>.training-command-panel .training-form-actions{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;overflow:visible!important;padding:0!important}.training-definition-card [data-training-step-panel="topics"]>.field>.training-topic-filter-grid{grid-column:2;display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;gap:10px!important;margin:0!important;align-items:end}.training-definition-card [data-training-step-panel="topics"]>.field>.training-topic-filter-grid>.field{margin:0!important;padding:8px 10px!important}.training-definition-card #hizliEgitimProgramGeriBildirim,.training-definition-card #egitimKonuSureOzeti,.training-definition-card #egitimSeciliKonuListesi,.training-definition-card #egitimSeciliKonuBos,.training-definition-card #trainingTopicModal{grid-column:1 / -1}@media(max-width:980px){.training-definition-card [data-training-step-panel="topics"]>.field{grid-template-columns:1fr}.training-definition-card [data-training-step-panel="topics"]>.field>.training-command-panel,.training-definition-card [data-training-step-panel="topics"]>.field>.training-topic-filter-grid{grid-column:1}.training-definition-card [data-training-step-panel="topics"]>.field>.training-topic-filter-grid{grid-template-columns:1fr!important}}
        .training-topic-management-card{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #d7e5f0;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055)}.training-topic-management-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px solid #e5edf5}.training-topic-management-head strong{font-size:15px;font-weight:900;color:#0f172a}.training-topic-distribute-btn,.training-topic-clear-btn{height:34px!important;min-height:34px!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}.training-topic-clear-btn{color:#b91c1c!important;border-color:#fecaca!important;background:#fff!important}.training-topic-clear-btn:hover{background:#fff1f2!important;border-color:#fca5a5!important}.training-definition-card .training-topic-toolbar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:10px;align-items:stretch}.training-definition-card .training-topic-toolbar .field{margin:0!important;padding:8px 10px!important;min-width:0}.training-definition-card .training-topic-program-field{min-height:70px!important;max-width:520px}.training-topic-program-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center}.training-topic-program-row select{height:34px!important;min-height:34px!important}.training-definition-card .training-topic-mini-action{height:34px!important;min-height:34px!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}.training-topic-main-actions{display:flex;gap:8px;align-items:end;justify-content:flex-end;align-self:end;flex-wrap:wrap}.training-definition-card .training-topic-add-main{height:34px!important;min-height:34px!important;white-space:nowrap}@media(max-width:1200px){.training-definition-card .training-topic-toolbar{grid-template-columns:1fr}.training-topic-main-actions{justify-content:flex-start}.training-definition-card .training-topic-add-main,.training-topic-distribute-btn,.training-topic-clear-btn{flex:1}}@media(max-width:760px){.training-topic-program-row{grid-template-columns:1fr}.training-definition-card .training-topic-mini-action{width:100%}.training-topic-management-head{align-items:flex-start;flex-direction:column}.training-topic-main-actions{width:100%;display:grid;grid-template-columns:1fr}.training-topic-distribute-btn,.training-topic-clear-btn,.training-definition-card .training-topic-add-main{width:100%}}
        .training-exam-designer{display:grid;gap:10px}.training-exam-topbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(150px,220px) minmax(160px,240px);gap:10px;align-items:stretch;padding:12px;border:1px solid #d7e5f0;border-radius:12px;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%)}.training-exam-topbar .field{margin:0!important;padding:8px 10px!important;min-height:64px!important}.training-exam-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:10px 12px;border:1px solid #cfe0ef;border-radius:10px;background:#fff;color:#0f172a;font-size:12px!important;font-weight:900!important}.training-exam-toggle input{width:18px;height:18px;order:2}.training-exam-question-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px 14px!important;border-radius:12px!important}.training-exam-question-panel .training-command-copy strong{font-size:15px!important}.training-exam-question-panel .training-command-copy span{font-size:12px!important}.training-exam-question-panel .training-form-actions{align-self:center}.training-exam-question-panel.is-hidden{display:none!important}@media(max-width:900px){.training-exam-topbar{grid-template-columns:1fr 1fr}.training-exam-toggle{grid-column:1 / -1}}@media(max-width:760px){.training-exam-topbar,.training-exam-question-panel{grid-template-columns:1fr!important}.training-exam-question-panel .training-form-actions,.training-exam-question-panel .btn-secondary{width:100%}}
        .training-topic-help-label{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%}.training-help-icon{width:18px;height:18px;min-width:18px;border:1px solid #bfd2e4;border-radius:999px;background:#fff;color:#0f766e;font-size:11px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.training-help-icon:hover{border-color:#0f766e;background:#e8f7f4}.training-help-popover{position:absolute;right:0;top:24px;z-index:40;width:min(320px,70vw);display:none;padding:9px 10px;border:1px solid #cfe0ef;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800;line-height:1.45;box-shadow:0 14px 30px rgba(15,23,42,.14);text-transform:none}.training-help-popover.is-open{display:block}
        .training-radio-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center;height:36px;min-height:36px}.training-radio-group label{position:relative;display:flex!important;align-items:center;justify-content:center;min-width:0;height:36px;margin:0!important;border:1px solid #d4e2ee;border-radius:9px;background:#fff;color:#334155;font-size:11px!important;font-weight:900!important;line-height:1!important;text-transform:none!important;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.training-radio-group input{position:absolute;opacity:0;pointer-events:none}.training-radio-group span{display:block;max-width:100%;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-radio-group label:has(input:checked){border-color:#0f766e;background:#e7f5f2;color:#0f5f59;box-shadow:inset 0 0 0 1px rgba(15,118,110,.18)}.training-radio-group label:hover{border-color:#8fc7bf;background:#f4fbf9}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:auto!important;grid-row:auto!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / span 2!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:1 / span 2!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:1 / span 2!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-column:3!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:4!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:3!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:4!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:3 / span 2!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-radio-group{height:36px!important;min-height:36px!important;gap:7px!important}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label{justify-content:center!important;padding:0 10px 0 30px!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;border-color:#cfddeb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label:before{content:'';position:absolute;left:10px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:999px;border:2px solid #cbd5e1;background:#fff;box-sizing:border-box;transition:.15s ease}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label:after{content:'';position:absolute;left:14px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:999px;background:#0f766e;opacity:0;transform:scale(.5);transition:.15s ease}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label:has(input:checked){border-color:#0f766e!important;background:#e7f5f2!important;color:#0f5f59!important;box-shadow:inset 0 0 0 1px rgba(15,118,110,.18),0 6px 14px rgba(15,118,110,.08)!important}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label:has(input:checked):before{border-color:#0f766e}.training-definition-card [data-training-step-panel="basic"] .training-radio-group label:has(input:checked):after{opacity:1;transform:scale(1)}.training-definition-card [data-training-step-panel="basic"] .training-radio-group span{padding:0!important}@media(max-width:1100px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / -1!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:1 / -1!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:1 / -1!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-column:1!important;grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:2!important;grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:1!important;grid-row:5!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:2!important;grid-row:5!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:1 / -1!important;grid-row:6!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:7!important}}@media(max-width:680px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:1fr!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1!important;grid-row:auto!important}}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:3 / span 2!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-column:1!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:2!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / span 2!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:3!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:4!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:1 / span 2!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:3 / span 2!important;grid-row:3!important}@media(max-width:1100px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-column:1!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:2!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:1 / -1!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / -1!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:1 / -1!important;grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:1!important;grid-row:5!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:2!important;grid-row:5!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:1 / -1!important;grid-row:6!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:7!important}}@media(max-width:680px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1!important;grid-row:auto!important}}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(9){grid-column:3!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:4!important;grid-row:1!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:1!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:2!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:3 / span 2!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:3 / span 2!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:5!important}@media(max-width:1100px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(9){grid-column:1!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:2!important;grid-row:2!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:1!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:2!important;grid-row:3!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:1 / -1!important;grid-row:4!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / -1!important;grid-row:5!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:8!important}}@media(max-width:680px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(9),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1!important;grid-row:auto!important}}
        .training-wizard-step.is-locked{opacity:.42!important;filter:grayscale(.35)!important;cursor:not-allowed!important;pointer-events:none!important;background:#f1f5f9!important;border-color:#dbe4ee!important;box-shadow:none!important;transform:none!important}.training-wizard-step.is-locked .training-wizard-step-number{background:#e2e8f0!important;color:#94a3b8!important}.training-wizard-step.is-locked .training-wizard-step-copy strong,.training-wizard-step.is-locked .training-wizard-step-copy small,.training-wizard-step.is-locked .training-wizard-step-tag,.training-wizard-step.is-locked .training-wizard-step-icon{color:#94a3b8!important}
        .training-definition-card .training-wizard-steps{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important;padding:10px 12px!important;border:1px solid #d7e5f0!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.training-definition-card .training-wizard-steps:before,.training-definition-card .training-wizard-steps:after{display:none!important}.training-definition-card .training-wizard-step{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid #d6e4ef!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;clip-path:none!important;overflow:hidden!important}.training-definition-card .training-wizard-step:before{display:none!important}.training-definition-card .training-wizard-step-number{position:static!important;transform:none!important;grid-column:1!important;grid-row:1!important;width:24px!important;height:24px!important;border:1px solid #c7e8e2!important;border-radius:999px!important;background:#ecfdf5!important;color:#0f766e!important;font-size:11px!important;box-shadow:none!important}.training-definition-card .training-wizard-step-icon,.training-definition-card .training-wizard-step-copy small{display:none!important}.training-definition-card .training-wizard-step-copy{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;padding:0!important;border:0!important}.training-definition-card .training-wizard-step-copy strong{display:block!important;font-size:12px!important;line-height:1.15!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.training-definition-card .training-wizard-step-tag{position:static!important;grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;margin:0!important;min-height:20px!important;max-width:72px!important;padding:4px 7px!important;border-radius:999px!important;background:#f1f5f9!important;color:#64748b!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.training-definition-card .training-wizard-step.is-active{border-color:#0f9f7a!important;background:#eefaf7!important;box-shadow:0 6px 14px rgba(15,118,110,.08)!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-number{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}.training-definition-card .training-wizard-step.is-active .training-wizard-step-tag{background:#dff7f0!important;color:#0f766e!important}.training-definition-card .training-wizard-step.is-locked{background:#f1f5f9!important;border-color:#dbe4ee!important;box-shadow:none!important}.training-definition-card .training-wizard-step.is-locked .training-wizard-step-number{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#94a3b8!important}.training-definition-card .training-wizard-step.is-locked .training-wizard-step-copy strong,.training-definition-card .training-wizard-step.is-locked .training-wizard-step-tag{color:#94a3b8!important}@media(max-width:1180px){.training-definition-card .training-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.training-definition-card .training-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.training-definition-card .training-wizard-step{min-height:42px!important}}@media(max-width:560px){.training-definition-card .training-wizard-steps{grid-template-columns:1fr!important}}
        .training-definition-card .training-wizard-steps{gap:0!important;padding:6px 8px!important;border-radius:9px!important;background:#fbfdff!important}.training-definition-card .training-wizard-step{grid-template-columns:24px minmax(0,1fr)!important;min-height:36px!important;padding:6px 10px!important;border:0!important;border-right:1px solid #e2e8f0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.training-definition-card .training-wizard-step:last-child{border-right:0!important}.training-definition-card .training-wizard-step:hover{background:#f6fafc!important}.training-definition-card .training-wizard-step-number{width:20px!important;height:20px!important;border-width:1px!important;font-size:10px!important}.training-definition-card .training-wizard-step-tag{display:none!important}.training-definition-card .training-wizard-step-copy strong{font-size:12px!important;font-weight:900!important}.training-definition-card .training-wizard-step.is-active{background:#eefaf7!important;border-right-color:#d6eadf!important;box-shadow:inset 0 -2px 0 #0f766e!important}.training-definition-card .training-wizard-step.is-locked{background:transparent!important;border-right-color:#e5edf5!important;box-shadow:none!important}
        .training-online-exam-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #dbe6f2;border-radius:10px;background:#f8fafc;padding:14px}.training-online-exam-qr{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe6f2;border-radius:10px;padding:10px}.training-online-exam-qr img{width:180px;height:180px;display:block}.training-online-exam-copy{display:grid;gap:9px;min-width:0}.training-online-exam-copy strong{color:#0f172a;font-size:15px}.training-online-exam-copy span{display:block;min-width:0;color:#475569;font-size:12px;font-weight:800;word-break:break-all}@media(max-width:700px){.training-online-exam-card{grid-template-columns:1fr}.training-online-exam-qr{justify-content:flex-start}}
        .training-submit-proxy{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
        .training-session-records-table{table-layout:fixed;min-width:1380px}.training-session-records-table th,.training-session-records-table td{vertical-align:middle}.training-session-records-table th:nth-child(1),.training-session-records-table td:nth-child(1){width:17%}.training-session-records-table th:nth-child(2),.training-session-records-table td:nth-child(2){width:9%}.training-session-records-table th:nth-child(3),.training-session-records-table td:nth-child(3){width:14%}.training-session-records-table th:nth-child(4),.training-session-records-table td:nth-child(4){width:10%}.training-session-records-table th:nth-child(5),.training-session-records-table td:nth-child(5){width:10%}.training-session-records-table th:nth-child(6),.training-session-records-table td:nth-child(6){width:7%}.training-session-records-table th:nth-child(7),.training-session-records-table td:nth-child(7){width:8%}.training-session-records-table th:nth-child(8),.training-session-records-table td:nth-child(8){width:25%}.training-session-records-table .training-code-stack{display:block;min-width:0}.training-session-records-table .training-code{max-width:100%;min-height:32px;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-session-records-table .project-pill{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-session-records-table .training-row-actions{flex-wrap:nowrap}.training-session-records-table .mini-btn{white-space:nowrap}
        .training-dashboard,.training-list-card,.training-list-card .table-wrap{max-width:100%;min-width:0}.training-list-card .table-wrap{overflow-x:auto}.training-session-records-table{width:100%;min-width:0!important;table-layout:fixed}.training-session-records-table th,.training-session-records-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-session-records-table th:nth-child(1),.training-session-records-table td:nth-child(1){width:13%}.training-session-records-table th:nth-child(2),.training-session-records-table td:nth-child(2){width:8%}.training-session-records-table th:nth-child(3),.training-session-records-table td:nth-child(3){width:13%}.training-session-records-table th:nth-child(4),.training-session-records-table td:nth-child(4){width:9%}.training-session-records-table th:nth-child(5),.training-session-records-table td:nth-child(5){width:9%}.training-session-records-table th:nth-child(6),.training-session-records-table td:nth-child(6){width:6%}.training-session-records-table th:nth-child(7),.training-session-records-table td:nth-child(7){width:7%}.training-session-records-table th:nth-child(8),.training-session-records-table td:nth-child(8){width:150px}.training-session-records-table .training-row-actions{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-start}.training-session-records-table .training-row-actions .mini-btn{width:34px;min-width:34px;height:34px;min-height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.training-session-records-table .training-row-actions .mini-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.training-session-records-table .training-row-actions .mini-btn svg{width:16px;height:16px;display:block;flex:0 0 auto}
        .training-session-records-table .training-row-actions{gap:4px!important;justify-content:flex-start;flex-wrap:nowrap}.training-session-records-table th:nth-child(8),.training-session-records-table td:nth-child(8){width:144px!important}.training-session-records-table .training-row-actions .btn-with-icon{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;gap:0!important;font-size:0!important;line-height:0!important}.training-session-records-table .training-row-actions .btn-with-icon>span{display:none!important}.training-session-records-table .training-row-actions .btn-with-icon svg,.training-session-records-table .training-row-actions .btn-with-icon i{width:15px!important;height:15px!important;font-size:15px!important;margin:0!important;display:block!important;flex:0 0 auto}
        .training-session-records-table th:nth-child(8),.training-session-records-table td:nth-child(8){width:184px!important}.training-session-records-table .training-row-actions{width:max-content;max-width:100%}.training-session-records-table tbody tr{height:58px}
        .training-session-records-table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden}.training-session-records-table th{padding:10px 14px!important;background:#eef3f8!important;color:#334155!important}.training-session-records-table td{padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #e8eef5!important}.training-session-records-table tbody tr:nth-child(odd) td{background:#f8fcfb!important}.training-session-records-table tbody tr:hover td{background:#eefaf7!important}.training-session-records-table th:nth-child(1),.training-session-records-table td:nth-child(1){width:155px!important}.training-session-records-table th:nth-child(2),.training-session-records-table td:nth-child(2){width:110px!important}.training-session-records-table th:nth-child(3),.training-session-records-table td:nth-child(3){width:170px!important}.training-session-records-table th:nth-child(4),.training-session-records-table td:nth-child(4){width:120px!important}.training-session-records-table th:nth-child(5),.training-session-records-table td:nth-child(5){width:76px!important}.training-session-records-table th:nth-child(6),.training-session-records-table td:nth-child(6){width:104px!important;text-align:center}.training-session-records-table th:nth-child(7),.training-session-records-table td:nth-child(7){width:132px!important}.training-session-records-table th:nth-child(8),.training-session-records-table td:nth-child(8){width:232px!important}.training-session-records-table .status-badge{min-width:86px;box-shadow:none;border-radius:9px}.training-session-records-table .mini-btn.is-disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.35);pointer-events:none}
        .training-row-actions .absent-icon-btn{width:34px;min-width:34px;height:34px;min-height:34px;padding:0!important;justify-content:center;gap:0}.training-row-actions .absent-icon-btn span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.training-row-actions .absent-icon-btn svg{width:15px;height:15px}.training-row-actions .absent-icon-btn.is-disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.45);pointer-events:none}.training-absent-copy-box{width:min(920px,calc(100vw - 46px));max-height:calc(100vh - 70px)}.training-absent-summary{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:10px;margin-bottom:12px}.training-absent-summary div{border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;padding:10px 12px}.training-absent-summary span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.training-absent-summary strong{display:block;margin-top:4px;color:#0f172a;font-size:13px}.training-absent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;padding-right:4px}.training-absent-person{border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:9px 10px;min-width:0}.training-absent-person strong{display:block;color:#0f172a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-absent-person span,.training-absent-person small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-absent-person small{color:#0f766e}@media(max-width:760px){.training-absent-summary,.training-absent-list{grid-template-columns:1fr}}
        .training-follow-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}.training-follow-summary-grid .training-preview-stat{min-height:74px;padding:10px 12px}.training-follow-summary-grid .training-preview-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-follow-summary-grid .training-preview-value{font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1400px){.training-follow-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:760px){.training-follow-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
        .training-annual-plan-modal{z-index:10090}.training-annual-plan-box{width:min(1220px,96vw);max-height:92vh}.training-annual-plan-headline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.training-annual-plan-row{display:grid;grid-template-columns:minmax(260px,1.5fr) 120px 120px minmax(180px,.8fr) minmax(260px,1.2fr) 42px;gap:8px;align-items:start;padding:10px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;margin-top:8px}.training-annual-plan-row:first-child{margin-top:0}.training-annual-plan-row select,.training-annual-plan-row input,.training-annual-plan-row textarea{width:100%;min-height:38px;border:1px solid #ccd8e6;border-radius:8px;background:#fff;padding:8px 10px;font-size:12px;font-weight:800;color:#0f172a}.training-annual-plan-row textarea{min-height:38px;resize:vertical;line-height:1.35}.training-annual-plan-row .btn-secondary{min-width:42px;width:42px;height:38px;padding:0}.training-annual-plan-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.training-annual-plan-actions>div{display:flex;gap:8px;flex-wrap:wrap}.training-annual-plan-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;color:#64748b;font-weight:800;font-size:12px}@media(max-width:1120px){.training-annual-plan-headline{grid-template-columns:repeat(2,minmax(0,1fr))}.training-annual-plan-row{grid-template-columns:1fr 1fr}.training-annual-plan-row .btn-secondary{width:100%;min-width:0}}@media(max-width:640px){.training-annual-plan-headline,.training-annual-plan-row{grid-template-columns:1fr}}
        .training-metric-grid,.training-filter-form,.training-command-panel{max-width:100%;min-width:0;overflow:hidden}.training-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.training-metric-card{min-width:0}.training-metric-foot,.training-command-copy span,.training-search-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .training-records-page{gap:12px}.training-records-page .training-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-records-page .training-metric-card{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon label" "icon value" "icon foot";align-items:center;column-gap:12px;min-height:98px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#fff 0%,#f8fbfd 100%);box-shadow:0 10px 24px rgba(15,23,42,.055);border-color:#d7e5f0}.training-records-page .training-metric-card:before{right:-42px;top:-48px;width:118px;height:118px;border-width:22px;opacity:.85}.training-records-page .training-metric-icon{grid-area:icon;width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#eefaf7;border:1px solid #c7e8e2;color:#0f766e;font-size:17px;z-index:1}.training-records-page .training-metric-label{grid-area:label;font-size:11px;letter-spacing:.01em;color:#52647a}.training-records-page .training-metric-value{grid-area:value;margin-top:4px;font-size:31px}.training-records-page .training-metric-foot{grid-area:foot;margin-top:5px;max-width:100%;font-size:12px;color:#64748b}.training-records-page .training-command-panel{grid-template-columns:minmax(0,1fr) auto auto;padding:13px 14px;border-radius:10px;background:linear-gradient(135deg,#fff 0%,#f8fbfd 100%);border-color:#d7e5f0;box-shadow:0 10px 24px rgba(15,23,42,.05)}.training-records-page .training-command-copy strong{font-size:17px}.training-records-page .training-search-note{gap:8px;min-height:38px;border-radius:9px;background:#f8fafc;color:#334155}.training-records-page .training-filter-form{padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.045);border-color:#d7e5f0}.training-records-page .training-filter-grid{grid-template-columns:minmax(150px,.85fr) minmax(150px,.85fr) minmax(240px,1.2fr) minmax(150px,.7fr) auto;gap:10px}.training-records-page .training-filter-grid .field{padding:0;border:0;background:transparent}.training-records-page .training-filter-grid label{font-size:11px;color:#334155}.training-records-page .training-filter-grid input{min-height:40px;border-radius:9px}.training-records-page .training-filter-actions{flex-wrap:nowrap}.training-records-page .training-filter-actions .btn-small,.training-records-page .training-filter-actions .btn-secondary{min-height:40px;border-radius:9px}.training-records-page .training-list-card{border-radius:12px;padding:16px 18px 18px;border-color:#d7e5f0;box-shadow:0 12px 28px rgba(15,23,42,.06);background:#fff}.training-records-page .training-list-head{align-items:center;margin-bottom:12px}.training-records-page .training-list-head h3{font-size:21px}.training-records-page .training-list-head p{font-size:13px}.training-records-page .list-meta{display:flex;gap:8px;flex-wrap:wrap}.training-records-page .meta-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:9px;background:#f8fafc;border:1px solid #dbe6f2;color:#334155;font-size:12px;font-weight:900}.training-records-page .training-session-records-table{border:1px solid #d7e5f0;border-radius:10px;overflow:hidden;background:#fff}.training-records-page .training-session-records-table th{height:42px!important;padding:9px 14px!important;background:#edf3f7!important;color:#26364d!important;font-size:11px!important;letter-spacing:.01em}.training-records-page .training-session-records-table td{height:56px!important;padding:9px 14px!important}.training-records-page .training-session-records-table tbody tr:hover td{background:#f0faf8!important}.training-records-page .training-code{min-width:132px;justify-content:center;border-radius:9px;background:#e8f7f4}.training-records-page .project-pill{border-radius:8px;background:#f6f9fc;border-color:#dce7f1}.training-records-page .status-badge{border-radius:9px}.training-records-page .training-empty-row{height:104px!important;background:#fbfdfd!important}.training-records-page .training-empty-state{display:grid;justify-items:center;gap:6px;color:#64748b}.training-records-page .training-empty-state i{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eefaf7;border:1px solid #c7e8e2;color:#0f766e}.training-records-page .training-empty-state strong{font-size:15px;color:#0f172a}.training-records-page .training-empty-state small{font-size:12px;color:#64748b}@media(max-width:1200px){.training-records-page .training-command-panel,.training-records-page .training-filter-grid{grid-template-columns:1fr}.training-records-page .training-filter-actions{justify-content:flex-start}.training-records-page .training-metric-grid{grid-template-columns:1fr}}@media(max-width:760px){.training-records-page .training-metric-card{grid-template-columns:38px minmax(0,1fr);padding:14px}.training-records-page .training-list-card{padding:14px}.training-records-page .list-meta{width:100%}}
        .training-records-page .training-metric-card{grid-template-columns:36px minmax(0,1fr) 92px;grid-template-areas:"icon label chart" "icon value chart" "icon foot chart";min-height:82px;padding:12px 14px;border-radius:9px;background:linear-gradient(135deg,#ffffff 0%,#fbfdff 58%,#f1f8f7 100%);box-shadow:0 8px 18px rgba(15,23,42,.045)}
        .training-records-page .training-metric-card:before{display:none}
        .training-records-page .training-metric-icon{width:34px;height:34px;border-radius:9px;font-size:14px}
        .training-records-page .training-metric-label{font-size:10.5px;line-height:1.1}
        .training-records-page .training-metric-value{font-size:26px;margin-top:2px}
        .training-records-page .training-metric-foot{font-size:11.5px;margin-top:3px}
        .training-records-page .training-metric-chart{grid-area:chart;align-self:stretch;display:flex;align-items:end;justify-content:flex-end;gap:5px;min-height:54px;padding:9px 8px 7px;border:1px solid #dcebe7;border-radius:9px;background:linear-gradient(180deg,#ffffff 0%,#eefaf7 100%)}
        .training-records-page .training-metric-chart span{width:9px;border-radius:999px;background:linear-gradient(180deg,#14b8a6 0%,#0f766e 100%);box-shadow:0 3px 8px rgba(15,118,110,.18)}
        .training-records-page .training-metric-card:nth-child(2) .training-metric-chart span{background:linear-gradient(180deg,#38bdf8 0%,#2563eb 100%)}
        .training-records-page .training-metric-card:nth-child(3) .training-metric-chart span{background:linear-gradient(180deg,#fbbf24 0%,#d97706 100%)}
        .training-records-metric-card{display:grid!important;grid-template-columns:34px minmax(0,1fr) 96px!important;grid-template-areas:"icon label chart" "icon value chart" "icon foot chart"!important;min-height:78px!important;padding:11px 12px!important;border-radius:10px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f0faf7 100%)!important;box-shadow:0 8px 18px rgba(15,23,42,.045)!important}.training-records-metric-card:before,.training-records-metric-card::before{content:none!important;display:none!important}.training-records-metric-card .training-metric-icon{grid-area:icon!important;width:32px!important;height:32px!important;border-radius:9px!important;font-size:13px!important}.training-records-metric-card .training-metric-label{grid-area:label!important;font-size:10.5px!important;line-height:1.1!important}.training-records-metric-card .training-metric-value{grid-area:value!important;margin:1px 0 0!important;font-size:25px!important;line-height:1!important}.training-records-metric-card .training-metric-foot{grid-area:foot!important;margin:2px 0 0!important;font-size:11.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.training-records-metric-card .training-metric-chart{grid-area:chart!important;align-self:stretch!important;display:flex!important;align-items:end!important;justify-content:flex-end!important;gap:5px!important;min-height:50px!important;padding:8px 8px 6px!important;border:1px solid #dcebe7!important;border-radius:9px!important;background:linear-gradient(180deg,#fff 0%,#eefaf7 100%)!important}.training-records-metric-card .training-metric-chart span{display:block!important;width:9px!important;border-radius:999px!important;background:linear-gradient(180deg,#14b8a6 0%,#0f766e 100%)!important;box-shadow:0 3px 8px rgba(15,118,110,.18)!important}.training-records-metric-card:nth-child(2) .training-metric-chart span{background:linear-gradient(180deg,#38bdf8 0%,#2563eb 100%)!important}.training-records-metric-card:nth-child(3) .training-metric-chart span{background:linear-gradient(180deg,#fbbf24 0%,#d97706 100%)!important}
        @media(max-width:760px){.training-records-page .training-metric-card{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon label" "icon value" "icon foot" "chart chart"}.training-records-page .training-metric-chart{min-height:42px;justify-content:flex-start}}
.bulk-upload-head-minimal{padding:14px 18px;min-height:auto}.bulk-upload-head-minimal .training-form-actions{width:100%;justify-content:flex-start}.bulk-upload-shell-compact{display:grid;gap:18px}.bulk-operations-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #dbe7fb;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 12px 26px rgba(15,23,42,.05);padding:18px}.bulk-operations-card.is-muted{background:#f8fafc;border-style:dashed}.bulk-operations-card-icon{width:54px;height:54px;border-radius:16px;background:#eef4ff;border:1px solid #dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center}.bulk-operations-card-icon svg{width:24px;height:24px}.bulk-operations-card-copy span{display:block;color:#2563eb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.bulk-operations-card-copy h4{margin:5px 0 0;color:#0f172a;font-size:20px}.bulk-operations-card-copy p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.bulk-operations-card-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.bulk-upload-top-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.bulk-upload-compact-card,.bulk-upload-summary-card-compact{border:1px solid #dde7f5;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.05);overflow:hidden}.bulk-upload-summary-card-compact{padding:14px 16px}.bulk-upload-compact-head{padding:14px 16px 10px;border-bottom:1px solid #e8eef8;background:linear-gradient(180deg,#fcfdff 0%,#f8fbff 100%)}.bulk-upload-compact-head span{display:inline-flex;margin-bottom:8px;color:#2563eb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.bulk-upload-compact-head h4{margin:0;font-size:18px;color:#0f172a}.bulk-upload-compact-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}.bulk-upload-compact-body{padding:14px 16px 16px}.bulk-upload-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bulk-upload-field-plain{display:grid;gap:8px}.bulk-upload-field-plain label{display:block;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.bulk-upload-field-plain select,.bulk-upload-field-plain input[type=date]{width:100%;min-height:48px;border:1px solid #d9e4f4;border-radius:12px;padding:0 14px;background:#fff;color:#0f172a;font-size:14px;font-weight:700}.bulk-upload-dropzone-compact{margin-top:0;padding:16px 18px;border:1px dashed #c7d9fb;border-radius:18px;background:linear-gradient(180deg,#fcfdff 0%,#f7faff 100%);display:grid;gap:10px}.bulk-upload-dropzone-compact .bulk-upload-dropzone-body{display:grid;grid-template-columns:auto auto;gap:14px;align-items:center;justify-content:flex-start}.bulk-upload-dropzone-compact .bulk-upload-dropzone-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(180deg,#eef4ff 0%,#dde8ff 100%);color:#2563eb}.bulk-upload-dropzone-copy-compact{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bulk-upload-hidden-info{display:none}.bulk-upload-summary-card-compact .bulk-upload-summary-head{margin-bottom:10px;padding-bottom:10px}.bulk-upload-summary-card-compact .bulk-upload-summary-head strong{font-size:16px}.bulk-upload-summary-card-compact .bulk-upload-summary-head span{font-size:12px}.bulk-upload-summary-card-compact .bulk-upload-summary-pills{margin-bottom:14px}.bulk-upload-summary-card-compact .bulk-upload-summary-row{padding-bottom:8px}.bulk-upload-table-card{margin-top:0}.bulk-upload-table-card .employee-import-preview-head h4,.bulk-upload-result-card .employee-import-preview-head h4{margin:0;font-size:18px;color:#0f172a}.bulk-upload-table-card .employee-import-preview-head p,.bulk-upload-result-card .employee-import-preview-head p{margin:6px 0 0;color:#64748b;font-size:13px}.bulk-upload-table-card .employee-import-stats span,.bulk-upload-result-card .employee-import-stats span{padding:7px 10px;border-radius:999px}.bulk-upload-approval-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:24px;z-index:10070}.bulk-upload-approval-box{width:min(520px,94vw);background:#fff;border:1px solid #dbe4ee;border-radius:16px;box-shadow:0 28px 70px rgba(15,23,42,.24);padding:24px;display:grid;gap:16px}.bulk-upload-approval-box h4{margin:0;font-size:22px;color:#0f172a}.bulk-upload-approval-box p{margin:0;color:#64748b;font-size:14px;line-height:1.65}.bulk-upload-approval-meta{display:flex;gap:8px;flex-wrap:wrap}.bulk-upload-approval-meta span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:900}.bulk-upload-approval-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.status-warn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}@media(max-width:1200px){.bulk-upload-top-panels{grid-template-columns:1fr}.bulk-upload-compact-grid{grid-template-columns:1fr}.bulk-operations-card{grid-template-columns:1fr}.bulk-operations-card-actions{justify-content:flex-start}}@media(max-width:640px){.bulk-upload-head-minimal{padding:12px 14px}.bulk-upload-compact-head,.bulk-upload-compact-body,.bulk-upload-summary-card-compact{padding-left:14px;padding-right:14px}.bulk-upload-dropzone-compact .bulk-upload-dropzone-body{grid-template-columns:1fr}.bulk-upload-dropzone-copy-compact .btn-secondary{width:100%;justify-content:center}.bulk-upload-approval-actions{justify-content:stretch}.bulk-upload-approval-actions .btn-small,.bulk-upload-approval-actions .btn-secondary{width:100%;justify-content:center}.bulk-operations-card-actions .btn-small,.bulk-operations-card-actions .btn-secondary{width:100%;justify-content:center}}
.bulk-employee-project-select{min-height:38px;min-width:240px;border:1px solid #cbd9ee;border-radius:9px;background:#fff;color:#0f172a;padding:0 10px;font-size:12px;font-weight:800}.employee-command-panel-hidden{display:none!important}.bulk-operations-page-card{border:none;background:transparent;box-shadow:none}.bulk-operations-page-card .workplace-form-body{padding:0}.bulk-operation-section-card{display:grid;gap:18px;border:1px solid #dbe7fb;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.05);padding:18px}.bulk-operation-section-card summary{list-style:none}.bulk-operation-section-card summary::-webkit-details-marker{display:none}.bulk-operation-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding-bottom:16px;border-bottom:1px solid #e8eef8;cursor:pointer}.bulk-operation-section-head:after{content:"";width:10px;height:10px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);margin:16px 6px 0 10px;transition:transform .18s ease}details.bulk-operation-section-card[open]>.bulk-operation-section-head:after{transform:rotate(225deg);margin-top:20px}.bulk-operations-card-actions-left{justify-content:flex-start}
.belge-request-form-card{overflow:hidden}.belge-request-form-card .workplace-form-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border-bottom:1px solid #e2e8f0}.belge-request-form-card .workplace-form-head h3{font-size:24px;color:#0f172a}.belge-request-form-card .workplace-form-head p{max-width:760px;line-height:1.55}.belge-request-form{display:grid;gap:16px}.belge-request-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;gap:16px!important;align-items:start}.belge-request-form .workplace-form-section{min-width:0;border:1px solid #dbe7f4;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.045);padding:16px}.belge-request-form .workplace-section-title{margin:-16px -16px 14px;padding:13px 16px;border-bottom:1px solid #e8eef5;background:#f8fbff}.belge-request-form .belge-request-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.belge-request-form .belge-request-section-title .btn-secondary{min-height:34px;padding:8px 12px}.belge-request-form .field{min-width:0;margin-top:12px}.belge-request-form .field:first-of-type{margin-top:0}.belge-request-form input,.belge-request-form select,.belge-request-form textarea{width:100%;min-width:0}.belge-request-form .btn-with-icon{white-space:nowrap}.belge-request-form .workplace-help{margin-top:5px!important;padding:0!important;border:0!important;background:transparent!important;color:#7b8aa0!important;font-size:11px!important;font-weight:600!important;line-height:1.35!important;box-shadow:none!important}.belge-request-form-footer,.belge-request-form .workplace-form-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e8eef5;padding-top:14px;margin-top:0}.belge-request-form #belgeGecerlilikTehlikeAlani>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:1180px){.belge-request-grid{grid-template-columns:1fr!important}.belge-request-form-card .workplace-form-head{grid-template-columns:1fr}.belge-request-form-card .training-form-actions{justify-content:flex-start}}@media(max-width:760px){.belge-request-form #belgeGecerlilikTehlikeAlani>div{grid-template-columns:1fr!important}.belge-request-form .field [style*="grid-template-columns:minmax(0,1fr) auto"]{grid-template-columns:1fr!important}.belge-request-form .btn-with-icon{width:100%;justify-content:center}}
.bulk-employee-upload-panels{margin-top:0}.bulk-employee-info-list{display:grid;gap:10px}.bulk-employee-info-list span{display:flex;gap:8px;align-items:flex-start;color:#475569;font-size:13px;font-weight:800;line-height:1.45}.bulk-employee-info-list span:before{content:"";width:8px;height:8px;margin-top:5px;border-radius:999px;background:#2563eb;flex:0 0 auto}.bulk-employee-template-actions{display:grid;gap:10px}.bulk-employee-template-actions .btn-secondary{justify-content:flex-start;width:100%;min-height:42px}
.bulk-operation-section-card.is-accordion.is-collapsed>:not(.bulk-operation-section-head){display:none}.bulk-operation-section-card.is-accordion .bulk-operation-section-head{user-select:none}.bulk-operation-section-card.is-accordion.is-collapsed .bulk-operation-section-head{padding-bottom:0;border-bottom:none}.bulk-operation-section-card.is-accordion.is-collapsed .bulk-operation-section-head:after{transform:rotate(45deg);margin-top:16px}
.bulk-operations-command-center{display:grid;gap:18px;max-width:100%;min-width:0}.bulk-operations-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);gap:18px;align-items:stretch;border:1px solid #d7e5f0;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 56%,#eef8f5 100%);box-shadow:0 18px 42px rgba(15,23,42,.075);padding:22px}.bulk-operations-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0f766e 0%,#2563eb 52%,#d97706 100%)}.bulk-operations-hero-main,.bulk-operations-hero-aside{position:relative;z-index:1;min-width:0}.bulk-operations-kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:8px;background:#e8f7f4;border:1px solid #c7e8e2;color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.bulk-operations-hero h3{margin:10px 0 0;color:#0f172a;font-size:28px;line-height:1.18}.bulk-operations-hero p{margin:9px 0 0;max-width:760px;color:#52647a;font-size:14px;line-height:1.65}.bulk-operations-hero-aside{display:grid;align-content:center;gap:6px;padding:16px 18px;border:1px solid #dbe7f4;border-radius:14px;background:rgba(255,255,255,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.bulk-operations-hero-aside span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.bulk-operations-hero-aside strong{color:#0f172a;font-size:24px;line-height:1.1}.bulk-operations-hero-aside small{color:#0f766e;font-size:12px;font-weight:900}.bulk-operations-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bulk-operations-process-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mark title" "mark text";gap:4px 12px;align-items:center;min-height:86px;padding:15px 16px;border:1px solid #dbe7f4;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055)}.bulk-operations-process-card span{grid-area:mark;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef4ff;border:1px solid #dbeafe;color:#2563eb;font-size:13px;font-weight:950}.bulk-operations-process-card:nth-child(2) span{background:#e8f7f4;border-color:#c7e8e2;color:#0f766e}.bulk-operations-process-card:nth-child(3) span{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.bulk-operations-process-card strong{grid-area:title;min-width:0;color:#0f172a;font-size:14px;line-height:1.25}.bulk-operations-process-card small{grid-area:text;min-width:0;color:#64748b;font-size:12px;font-weight:800;line-height:1.35}.bulk-operations-command-center .bulk-operation-section-card{gap:0;border-color:#d7e5f0;border-radius:18px;box-shadow:0 16px 34px rgba(15,23,42,.065);padding:0;overflow:hidden}.bulk-operations-command-center .bulk-operation-section-head{padding:18px 20px;border-bottom:1px solid #e5edf7;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)}.bulk-operations-command-center .bulk-operation-section-card.is-collapsed .bulk-operation-section-head{border-bottom:none;background:#fff}.bulk-operations-command-center .bulk-operation-section-card.is-collapsed{box-shadow:0 8px 18px rgba(15,23,42,.045)}.bulk-operations-command-center .bulk-operations-card-icon{width:48px;height:48px;border-radius:14px;background:#eef4ff;border-color:#dbeafe}.bulk-operations-command-center .bulk-operations-card-copy span{color:#0f766e;letter-spacing:.02em}.bulk-operations-command-center .bulk-operations-card-copy h4{font-size:19px;line-height:1.2}.bulk-operations-command-center .bulk-operations-card-copy p{max-width:880px;color:#52647a}.bulk-operations-command-center .workplace-form-layout,.bulk-operations-command-center .bulk-upload-top-panels,.bulk-operations-command-center .employee-import-preview,.bulk-operations-command-center .table-wrap.employee-import-table-wrap{margin:18px}.bulk-operations-command-center .bulk-upload-top-panels{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-compact-card{grid-column:span 4}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card{grid-column:span 4}.bulk-operations-command-center .bulk-upload-compact-card,.bulk-operations-command-center .bulk-upload-summary-card-compact{border-color:#dbe7f4;border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.045)}.bulk-operations-command-center .bulk-upload-compact-head{background:#f8fbff}.bulk-operations-command-center .bulk-upload-compact-head span{color:#2563eb}.bulk-operations-command-center .bulk-upload-dropzone-compact{min-height:132px;border-color:#b9d4fb;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact{align-items:stretch}.bulk-operations-command-center .bulk-upload-summary-card-compact{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}.bulk-operations-command-center .bulk-employee-info-list span:before{background:#0f766e}.bulk-operations-command-center .bulk-employee-project-select{width:100%;min-width:0;min-height:42px;border-radius:10px}.bulk-operations-command-center .workplace-form-footer{margin:0 18px 18px}.bulk-operations-command-center .bulk-upload-result-card,.bulk-operations-command-center .bulk-upload-table-card{border:1px solid #dbe7f4;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.045);overflow:hidden}.bulk-operations-command-center .employee-import-preview-head{background:#f8fbff;border-bottom:1px solid #e5edf7}.bulk-operations-command-center .employee-import-stats span{background:#fff;border:1px solid #dbe7f4}.bulk-operations-command-center .bulk-operations-card.is-muted{border-color:#dbe7f4;border-radius:18px;background:#f8fafc;box-shadow:0 8px 18px rgba(15,23,42,.045)}@media(max-width:1180px){.bulk-operations-hero{grid-template-columns:1fr}.bulk-operations-process-grid{grid-template-columns:1fr}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-compact-card,.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card{grid-column:span 12}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact{width:100%}}@media(max-width:640px){.bulk-operations-hero{padding:18px}.bulk-operations-hero h3{font-size:22px}.bulk-operations-hero-aside strong{font-size:20px}.bulk-operations-process-card{grid-template-columns:1fr;grid-template-areas:"mark" "title" "text"}.bulk-operations-command-center .bulk-operation-section-head{grid-template-columns:auto minmax(0,1fr);padding:16px}.bulk-operations-command-center .bulk-operation-section-head:after{grid-column:1 / -1;margin:2px 0 0}.bulk-operations-command-center .workplace-form-layout,.bulk-operations-command-center .bulk-upload-top-panels,.bulk-operations-command-center .employee-import-preview,.bulk-operations-command-center .table-wrap.employee-import-table-wrap{margin:14px}.bulk-operations-command-center .workplace-form-footer{margin:0 14px 14px}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact .btn-small,.bulk-operations-command-center .bulk-upload-dropzone-copy-compact .btn-secondary{width:100%;justify-content:center}}
.bulk-operations-command-center>.bulk-operations-hero,.bulk-operations-command-center>.bulk-operations-process-grid{display:none!important}.bulk-operations-command-center{gap:14px}.bulk-operations-command-center .bulk-operation-section-head{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}.bulk-operation-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}.bulk-operation-close-btn:hover{border-color:#94a3b8;background:#f8fafc;color:#0f172a}.bulk-operation-close-btn svg{width:14px;height:14px;display:block}.bulk-operation-section-card.is-collapsed .bulk-operation-close-btn{display:none}.bulk-operations-command-center .workplace-form-layout{display:grid;gap:16px;margin:18px 20px 20px}.bulk-operations-command-center .workplace-form-layout .bulk-upload-top-panels,.bulk-operations-command-center .workplace-form-layout .employee-import-preview,.bulk-operations-command-center .workplace-form-layout .workplace-form-footer{margin:0}.bulk-operations-command-center .bulk-upload-top-panels{margin:16px 20px 20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels{margin:0}.bulk-operations-command-center .bulk-upload-compact-card,.bulk-operations-command-center .bulk-upload-summary-card-compact,.bulk-operations-command-center .bulk-upload-compact-body,.bulk-operations-command-center .bulk-upload-summary-list,.bulk-operations-command-center .bulk-upload-summary-row{min-width:0}.bulk-operations-command-center .bulk-upload-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bulk-operations-command-center .bulk-upload-field-plain label{min-height:34px;display:flex;align-items:flex-start}.bulk-operations-command-center .bulk-upload-dropzone-compact .bulk-upload-dropzone-body{grid-template-columns:auto minmax(0,1fr)}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact{width:100%;min-width:0}.bulk-operations-command-center .employee-import-table-wrap{max-width:calc(100% - 40px);overflow-x:auto}.bulk-operations-command-center .employee-import-table{width:100%;min-width:980px;table-layout:fixed}.bulk-operations-command-center .employee-import-table th,.bulk-operations-command-center .employee-import-table td{white-space:normal;overflow:visible;text-overflow:clip;vertical-align:middle}.bulk-operations-command-center .employee-import-table th:last-child,.bulk-operations-command-center .employee-import-table td:last-child{width:230px}.bulk-operations-command-center .employee-import-table .table-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-width:max-content;max-width:none}.bulk-operations-command-center .employee-import-table .table-actions .btn-with-icon{min-width:max-content;max-width:none;white-space:nowrap}.bulk-operations-command-center .employee-import-table .table-actions form{margin:0}@media(max-width:1180px){.bulk-operations-command-center .bulk-upload-top-panels,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels{grid-template-columns:1fr}.bulk-operations-command-center .bulk-upload-field-plain label{min-height:0}}@media(max-width:640px){.bulk-operations-command-center .bulk-operation-section-head{grid-template-columns:auto minmax(0,1fr) auto}.bulk-operation-close-btn{grid-column:1 / -1;justify-self:start}.bulk-operations-command-center .workplace-form-layout,.bulk-operations-command-center .bulk-upload-top-panels{margin:14px}.bulk-operations-command-center .workplace-form-layout .bulk-upload-top-panels,.bulk-operations-command-center .workplace-form-layout .employee-import-preview,.bulk-operations-command-center .workplace-form-layout .workplace-form-footer{margin:0}.bulk-operations-command-center .employee-import-table-wrap{max-width:calc(100% - 28px)}.bulk-operations-command-center .bulk-upload-compact-grid{grid-template-columns:1fr}}
.bulk-operations-command-center .bulk-upload-top-panels,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-compact-card,.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card,.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card-compact{grid-column:auto!important;min-width:0}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card,.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card-compact{grid-column:1 / -1!important}.bulk-operations-command-center .bulk-upload-top-panels.bulk-upload-main-triptych,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels.bulk-upload-main-triptych{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.bulk-operations-command-center .bulk-upload-main-triptych>.bulk-upload-compact-card,.bulk-operations-command-center .bulk-upload-main-triptych>.bulk-upload-summary-card,.bulk-operations-command-center .bulk-upload-main-triptych>.bulk-upload-summary-card-compact{grid-column:auto!important;width:auto!important;max-width:none!important;min-width:0!important}.bulk-operations-command-center .bulk-upload-compact-card{min-height:226px}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact{display:grid;grid-template-columns:minmax(0,1fr);align-content:center}.bulk-operations-command-center .bulk-upload-dropzone-copy-compact .btn-small,.bulk-operations-command-center .bulk-upload-dropzone-copy-compact .btn-secondary{width:max-content;max-width:100%}.bulk-operations-command-center .bulk-employee-project-select{width:100%}@media(max-width:900px){.bulk-operations-command-center .bulk-upload-top-panels,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels{grid-template-columns:1fr!important}.bulk-operations-command-center .bulk-upload-top-panels.bulk-upload-main-triptych,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels.bulk-upload-main-triptych{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card,.bulk-operations-command-center .bulk-upload-top-panels>.bulk-upload-summary-card-compact{grid-column:auto!important}.bulk-operations-command-center .bulk-upload-compact-card{min-height:0}}@media(max-width:760px){.bulk-operations-command-center .bulk-upload-top-panels.bulk-upload-main-triptych,.bulk-operations-command-center .workplace-form-layout>.bulk-upload-top-panels.bulk-upload-main-triptych{grid-template-columns:1fr!important}}
.bulk-operations-command-center{gap:12px}.bulk-operations-command-center .bulk-operation-section-card{border-color:#e1eaf5;border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.035)}.bulk-operations-command-center .bulk-operation-section-card.is-collapsed{box-shadow:0 6px 14px rgba(15,23,42,.028)}.bulk-operations-command-center .bulk-operation-section-head{min-height:74px;padding:13px 18px;gap:12px;border-bottom-color:#edf2f8;background:#fff}.bulk-operations-command-center .bulk-operation-section-card:not(.is-collapsed) .bulk-operation-section-head{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.bulk-operations-command-center .bulk-operation-section-head:after{width:9px;height:9px;margin:12px 6px 0 8px;border-color:#64748b;border-width:0 2px 2px 0}.bulk-operations-command-center .bulk-operation-section-card.is-collapsed .bulk-operation-section-head:after{margin-top:10px}.bulk-operations-command-center .bulk-operations-card-icon{width:42px;height:42px;border-radius:12px;background:#f4f8ff;border:1px solid #dce8fb;color:#2563eb;box-shadow:none}.bulk-operations-command-center .bulk-operations-card-icon svg{width:20px;height:20px}.bulk-operations-command-center .bulk-operations-card-copy span{color:#0f766e;font-size:10.5px;font-weight:900;letter-spacing:.018em}.bulk-operations-command-center .bulk-operations-card-copy h4{margin-top:4px;font-size:18px;font-weight:900;line-height:1.18;color:#071832}.bulk-operations-command-center .bulk-operations-card-copy p{margin-top:5px;max-width:880px;color:#52647a;font-size:12.5px;line-height:1.45}.bulk-operations-command-center .bulk-operation-close-btn{min-height:32px;padding:7px 11px;border-color:#d6e1ee;border-radius:8px;background:#fff;color:#334155}.bulk-operations-command-center .bulk-operation-close-btn:hover{border-color:#b9c7d8;background:#fbfdff;color:#071832}@media(max-width:640px){.bulk-operations-command-center .bulk-operation-section-head{min-height:auto;padding:13px 14px}.bulk-operations-command-center .bulk-operations-card-icon{width:38px;height:38px;border-radius:10px}.bulk-operations-command-center .bulk-operations-card-copy h4{font-size:16px}}
.bulk-employee-unified-form{display:grid;gap:14px;margin:18px 20px 20px}.bulk-employee-unified-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;align-items:stretch}.bulk-employee-unified-card,.bulk-employee-rule-card{min-width:0}.bulk-employee-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.bulk-employee-form-grid .field{margin-top:0;display:grid;gap:7px;min-width:0}.bulk-employee-form-grid label,.bulk-employee-rule-card>label{margin:0;color:#334155;font-size:11px;font-weight:950;text-transform:uppercase}.bulk-employee-form-grid select,.bulk-employee-form-grid input[type=file]{width:100%;min-height:44px;border:1px solid #cbd9ee;border-radius:10px;background:#fff;color:#0f172a;padding:8px 11px;font-size:13px;font-weight:850;box-sizing:border-box}.bulk-employee-form-grid small{color:#64748b;font-size:11px;font-weight:800;line-height:1.4}.bulk-employee-rule-card{display:grid;gap:12px;align-content:start}.bulk-employee-rule-card .employee-import-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;margin:0;color:#334155;font-size:12px;font-weight:850;line-height:1.4;text-transform:none}.bulk-employee-rule-card .employee-import-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#0f766e}.bulk-employee-rule-card .employee-import-check span{display:block}.bulk-employee-unified-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px dashed #cbd9ee;border-radius:12px;background:#f8fbff}.bulk-employee-unified-actions span{color:#52657d;font-size:12px;font-weight:850;line-height:1.45}.bulk-employee-unified-actions>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:1180px){.bulk-employee-unified-grid,.bulk-employee-form-grid{grid-template-columns:1fr}}@media(max-width:640px){.bulk-employee-unified-form{margin:14px}.bulk-employee-unified-actions{align-items:stretch;flex-direction:column}.bulk-employee-unified-actions>div,.bulk-employee-unified-actions .btn-small,.bulk-employee-unified-actions .btn-secondary{width:100%;justify-content:center}}
.bulk-employee-unified-actions>span{color:#52657d;font-size:12px;font-weight:850;line-height:1.45}.bulk-employee-unified-actions .btn-secondary span{color:#334155!important;font-weight:900}.bulk-employee-unified-actions .btn-small{min-height:42px;padding:10px 16px;border-color:#1d5da8;background:linear-gradient(180deg,#2f7ad0 0%,#1f62ad 100%);color:#fff!important;box-shadow:0 10px 18px rgba(31,98,173,.18)}.bulk-employee-unified-actions .btn-small:hover{background:linear-gradient(180deg,#256fc4 0%,#18579d 100%);box-shadow:0 12px 22px rgba(31,98,173,.24)}.bulk-employee-unified-actions .btn-small span,.bulk-employee-unified-actions .btn-small svg{color:#fff!important;stroke:#fff!important}
.bulk-operations-command-center .employee-pending-import-table-wrap{max-width:calc(100% - 40px);overflow-x:auto}.bulk-operations-command-center .employee-pending-import-table{width:100%;min-width:1180px;table-layout:fixed}.bulk-operations-command-center .employee-pending-import-table .pending-col-file{width:220px}.bulk-operations-command-center .employee-pending-import-table .pending-col-project{width:auto}.bulk-operations-command-center .employee-pending-import-table .pending-col-count{width:170px}.bulk-operations-command-center .employee-pending-import-table .pending-col-date{width:210px}.bulk-operations-command-center .employee-pending-import-table .pending-col-action{width:260px}.bulk-operations-command-center .employee-pending-import-table th,.bulk-operations-command-center .employee-pending-import-table td{padding:16px 22px;vertical-align:middle;box-sizing:border-box}.bulk-operations-command-center .employee-pending-import-table th:nth-child(3),.bulk-operations-command-center .employee-pending-import-table td:nth-child(3){text-align:center}.bulk-operations-command-center .employee-pending-import-table th:nth-child(4),.bulk-operations-command-center .employee-pending-import-table td:nth-child(4){white-space:nowrap}.bulk-operations-command-center .employee-pending-import-table th:nth-child(5),.bulk-operations-command-center .employee-pending-import-table td:nth-child(5){white-space:nowrap;overflow:visible}.bulk-operations-command-center .employee-pending-import-table td:nth-child(1),.bulk-operations-command-center .employee-pending-import-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.38}.bulk-operations-command-center .employee-pending-import-table td:nth-child(5) .btn-with-icon{display:inline-flex;min-height:38px;margin-right:6px;white-space:nowrap}.bulk-operations-command-center .employee-pending-import-table td:nth-child(5) .btn-with-icon:last-child{margin-right:0}@media(max-width:640px){.bulk-operations-command-center .employee-pending-import-table-wrap{max-width:calc(100% - 28px)}}
.bulk-operations-command-center .employee-pending-import-table th:nth-child(1),.bulk-operations-command-center .employee-pending-import-table td:nth-child(1){width:220px}.bulk-operations-command-center .employee-pending-import-table th:nth-child(3),.bulk-operations-command-center .employee-pending-import-table td:nth-child(3){width:170px}.bulk-operations-command-center .employee-pending-import-table th:nth-child(4),.bulk-operations-command-center .employee-pending-import-table td:nth-child(4){width:210px}.bulk-operations-command-center .employee-pending-import-table th:nth-child(5),.bulk-operations-command-center .employee-pending-import-table td:nth-child(5){width:260px}
.employee-import-card-modern{overflow:hidden;border:1px solid #dce8f5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(15,35,65,.055)!important;padding:0!important}.employee-import-card-modern .employee-import-head{padding:18px 22px;border-bottom:1px solid #edf2f8;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);align-items:center}.employee-import-title-group{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.employee-import-title-icon{width:44px;height:44px;border-radius:12px;background:#f1f6ff;border:1px solid #dbe8fb;color:#2563eb;display:flex;align-items:center;justify-content:center}.employee-import-title-icon svg{width:21px;height:21px}.employee-import-card-modern .section-kicker{color:#0f766e;font-size:10.5px;font-weight:950;letter-spacing:.02em}.employee-import-card-modern .employee-import-head h3{margin:4px 0 0;font-size:20px;line-height:1.18;color:#071832}.employee-import-card-modern .employee-import-head p{margin:5px 0 0;max-width:760px;color:#52657d;font-size:13px;line-height:1.5}.employee-import-card-modern .training-form-actions .btn-secondary{min-height:36px;border-radius:9px;padding:8px 13px}.employee-import-card-modern .employee-import-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(240px,1fr) minmax(230px,.9fr) minmax(320px,1.12fr) auto;gap:12px;align-items:stretch;padding:18px 22px 14px;margin:0}.employee-import-card-modern .employee-import-grid .field{display:grid;align-content:start;gap:8px;min-width:0;margin:0!important;padding:13px 14px;border:1px solid #e1eaf5;border-radius:12px;background:#f9fbfe;box-shadow:none}.employee-import-card-modern .employee-import-grid label:first-child{margin:0;color:#26364f;font-size:11px;font-weight:950;text-transform:uppercase}.employee-import-card-modern .employee-import-grid select,.employee-import-card-modern .employee-import-grid input[type=file]{width:100%;min-height:40px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:#071832;padding:8px 10px;font-size:13px;font-weight:800;box-sizing:border-box}.employee-import-card-modern .employee-import-grid small{color:#64748b;font-size:11.5px;font-weight:750;line-height:1.45}.employee-import-card-modern .employee-import-flag{gap:9px}.employee-import-card-modern .employee-import-check{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;margin:0!important;color:#334155;font-size:12px;font-weight:850;line-height:1.35}.employee-import-card-modern .employee-import-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#0f766e}.employee-import-card-modern .employee-import-actions{align-items:end;justify-content:flex-end}.employee-import-card-modern .employee-import-actions .btn-small{min-height:40px;padding:9px 15px;border-radius:10px;background:#1f62ad;color:#fff;white-space:nowrap}.employee-import-card-modern .employee-import-note{margin:0 22px 18px;padding:12px 14px;border-radius:12px;background:#fbfdff;border:1px dashed #c9d8eb;color:#52657d;gap:8px 10px;align-items:center}.employee-import-card-modern .employee-import-note .btn-secondary{min-height:36px;border-radius:9px;padding:8px 12px;background:#fff}.employee-import-card-modern .employee-import-note strong{color:#26364f}.employee-import-card-modern .employee-import-preview-modern{margin:0 22px 22px;padding:18px 0 0;border-top:1px solid #edf2f8}.employee-import-preview-modern .employee-import-preview-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-bottom:14px}.employee-import-preview-modern .employee-import-preview-head h4{font-size:21px;color:#071832;line-height:1.15}.employee-import-preview-modern .employee-import-preview-head p{color:#52657d;font-size:12.5px;font-weight:750}.employee-import-preview-modern .employee-import-stats{justify-content:flex-end;gap:8px}.employee-import-preview-modern .employee-import-stats span{min-height:38px;padding:8px 11px;border-radius:10px;background:#f8fbff;border-color:#dfe8f4;color:#334155;box-shadow:0 4px 10px rgba(15,35,65,.035)}.employee-import-preview-modern .employee-import-stats strong{font-size:16px}.employee-import-preview-modern .employee-import-table-wrap{border:1px solid #dfe8f4;border-radius:14px;box-shadow:0 8px 18px rgba(15,35,65,.045);overflow:auto}.employee-import-preview-modern .employee-import-table{width:100%!important;min-width:1180px!important;table-layout:fixed!important;border:0!important;box-shadow:none!important}.employee-import-preview-modern .employee-import-table thead th{padding:14px 16px!important;background:#f6f9fd!important;border-bottom:1px solid #dfe8f4!important;color:#475569!important;font-size:11.5px!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.employee-import-preview-modern .employee-import-table tbody td{padding:16px!important;border-bottom:1px solid #eef3f8!important;background:#fff!important;color:#071832!important;font-size:13px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;vertical-align:middle!important}.employee-import-preview-modern .employee-import-table tbody tr:nth-child(even) td{background:#fcfdff!important}.employee-import-preview-modern .employee-import-table tbody tr:hover td{background:#f8fbff!important}.employee-import-preview-modern .employee-import-table th:first-child,.employee-import-preview-modern .employee-import-table td:first-child{width:62px!important;min-width:62px!important;text-align:center;color:#475569!important}.employee-import-preview-modern .employee-import-table th:nth-child(2),.employee-import-preview-modern .employee-import-table td:nth-child(2){width:250px!important}.employee-import-preview-modern .employee-import-table th:nth-child(3),.employee-import-preview-modern .employee-import-table td:nth-child(3){width:180px!important}.employee-import-preview-modern .employee-import-table th:nth-child(4),.employee-import-preview-modern .employee-import-table td:nth-child(4){width:210px!important}.employee-import-preview-modern .employee-import-table th:nth-child(5),.employee-import-preview-modern .employee-import-table td:nth-child(5){width:210px!important}.employee-import-preview-modern .employee-import-table th:nth-child(6),.employee-import-preview-modern .employee-import-table td:nth-child(6){width:210px!important}.employee-import-preview-modern .employee-import-table th:nth-child(7),.employee-import-preview-modern .employee-import-table td:nth-child(7){width:250px!important}.employee-import-preview-modern .employee-import-inline-input{min-height:42px;border-radius:10px;border-color:#d4dfec;background:#f8fbff;color:#071832;padding:9px 12px;font-size:13px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.employee-import-preview-modern .employee-import-inline-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.employee-import-preview-modern .employee-import-inline-input.is-warning{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.employee-import-preview-modern .employee-import-error-stack{gap:8px}.employee-import-preview-modern .employee-import-error-stack .status-badge{width:max-content;max-width:100%;border-radius:999px}.employee-import-preview-modern .employee-import-error-stack small{max-width:220px;color:#b42318;font-size:11.5px;font-weight:850;line-height:1.45;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.employee-import-preview-modern .employee-import-footnote{margin:12px 0 0;padding:11px 13px;border:1px solid #dfe8f4;border-radius:11px;background:#f8fbff;color:#52657d}.employee-import-preview-modern .employee-import-submit-row{position:sticky;bottom:0;z-index:2;margin:16px 0 0;padding:13px 0 0;border-top:1px solid #edf2f8;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,#fff 38%)}.employee-import-preview-modern .employee-import-submit-row .btn-small{min-height:40px;border-radius:10px;padding:9px 15px}.employee-import-preview-modern .employee-import-submit-row .btn-secondary{min-height:40px;border-radius:10px}@media(max-width:1320px){.employee-import-card-modern .employee-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-import-card-modern .employee-import-actions{justify-content:flex-start}.employee-import-preview-modern .employee-import-preview-head{grid-template-columns:1fr}.employee-import-preview-modern .employee-import-stats{justify-content:flex-start}}@media(max-width:720px){.employee-import-card-modern .employee-import-head{padding:16px}.employee-import-title-group{grid-template-columns:1fr}.employee-import-card-modern .employee-import-grid{grid-template-columns:1fr;padding:16px}.employee-import-card-modern .employee-import-note,.employee-import-card-modern .employee-import-preview-modern{margin-left:16px;margin-right:16px}.employee-import-card-modern .employee-import-note .btn-secondary,.employee-import-card-modern .employee-import-actions .btn-small,.employee-import-preview-modern .employee-import-submit-row .btn-small,.employee-import-preview-modern .employee-import-submit-row .btn-secondary{width:100%;justify-content:center}}
.employee-import-card-modern .employee-import-preview-modern{padding-top:14px}.employee-import-card-modern .employee-import-preview-modern:first-child{border-top:none}.employee-import-preview-modern .employee-import-table tbody td{padding:9px 14px!important}.employee-import-preview-modern .employee-import-table thead th{padding:11px 14px!important}.employee-import-preview-modern .employee-import-inline-input{min-height:36px;padding:7px 10px;border-radius:9px}.employee-import-preview-modern .employee-import-edit-stack{min-width:0}.employee-import-preview-modern .employee-import-error-stack{display:grid;justify-items:end;text-align:left;gap:7px;min-width:0}.employee-import-preview-modern .employee-import-error-stack .status-badge{justify-self:end;min-height:30px;padding:6px 14px;box-shadow:0 5px 12px rgba(15,35,65,.1)}.employee-import-preview-modern .employee-import-error-stack small{justify-self:end;width:100%;max-width:230px;font-size:11px;line-height:1.35}.employee-import-preview-modern .employee-import-table th:nth-child(7),.employee-import-preview-modern .employee-import-table td:nth-child(7){width:290px!important}.employee-import-preview-modern .employee-import-table tbody tr{height:auto!important}.employee-import-preview-modern .employee-import-preview-head{margin-bottom:10px}.employee-import-preview-modern .employee-import-stats span{min-height:34px;padding:7px 10px}
.employee-import-preview-modern .employee-import-table{min-width:1040px!important}
.employee-import-preview-modern .employee-import-table thead th{padding:8px 12px!important;font-size:11px!important;line-height:1.15!important}
.employee-import-preview-modern .employee-import-table tbody td{padding:7px 12px!important;font-size:12px!important;line-height:1.2!important}
.employee-import-preview-modern .employee-import-table th:first-child,.employee-import-preview-modern .employee-import-table td:first-child{width:50px!important;min-width:50px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(2),.employee-import-preview-modern .employee-import-table td:nth-child(2){width:220px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(3),.employee-import-preview-modern .employee-import-table td:nth-child(3){width:150px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(4),.employee-import-preview-modern .employee-import-table td:nth-child(4){width:180px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(5),.employee-import-preview-modern .employee-import-table td:nth-child(5){width:180px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(6),.employee-import-preview-modern .employee-import-table td:nth-child(6){width:180px!important}
.employee-import-preview-modern .employee-import-table th:nth-child(7),.employee-import-preview-modern .employee-import-table td:nth-child(7){width:230px!important}
.employee-import-preview-modern .employee-import-inline-input{min-height:30px!important;height:30px!important;padding:5px 9px!important;border-radius:8px!important;font-size:12px!important}
.employee-import-preview-modern .employee-import-error-stack{gap:3px!important;justify-items:start!important}
.employee-import-preview-modern .employee-import-error-stack small{justify-self:start!important;max-width:210px!important;font-size:10.5px!important;line-height:1.22!important}
.employee-import-preview-modern .employee-import-error-stack .status-badge.employee-import-check-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 10px rgba(15,35,65,.08)!important}
.employee-import-preview-modern .employee-import-check-icon svg{width:14px!important;height:14px!important}
.ozluk-dashboard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px;padding:18px;border:1px solid #dfe8f5;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 14px 34px rgba(15,35,65,.06)}.ozluk-dashboard-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;min-height:96px;border:1px solid #dbe7fb;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 10px 22px rgba(15,23,42,.045);padding:15px 16px}.ozluk-dashboard-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef4ff;border:1px solid #dbeafe;color:#2563eb}.ozluk-dashboard-icon svg{width:22px;height:22px}.ozluk-dashboard-icon.is-green{background:#ecfdf5;border-color:#bbf7d0;color:#16a05d}.ozluk-dashboard-icon.is-amber{background:#fff7ed;border-color:#fed7aa;color:#d97706}.ozluk-dashboard-icon.is-red{background:#fff1f2;border-color:#fecdd3;color:#e11d48}.ozluk-dashboard-icon.is-purple{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.ozluk-dashboard-copy{min-width:0}.ozluk-dashboard-copy span{display:block;color:#64748b;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ozluk-dashboard-copy strong{display:block;margin-top:3px;color:#0f172a;font-size:26px;line-height:1}.ozluk-dashboard-copy small{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:800;line-height:1.35}@media(max-width:1400px){.ozluk-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ozluk-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ozluk-dashboard-grid{grid-template-columns:1fr;padding:14px}}
.workplace-pill.is-warning{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.workplace-filter-form{padding-top:12px}.workplace-list-head+.workplace-filter-form{padding-top:4px}.workplace-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}.workplace-filter-grid-wide{grid-template-columns:minmax(260px,1.45fr) minmax(150px,.72fr) minmax(150px,.72fr) minmax(150px,.72fr) minmax(150px,.72fr) auto auto}.workplace-filter-grid .field{margin-top:0;min-width:0}.workplace-filter-grid .field label{display:block;margin:0 0 7px;line-height:1.25}.workplace-filter-grid input,.workplace-filter-grid select{min-width:0}@media(max-width:1200px){.workplace-filter-grid,.workplace-filter-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.workplace-filter-grid .btn-small,.workplace-filter-grid .btn-secondary{width:100%;justify-content:center}}@media(max-width:640px){.workplace-filter-grid,.workplace-filter-grid-wide{grid-template-columns:1fr}}
.training-question-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(190px,.95fr) minmax(120px,.45fr) auto auto!important}.training-question-modal-box{width:min(900px,94vw)}.training-question-modal-box .training-upload-body{padding:14px 16px}.training-question-form{gap:10px}.training-question-compact-section{padding:12px!important;border-radius:8px!important}.training-question-compact-section .field{margin-top:0!important;padding:8px!important}.training-question-compact-section label{font-size:11px!important;margin-bottom:6px!important}.training-question-top-grid{display:grid;grid-template-columns:minmax(260px,1fr);gap:8px;align-items:start}.training-question-text-field{grid-column:1 / -1}.training-question-text-field textarea{min-height:74px!important;max-height:110px!important}.training-question-options-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.training-question-options-grid .training-question-option-field{padding:8px!important}.training-question-options-grid .training-question-option-row{grid-template-columns:28px 34px minmax(0,1fr) 40px;gap:7px}.training-question-options-grid input[type=text],.training-question-top-grid select{min-height:38px!important;height:38px!important;padding:8px 10px!important}.training-question-options-grid .training-question-image-btn{width:40px;height:38px}.training-question-options-grid .training-question-thumb{min-height:46px;padding:4px}.training-question-options-grid .training-question-thumb img{height:38px}.training-question-options-grid small{margin-top:4px!important;font-size:10px!important}.training-question-form .workplace-form-footer{margin-top:0;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.training-question-footer-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.training-question-difficulty-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.training-question-difficulty-picker>span{color:#26364f;font-size:11px;font-weight:900;text-transform:uppercase;margin-right:2px}.training-question-difficulty-picker label{margin:0!important;padding:0!important}.training-question-difficulty-picker input{position:absolute;opacity:0;pointer-events:none}.training-question-difficulty-picker label span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border:1px solid #ccd8e6;border-radius:999px;background:#fff;color:#334155;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 1px 0 rgba(15,23,42,.03)}.training-question-difficulty-picker input:checked+span{border-color:#0f766e;background:#e7f5f2;color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.training-question-form .btn-small,.training-question-form .btn-secondary{min-height:36px;padding:8px 12px}@media(max-width:900px){.training-question-filter-grid{grid-template-columns:1fr 1fr!important}.training-question-top-grid,.training-question-options-grid{grid-template-columns:1fr}.training-question-form .workplace-form-footer{align-items:stretch;flex-direction:column}.training-question-footer-actions{justify-content:flex-end}.training-question-difficulty-picker{justify-content:flex-start}}@media(max-width:640px){.training-question-filter-grid{grid-template-columns:1fr!important}.training-question-modal-box .training-upload-body{padding:12px}}
.training-question-option-letter{display:inline-flex;align-items:center;justify-content:flex-start;color:#26364f;font-size:13px;font-weight:900}.training-question-correct-pick{width:34px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccd8e6;border-radius:9px;background:#fff;cursor:pointer;box-shadow:0 1px 0 rgba(15,23,42,.03)}.training-question-correct-pick input{position:absolute;opacity:0;pointer-events:none}.training-question-correct-pick span{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.training-question-correct-pick input:checked+span{border-color:#0f766e;background:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.14)}.training-question-correct-pick input:checked+span:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-2px}.training-question-correct-pick:hover span{border-color:#0f766e}
.training-question-hero-card{margin-bottom:18px;padding:18px;border:1px solid #dbe4ee;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 10px 24px rgba(15,23,42,.06);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.15fr) 210px;gap:18px;align-items:stretch}.training-question-hero-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.training-question-hero-kicker{width:max-content;padding:5px 9px;border-radius:999px;background:#e7f5f2;color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.training-question-hero-copy>strong{color:#0f172a;font-size:20px;font-weight:900;line-height:1.2}.training-question-hero-copy>span:not(.training-question-hero-kicker){color:#475569;font-size:13px;line-height:1.5}.training-question-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}.training-question-hero-metrics div{padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.training-question-hero-metrics strong{display:block;color:#0f766e;font-size:20px;line-height:1}.training-question-hero-metrics span{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:800}.training-question-hero-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.training-question-chart-card{padding:12px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.03)}.training-question-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#334155;font-size:12px;font-weight:900}.training-question-chart-head strong{color:#0f172a}.training-question-chart-bars{display:grid;gap:9px}.training-question-chart-bars div{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;gap:8px;align-items:center}.training-question-chart-bars span,.training-question-chart-bars em{color:#475569;font-size:11px;font-style:normal;font-weight:850}.training-question-chart-bars b{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.training-question-chart-bars i{display:block;height:100%;min-width:4px;border-radius:999px}.training-question-chart-bars .is-text{background:#10b981}.training-question-chart-bars .is-image{background:#3b82f6}.training-question-chart-bars .is-easy{background:#16a34a}.training-question-chart-bars .is-medium{background:#f59e0b}.training-question-chart-bars .is-hard{background:#dc2626}.training-question-hero-actions{display:grid;gap:9px;align-content:start}.training-question-hero-actions .btn-small,.training-question-hero-actions .btn-secondary{width:100%;min-height:42px;justify-content:flex-start;white-space:nowrap}.training-question-hero-action{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:7px 12px!important;text-align:left;border-radius:8px!important;font-size:12px!important;font-weight:900;letter-spacing:0;box-shadow:0 6px 16px rgba(15,23,42,.08)!important}.training-question-hero-action span:last-child{overflow:hidden;text-overflow:ellipsis}.training-question-hero-action-icon{width:30px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#eef7f5;color:#0f766e}.training-question-hero-action-icon svg{width:16px;height:16px}.training-question-hero-action.is-primary .training-question-hero-action-icon{background:rgba(255,255,255,.18);color:#fff}.training-question-hero-action.btn-secondary{background:#fff!important;color:#0f172a!important;border:1px solid #cbd8e6!important}.training-question-hero-action.btn-secondary:hover{border-color:#0f766e!important;background:#f8fcfb!important}.training-question-hero-action.is-primary:hover{filter:brightness(.96)}@media(max-width:1200px){.training-question-hero-card{grid-template-columns:1fr 220px}.training-question-hero-charts{grid-column:1 / 2;grid-row:2}.training-question-hero-actions{grid-column:2;grid-row:1 / span 2}}@media(max-width:760px){.training-question-hero-card{grid-template-columns:1fr}.training-question-hero-charts,.training-question-hero-actions{grid-column:auto;grid-row:auto}.training-question-hero-charts,.training-question-hero-metrics{grid-template-columns:1fr}.training-question-hero-actions{grid-template-columns:1fr}}.training-question-table{table-layout:fixed;min-width:1180px}.training-question-table .tq-col-select{width:58px}.training-question-table .tq-col-type{width:96px}.training-question-table .tq-col-category{width:220px}.training-question-table .tq-col-topic{width:260px}.training-question-table .tq-col-question{width:auto}.training-question-table .tq-col-user{width:170px}.training-question-table .tq-col-date{width:120px}.training-question-table .tq-col-action{width:150px}.training-question-table th,.training-question-table td{vertical-align:middle}.training-question-table td{overflow:hidden}.training-question-table td:last-child{overflow:visible}.training-question-table .workplace-copy strong{display:block;white-space:normal;line-height:1.35}.training-question-type-stack{display:flex;align-items:center;gap:6px;white-space:nowrap}.training-question-type-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:900;line-height:1}.training-question-type-badge.is-image{background:#eef6ff;border-color:#bfdbfe;color:#1d4ed8}.training-question-type-badge.is-text{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.training-question-difficulty-badge{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:34px;height:28px;border-radius:8px;border:1px solid #dbe4ee;background:#f8fafc;padding:6px}.training-question-difficulty-badge i{display:block;width:5px;border-radius:999px;background:#cbd5e1}.training-question-difficulty-badge i:nth-child(1){height:7px}.training-question-difficulty-badge i:nth-child(2){height:11px}.training-question-difficulty-badge i:nth-child(3){height:15px}.training-question-difficulty-badge.is-easy{border-color:#bbf7d0;background:#ecfdf5}.training-question-difficulty-badge.is-easy i:nth-child(1){background:#047857}.training-question-difficulty-badge.is-medium{border-color:#fde68a;background:#fffbeb}.training-question-difficulty-badge.is-medium i:nth-child(-n+2){background:#b45309}.training-question-difficulty-badge.is-hard{border-color:#fecaca;background:#fff1f2}.training-question-difficulty-badge.is-hard i{background:#b42318}.training-question-list-question{display:-webkit-box;min-width:0;white-space:normal;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.training-question-set-list-card .table-wrap{border-radius:8px}.training-question-set-table{table-layout:fixed;width:100%;min-width:980px}.training-question-set-table .tqs-col-name{width:auto}.training-question-set-table .tqs-col-count{width:150px}.training-question-set-table .tqs-col-user{width:170px}.training-question-set-table .tqs-col-date{width:120px}.training-question-set-table .tqs-col-action{width:172px}.training-question-set-table th,.training-question-set-table td{padding:12px 10px;vertical-align:middle}.training-question-set-table tbody tr{height:64px}.training-question-set-table tbody tr:nth-child(even){background:#fbfdff}.training-question-set-table .workplace-copy{display:block;min-width:0}.training-question-set-table .workplace-copy strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.training-question-set-table .workplace-copy span{display:block;margin-top:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:11px;font-weight:800;line-height:1.25}.training-question-set-table .training-question-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap}.training-question-set-table .training-question-action-btn{width:34px;height:34px;min-width:34px}.training-question-set-table .workplace-pill{white-space:nowrap}.training-question-set-card{display:grid;gap:14px}.training-question-set-form{display:block}.training-question-set-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1fr) auto auto;gap:10px;align-items:end}.training-question-set-grid .field{margin-top:0}.training-question-set-summary{min-height:40px;padding:7px 12px;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc;display:flex;align-items:center;gap:7px;color:#475569;font-weight:900}.training-question-set-summary strong{color:#0f766e;font-size:18px}.training-question-set-summary span{font-size:11px;text-transform:uppercase}.training-question-set-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.training-question-set-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #dbe4ee;border-radius:9px;background:#fff;padding:10px 12px}.training-question-set-item strong{display:block;color:#0f172a;font-size:13px}.training-question-set-item small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:800}.training-question-set-check{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer}.training-question-set-check input{position:absolute;opacity:0;pointer-events:none}.training-question-set-check span{width:17px;height:17px;border-radius:5px;border:2px solid #cbd5e1;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center}.training-question-set-check input:checked+span{border-color:#0f766e;background:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.training-question-set-check input:checked+span:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-2px}@media(max-width:900px){.training-question-set-grid{grid-template-columns:1fr}.training-question-set-grid .btn-small{width:100%;justify-content:center}}.training-question-filter-grid{grid-template-columns:minmax(110px,.42fr) minmax(170px,.8fr) minmax(220px,1fr) minmax(115px,.5fr) minmax(115px,.5fr) minmax(230px,1.1fr) auto!important}.training-question-filter-actions{display:flex;gap:8px;align-items:end}.training-question-search-field{min-width:0}.training-question-filter-actions .btn-small,.training-question-filter-actions .btn-secondary{min-height:38px;justify-content:center}.training-question-form.is-image-question .training-question-repeat-btn{display:none!important}#egitimSoruPreviewModal{align-items:center!important;padding:22px!important;z-index:100120!important}#egitimSoruPreviewModal .training-question-modal-box{width:min(920px,92vw);max-height:calc(100vh - 70px)!important}#egitimSoruPreviewModal .training-upload-head{padding:12px 16px}#egitimSoruPreviewModal .training-upload-body{padding:14px 16px;max-height:calc(100vh - 145px);overflow:auto}.training-question-preview{display:grid;gap:12px;color:#0f172a}.training-question-preview-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fbff}.training-question-preview-head strong{display:block;font-size:15px;line-height:1.35;color:#071832}.training-question-preview-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.training-question-preview-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid #dbe4ee;border-radius:999px;background:#fff;color:#334155;font-size:11px;font-weight:900;white-space:nowrap}.training-question-preview-pill.correct{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.training-question-preview-question{padding:14px 16px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#0f172a;font-size:15px;font-weight:850;line-height:1.55}.training-question-preview-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.training-question-preview-option{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;min-height:44px;padding:9px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.training-question-preview-option.is-correct{border-color:#86efac;background:#f0fdf4}.training-question-preview-code{width:28px;height:28px;border-radius:8px;background:#eef3f8;color:#334155;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}.training-question-preview-option.is-correct .training-question-preview-code{background:#0f766e;color:#fff}.training-question-preview-answer{min-width:0;color:#10233f;font-size:13px;font-weight:800;line-height:1.45}.training-question-preview-answer img{display:block;max-width:100%;max-height:120px;object-fit:contain;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.training-question-preview-empty{color:#64748b;font-size:12px;font-weight:800}@media(max-width:1200px){.training-question-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.training-question-filter-actions{grid-column:1 / -1}.training-question-filter-actions .btn-small,.training-question-filter-actions .btn-secondary{flex:1}}@media(max-width:760px){.training-question-filter-grid{grid-template-columns:1fr!important}.training-question-filter-actions{flex-direction:column}.training-question-filter-actions .btn-small,.training-question-filter-actions .btn-secondary{width:100%}.training-question-preview-head,.training-question-preview-options{grid-template-columns:1fr}.training-question-preview-meta{justify-content:flex-start}}
#egitimSoruSetModal{align-items:center!important;padding:22px!important;z-index:100120!important}#egitimSoruSetModal .training-upload-head{padding:12px 16px}#egitimSoruSetModal .training-question-set-modal-box{width:min(1160px,92vw);max-height:calc(100vh - 70px)!important}#egitimSoruSetModal .training-upload-body{max-height:calc(100vh - 146px);overflow:auto;padding:12px 14px}#egitimSoruSetModal .table-wrap{max-height:min(420px,44vh);overflow:auto}.training-question-set-modal-box .training-question-table{width:100%;min-width:960px}.training-question-set-modal-box .training-question-table th,.training-question-set-modal-box .training-question-table td{padding:8px 10px}.training-question-set-modal-box .egitim-soru-set-row{height:48px}.training-question-set-filter-grid{display:grid;grid-template-columns:minmax(105px,.4fr) minmax(160px,.78fr) minmax(200px,.95fr) minmax(105px,.5fr) minmax(105px,.5fr) minmax(220px,1.05fr) auto;gap:8px;align-items:end;margin-bottom:8px}.training-question-set-filter-grid .field{margin-top:0}.training-question-set-filter-grid label{margin-bottom:5px}.training-question-set-filter-grid select,.training-question-set-filter-grid input{min-height:36px}.training-question-set-filter-grid .btn-secondary{min-height:36px;justify-content:center}.training-question-set-modal-box .tq-col-category{width:185px}.training-question-set-modal-box .tq-col-topic{width:220px}.training-question-set-modal-box .tq-col-score{width:80px}.training-question-set-modal-box .tq-col-action{width:72px}.training-question-set-score{width:68px;min-height:32px;border:1px solid #ccd8e6;border-radius:8px;padding:5px 8px;font-weight:800;color:#0f172a;text-align:center}.training-question-set-score:disabled{background:#f1f5f9;color:#64748b}#egitimSoruSetModal .workplace-form-footer{position:sticky;bottom:-12px;background:#fff;margin-top:8px;padding:10px 0 0;box-shadow:0 -8px 14px rgba(255,255,255,.9)}#egitimSoruSetModal .workplace-form-footer .btn-small,#egitimSoruSetModal .workplace-form-footer .btn-secondary{min-height:36px;padding:8px 12px}@media(max-width:1100px){.training-question-set-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-question-set-filter-grid .btn-secondary{width:100%}}@media(max-width:640px){.training-question-set-filter-grid{grid-template-columns:1fr}}.ozluk-approval-table tbody td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.ozluk-approval-table .workplace-copy{display:grid;gap:3px}.ozluk-approval-table .workplace-copy strong,.ozluk-approval-table .workplace-copy span{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.ozluk-approval-table .project-pill-inline{display:inline-flex!important;white-space:nowrap!important}
.approval-assignee-modal{position:fixed;inset:0;z-index:10090;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.56);backdrop-filter:blur(4px)}.approval-assignee-modal.is-open{display:flex}.approval-assignee-panel{width:min(1040px,94vw);max-height:92vh;background:#fff;border:1px solid #dbe4ee;border-radius:18px;box-shadow:0 30px 90px rgba(15,23,42,.28);overflow:hidden;display:flex;flex-direction:column}.approval-assignee-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e5edf7;background:linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)}.approval-assignee-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.approval-assignee-icon{width:48px;height:48px;border-radius:14px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f766e;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,118,110,.12)}.approval-assignee-icon svg{width:23px;height:23px}.approval-assignee-head h4{margin:0;color:#0f172a;font-size:22px;line-height:1.2}.approval-assignee-head p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.5}.approval-assignee-close{min-width:42px;min-height:40px;padding:0 12px;border-radius:10px}.approval-assignee-body{padding:20px 24px;overflow:auto;display:grid;gap:16px;background:#fff}.approval-assignee-mode{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,1fr);gap:14px;padding:14px;border:1px solid #e2eaf5;border-radius:14px;background:#f8fbff}.approval-assignee-field{display:grid;gap:7px;min-width:0}.approval-assignee-field label{font-size:12px;font-weight:900;color:#26364f;text-transform:uppercase}.approval-assignee-field select,.approval-assignee-search{width:100%;min-height:46px;border:1px solid #ccd8e6;border-radius:10px;padding:0 13px;background:#fff;color:#0f172a;font-weight:500;box-shadow:0 1px 0 rgba(15,23,42,.03)}.approval-assignee-search{padding:10px 13px;font-weight:500}.approval-assignee-field select:focus,.approval-assignee-search:focus,.approval-assignee-project-row select:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.14)}.approval-assignee-list{display:grid;gap:8px}.approval-assignee-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dbe4ee;border-radius:9px;background:#fff;padding:10px 12px;cursor:pointer}.approval-assignee-item:hover{border-color:#b8cadc;background:#fbfdff}.approval-assignee-item input{width:18px;height:18px}.approval-assignee-item strong{display:block;color:#0f172a;font-size:13px}.approval-assignee-item small{display:block;margin-top:3px;color:#64748b;font-size:11px}.approval-assignee-section{display:grid;gap:12px}.approval-assignee-project-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.approval-assignee-count{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:999px;background:#eef4ff;border:1px solid #dbeafe;color:#2563eb;font-size:12px;font-weight:700;white-space:nowrap}.approval-assignee-project-list{display:grid;gap:8px;max-height:390px;overflow:auto;padding-right:4px}.approval-assignee-project-row{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,1fr);gap:14px;align-items:center;border:1px solid #dbe4ee;border-radius:12px;background:#fff;padding:10px 14px;min-height:62px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.approval-assignee-project-row:hover{border-color:#b8cadc;background:#fbfdff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.approval-assignee-project-copy{display:block;min-width:0;color:#334155;font-size:13px;font-weight:500;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-assignee-project-row select{width:100%;min-height:44px;border:1px solid #ccd8e6;border-radius:10px;padding:0 11px;background:#fff;font-weight:500;color:#0f172a}.approval-assignee-hint{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;color:#475569;font-size:13px;font-weight:700;line-height:1.55}.approval-assignee-hint svg{width:18px;height:18px;color:#2563eb;margin-top:1px}.approval-assignee-actions{display:flex;justify-content:flex-end;gap:10px;padding:15px 24px;border-top:1px solid #e5edf7;background:#fff}.approval-assignee-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;font-weight:800}.approval-assignee-panel:has(.belge-scope-project-list){width:min(1280px,96vw)}.belge-scope-addbar{grid-template-columns:minmax(260px,1fr) auto!important;align-items:end}.belge-scope-add-button{min-height:46px;align-self:end;white-space:nowrap}.belge-scope-project-list{max-height:min(56vh,520px)}.approval-assignee-project-row.belge-scope-project-row{grid-template-columns:minmax(210px,.62fr) minmax(760px,1.38fr);gap:12px;min-height:58px;padding:10px 12px}.belge-scope-project-copy{display:grid!important;gap:3px;white-space:normal!important;overflow:visible!important}.belge-scope-project-copy strong{display:block;color:#0f172a;font-size:13px;font-weight:950;line-height:1.25;white-space:normal}.belge-scope-project-copy small{display:block;color:#64748b;font-size:11px;font-weight:850;line-height:1.25}.belge-scope-controls{display:grid;grid-template-columns:126px minmax(170px,.8fr) 114px minmax(180px,.86fr) 76px;gap:8px;align-items:center;min-width:0}.belge-scope-controls select{min-height:38px!important;font-size:12px!important;padding:0 9px!important}.belge-scope-switch{min-height:38px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fbff;color:#334155;font-size:11px;font-weight:900;line-height:1.15;cursor:pointer}.belge-scope-switch input{width:17px;height:17px;accent-color:#0f766e;flex:0 0 auto}.belge-scope-switch span{min-width:0}.belge-scope-remove{width:76px!important;min-width:76px!important;height:38px!important;border-radius:10px!important;font-size:11px!important;font-weight:900!important;padding:0 8px!important}@media(max-width:1180px){.approval-assignee-project-row.belge-scope-project-row{grid-template-columns:1fr}.belge-scope-controls{grid-template-columns:repeat(2,minmax(0,1fr)) 80px}.belge-scope-remove{grid-column:auto}}@media(max-width:760px){.approval-assignee-mode,.approval-assignee-project-toolbar,.approval-assignee-project-row{grid-template-columns:1fr}.approval-assignee-count{justify-content:flex-start}.approval-assignee-project-copy{white-space:normal}.belge-scope-addbar{grid-template-columns:1fr!important}.belge-scope-add-button{width:100%;justify-content:center}.belge-scope-controls{grid-template-columns:1fr}.belge-scope-remove{width:100%!important;min-width:0!important}}@media(max-width:640px){.approval-assignee-modal{padding:12px}.approval-assignee-head{padding:18px}.approval-assignee-title{grid-template-columns:1fr}.approval-assignee-body{padding:16px}.approval-assignee-actions{justify-content:stretch;flex-direction:column;padding:14px 16px}.approval-assignee-actions .btn-small,.approval-assignee-actions .btn-secondary{width:100%;justify-content:center}}
        .veri-accordion{padding:0;overflow:hidden}.veri-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:#fff}.veri-accordion summary::-webkit-details-marker{display:none}.veri-accordion-summary-copy{display:grid;gap:5px;min-width:0}.veri-accordion-summary-copy h3{margin:0;font-size:20px;color:#0f172a}.veri-accordion-summary-copy p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.veri-accordion-caret{width:34px;height:34px;border-radius:8px;border:1px solid #dbe4ee;background:#f8fafc;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease}.veri-accordion-caret svg{width:18px;height:18px;transform:rotate(90deg)}.veri-accordion[open] .veri-accordion-caret{background:#e7f5f2;border-color:#b9ded8;color:#0f766e;transform:rotate(180deg)}.veri-accordion-body{border-top:1px solid #e2e8f0;padding:16px 20px 20px}.veri-accordion-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-bottom:14px}
        .workplace-filter-grid-isyerleri{
            grid-template-columns:minmax(130px,.55fr) minmax(220px,1fr) minmax(220px,1fr) minmax(180px,.8fr) minmax(260px,1.2fr) auto auto;
        }
        .workplace-company-field-grid{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:12px;
            align-items:start;
        }
        .workplace-company-field-grid .field{
            margin-top:0;
            min-width:0;
            display:flex;
            flex-direction:column;
        }
        .workplace-company-field-grid .field.wide{
            grid-column:span 2;
        }
        .workplace-company-field-grid .field.full{
            grid-column:1 / -1;
        }
        .workplace-company-field-grid textarea{
            min-height:92px;
            resize:vertical;
        }
        .workplace-form-title-wrap{
            display:flex;
            align-items:center;
            gap:12px;
            min-width:0;
        }
        .workplace-mini-logo{
            width:62px;
            height:62px;
            flex:0 0 62px;
            border:1px solid #dbe4ee;
            border-radius:8px;
            background:#f8fafc;
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
            color:#64748b;
            font-size:11px;
            font-weight:900;
        }
        .workplace-mini-logo img{
            width:100%;
            height:100%;
            object-fit:contain;
            padding:6px;
            display:block;
            background:#fff;
        }
        .workplace-project-field-grid{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:12px;
            align-items:start;
        }
        .workplace-project-field-grid .field{
            margin-top:0;
            min-width:0;
        }
        .workplace-project-field-grid textarea{
            min-height:86px;
            resize:vertical;
        }
        .workplace-side-grid{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:16px;
            grid-column:1 / -1;
            align-items:stretch;
        }
        .workplace-side-grid .workplace-form-section{
            min-width:0;
        }
        .workplace-user-auth-list{
            display:grid;
            gap:8px;
            max-height:312px;
            overflow:auto;
            padding-right:4px;
        }
        .workplace-user-auth-item{
            display:grid;
            grid-template-columns:auto minmax(0,1fr);
            gap:10px;
            align-items:center;
            padding:10px 12px;
            border:1px solid #e2e8f0;
            border-radius:8px;
            background:#f8fafc;
            cursor:pointer;
        }
        .workplace-user-auth-item input{
            width:18px;
            height:18px;
            accent-color:#0f766e;
        }
        .workplace-user-auth-item span{
            display:grid;
            gap:3px;
            min-width:0;
        }
        .workplace-user-auth-item strong{
            color:#0f172a;
            font-size:13px;
            word-break:break-word;
        }
        .workplace-user-auth-item small{
            color:#64748b;
            font-size:11px;
            font-weight:800;
            word-break:break-word;
        }
        .workplace-empty-auth{
            padding:16px;
            border:1px dashed #cbd5e1;
            border-radius:8px;
            background:#f8fafc;
            color:#64748b;
            font-size:12px;
            font-weight:800;
            text-align:center;
        }
        .workplace-filter-grid-onay{
            grid-template-columns:minmax(145px,.65fr) minmax(170px,.8fr) minmax(200px,.95fr) minmax(190px,.9fr) minmax(230px,1.1fr) auto auto;
        }
        .workplace-definition-panel.workplace-form-card{
            padding:0!important;
            overflow:hidden;
            border-radius:10px;
            max-height:calc(100vh - 126px);
            display:flex;
            flex-direction:column;
            box-shadow:0 18px 48px rgba(15,35,65,.16);
        }
        .workplace-definition-panel .workplace-form-head{
            flex:0 0 auto;
            padding:12px 16px!important;
            gap:12px;
        }
        .workplace-definition-panel .workplace-form-head h3{
            margin:3px 0 0!important;
            font-size:18px!important;
            line-height:1.18;
        }
        .workplace-definition-panel .workplace-form-head p{
            margin-top:3px!important;
            font-size:12px!important;
            line-height:1.35!important;
        }
        .workplace-definition-panel .settings-badge{
            padding:5px 8px;
            border-radius:7px;
            font-size:10px;
        }
        .workplace-definition-panel .workplace-mini-logo{
            width:46px;
            height:46px;
            flex-basis:46px;
        }
        .workplace-definition-panel .workplace-form-body{
            flex:1 1 auto;
            min-height:0;
            overflow:auto;
            padding:12px 16px 14px!important;
            background:#f8fafc;
        }
        .workplace-definition-panel .workplace-form-layout,
        .workplace-definition-panel .workplace-basic-grid{
            gap:10px!important;
        }
        .workplace-definition-panel .workplace-form-section{
            padding:0!important;
            overflow:hidden;
            border-radius:9px;
            box-shadow:none!important;
        }
        .workplace-definition-panel .workplace-section-title{
            margin:0!important;
            padding:9px 12px!important;
            border-bottom:1px solid #e5edf6;
            background:#fff;
        }
        .workplace-definition-panel .workplace-section-title span{
            font-size:9px!important;
        }
        .workplace-definition-panel .workplace-section-title h4{
            margin-top:2px!important;
            font-size:14px!important;
            line-height:1.2;
        }
        .workplace-definition-panel .workplace-company-field-grid,
        .workplace-definition-panel .workplace-project-field-grid{
            padding:10px 12px;
            gap:9px 10px;
        }
        .workplace-definition-panel .field{
            margin-top:0!important;
            min-width:0;
        }
        .workplace-definition-panel .field label{
            margin-bottom:5px!important;
            font-size:10px!important;
            line-height:1.2;
        }
        .workplace-definition-panel input,
        .workplace-definition-panel select{
            min-height:36px!important;
            padding:7px 10px!important;
            border-radius:8px!important;
            font-size:12px!important;
        }
        .workplace-definition-panel textarea{
            min-height:62px!important;
            padding:8px 10px!important;
            border-radius:8px!important;
            font-size:12px!important;
            line-height:1.35!important;
        }
        .workplace-definition-panel .workplace-help{
            margin-top:5px!important;
            font-size:10.5px!important;
            line-height:1.35!important;
        }
        .workplace-definition-panel .workplace-side-grid{
            gap:10px!important;
        }
        .workplace-definition-panel .workplace-side-grid .workplace-form-section>.field,
        .workplace-definition-panel .workplace-side-grid .workplace-form-section>.workplace-user-auth-list,
        .workplace-definition-panel .workplace-side-grid .workplace-form-section>.workplace-empty-auth,
        .workplace-definition-panel .workplace-side-grid .workplace-form-section>.workplace-help{
            margin:10px 12px!important;
        }
        .workplace-definition-panel .workplace-user-auth-list{
            max-height:178px;
            gap:6px;
        }
        .workplace-definition-panel .workplace-user-auth-item{
            padding:8px 10px;
            border-radius:7px;
        }
        .workplace-definition-panel .workplace-form-footer{
            position:sticky;
            bottom:-14px;
            margin:0!important;
            padding:10px 0 0!important;
            background:linear-gradient(180deg,rgba(248,250,252,.82),#f8fafc 32%);
            display:flex;
            justify-content:flex-end;
            gap:8px;
            grid-column:1 / -1;
        }
        @media(max-width:1200px){
            .workplace-filter-grid-isyerleri{grid-template-columns:1fr 1fr}
            .workplace-company-field-grid{grid-template-columns:1fr 1fr}
            .workplace-project-field-grid,
            .workplace-side-grid{grid-template-columns:1fr}
            .workplace-filter-grid-onay{grid-template-columns:1fr 1fr}
            .workplace-filter-grid-isyerleri .btn-small,
            .workplace-filter-grid-isyerleri .btn-secondary,
            .workplace-filter-grid-onay .btn-small,
            .workplace-filter-grid-onay .btn-secondary{width:100%;justify-content:center}
        }
        @media(max-width:640px){
            .workplace-filter-grid-isyerleri{grid-template-columns:1fr}
            .workplace-company-field-grid{grid-template-columns:1fr}
            .workplace-form-title-wrap{align-items:flex-start}
            .workplace-mini-logo{width:52px;height:52px;flex-basis:52px}
            .workplace-company-field-grid .field.wide,
            .workplace-company-field-grid .field.full{grid-column:1}
            .workplace-filter-grid-onay{grid-template-columns:1fr}
        }
        .employee-list-headbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.employee-list-headbar h3{margin:0;font-size:22px;color:#0f172a}.employee-list-headbar p{margin:6px 0 0;color:var(--muted);font-size:13px}.employee-list-card .table-wrap{margin-top:0!important}@media(max-width:640px){.employee-list-headbar{padding:16px}.employee-list-headbar .list-meta{width:100%}}
        /* Calisan Listesi arayuz yenileme */
        .employee-list-headbar{
            padding:22px 22px 20px;
            border:1px solid #e1e8f0;
            border-radius:10px;
            box-shadow:0 4px 14px rgba(20,40,70,.06);
            background:#fff;
            margin-bottom:18px;
        }
        .employee-list-headbar h3{
            font-size:24px;
            margin-bottom:6px;
            color:#0f243e;
        }
        .employee-list-headbar p{
            color:#52657d;
            font-size:15px;
            margin:0;
        }
        .employee-list-headbar .meta-pill{
            border:1px solid #e5ebf3;
            border-radius:10px;
            padding:10px 14px;
            background:#fff;
            color:#52657d;
            font-size:13px;
            font-weight:700;
            box-shadow:none;
        }
        .employee-command-panel{
            grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
            gap:18px;
            align-items:end;
            padding:20px;
            margin-bottom:18px;
            background:#fff;
            border:1px solid #e1e8f0;
            border-radius:10px;
            box-shadow:0 4px 14px rgba(20,40,70,.06);
        }
        .employee-filter-strip{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            align-items:center;
        }
        .employee-command-panel .btn-small,
        .employee-command-panel .btn-secondary,
        .employee-command-panel .filter-chip{
            min-height:42px;
            padding:0 16px;
            border-radius:6px;
            font-size:14px;
            font-weight:700;
            box-shadow:none;
            transform:none;
        }
        .employee-command-panel .btn-small{
            background:#005be8;
            border-color:#005be8;
            color:#fff;
        }
        .employee-command-panel .btn-small:hover{
            background:#004dca;
            border-color:#004dca;
            box-shadow:0 8px 18px rgba(0,91,232,.22);
        }
        .employee-command-panel .btn-secondary{
            background:#fff;
            border:1px solid #005be8;
            color:#005be8;
        }
        .employee-command-panel .btn-secondary:hover{
            background:#f5f9ff;
            border-color:#005be8;
        }
        .employee-command-panel .filter-chip{
            border:1px solid #d7e0ea;
            background:#fff;
            color:#0f243e;
        }
        .employee-command-panel .filter-chip:hover{
            background:#f8fbff;
            border-color:#c7d5e6;
        }
        .employee-command-panel .filter-chip.active{
            background:#005be8;
            border-color:#005be8;
            color:#fff;
        }
        .employee-search-form{
            display:flex;
            gap:10px;
            align-items:flex-end;
            justify-content:flex-end;
            margin:0;
        }
        .employee-search-form input{
            min-width:320px;
            height:42px;
            border:1px solid #cfd9e6;
            border-radius:6px;
            padding:0 13px;
            font-size:14px;
            color:#0f243e;
            background:#fff;
        }
        .employee-search-form input:focus{
            outline:none;
            border-color:#005be8;
            box-shadow:0 0 0 4px rgba(0,91,232,.08);
        }
        .employee-quick-search-open-btn{
            appearance:none;
            -webkit-appearance:none;
            width:34px;
            height:34px;
            min-width:34px;
            padding:0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:0;
            border:1px solid #d8e4f2;
            border-radius:10px;
            background:#fff;
            color:#17345b;
            box-shadow:none;
            cursor:pointer;
            line-height:1;
            transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
        }
        .employee-quick-search-open-btn:hover,
        .employee-quick-search-open-btn:focus-visible{
            background:#f3f8ff;
            border-color:#bcd5ff;
            color:#005be8;
            outline:none;
            box-shadow:0 8px 18px rgba(15,91,232,.08);
        }
        .employee-quick-search-open-btn svg,
        .employee-quick-search-open-btn i{
            width:16px;
            height:16px;
            display:block;
            font-size:15px;
            line-height:1;
        }
        body > .employee-quick-search-modal{position:fixed;inset:0;z-index:100120;width:100vw;height:100vh;margin:0;padding:24px;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.22)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
        body > .employee-quick-search-modal.is-open{display:flex}
        body.employee-quick-search-modal-open{overflow:hidden}
        .employee-quick-search-modal .employee-report-dialog{width:min(880px,100%);border:1px solid #dbe7f3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 22px 54px rgba(15,23,42,.22)}
        .employee-quick-search-modal .employee-report-head{position:relative;align-items:center;padding:15px 18px;background:linear-gradient(180deg,#ffffff,#f8fbff);border-bottom:1px solid #e4edf7;color:#10233f;overflow:hidden}
        .employee-quick-search-modal .employee-report-head:after{display:none;content:none}
        .employee-quick-search-title{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:0}
        .employee-quick-search-title-mark{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#0f766e;background:#ecfdf8;border:1px solid #cbeee4;box-shadow:none;flex:0 0 auto}
        .employee-quick-search-title-mark svg{width:17px;height:17px}
        .employee-quick-search-title-copy{display:grid;gap:0;min-width:0}
        .employee-quick-search-modal .employee-report-head h3{font-size:18px;line-height:1.1;margin:0;color:#10233f;letter-spacing:0}
        .employee-quick-search-close{position:relative;z-index:1;min-height:32px;padding:0 12px;border-radius:9px;border-color:#d7e3f0!important;background:#fff!important;color:#17345b!important;box-shadow:none!important}
        .employee-quick-search-close:hover{background:#f4f8fd!important;border-color:#bcd5ff!important;color:#005be8!important}
        .employee-quick-search-body{padding:16px 18px 18px;display:grid;gap:12px;background:#fff}
        .employee-quick-search-field{position:relative;padding:0;border-radius:12px;background:#fff;border:1px solid #d5e1ee;box-shadow:none}
        .employee-quick-search-field:focus-within{border-color:#75b8ef;box-shadow:0 0 0 3px rgba(0,91,232,.08)}
        .employee-quick-search-input{width:100%;height:46px;border:0;border-radius:12px;padding:0 48px 0 14px;font-size:13px;color:#10233f;background:#fff;font-weight:800;box-shadow:none}
        .employee-quick-search-input:focus{outline:none;border-color:transparent;box-shadow:none}
        .employee-quick-search-input::placeholder{color:#75869b;font-weight:750}
        .employee-quick-search-icon{position:absolute;right:8px;top:50%;width:32px;height:32px;border-radius:9px;transform:translateY(-50%);color:#0f766e;background:#f1fbf8;border:1px solid #d6efe8;pointer-events:none;display:flex;align-items:center;justify-content:center}
        .employee-quick-search-icon svg{width:15px;height:15px}
        .employee-quick-search-results-wrap{border:1px solid #dbe6f2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:none}
        .employee-quick-search-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
        .employee-quick-search-table thead{background:#f7faff}
        .employee-quick-search-table th,.employee-quick-search-table td{padding:11px 16px;font-size:12px;border-bottom:1px solid #edf2f7;vertical-align:middle}
        .employee-quick-search-table th{color:#52647b;font-size:10.5px;font-weight:950;text-align:left;text-transform:uppercase;letter-spacing:.04em}
        .employee-quick-search-table th:nth-child(1){width:31%}.employee-quick-search-table th:nth-child(2){width:17%}.employee-quick-search-table th:nth-child(3){width:13%}.employee-quick-search-table th:nth-child(4){width:25%}.employee-quick-search-table th:nth-child(5){width:14%}
        .employee-quick-search-table tbody tr{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
        .employee-quick-search-table tbody tr:hover,.employee-quick-search-table tbody tr.is-active{background:#f5fbfa;box-shadow:inset 3px 0 0 #0f766e}
        .employee-quick-search-person{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
        .employee-quick-search-avatar{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eef7ff;color:#0f5faf;border:1px solid #d7e8fb;font-size:12px;font-weight:950;box-shadow:none}
        .employee-quick-search-person-copy{display:grid;gap:4px;min-width:0}
        .employee-quick-search-person-copy strong{font-size:13.5px;color:#0f243e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-quick-search-person-copy span{color:#64748b;font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-quick-search-tc,.employee-quick-search-project{display:inline-flex;max-width:100%;align-items:center;min-height:28px;padding:0 9px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:11.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-quick-search-project{color:#10233f;background:#fbfdff}
        .employee-quick-search-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:28px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:900}
        .employee-quick-search-status.is-active{background:#e9f8f0;color:#0f8f55;border:1px solid #c9ead8;box-shadow:none}
        .employee-quick-search-status.is-passive{background:#fff0f0;color:#c43d3d;border:1px solid #ffd1d1}
        .employee-quick-search-action{text-align:right;white-space:nowrap}
        .employee-quick-search-detail-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border-radius:9px;background:#0f766e;color:#fff;border:1px solid #0f766e;font-size:11.5px;font-weight:900;text-decoration:none;box-shadow:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
        .employee-quick-search-detail-btn:hover{background:#0b5f59;border-color:#0b5f59;transform:translateY(-1px)}
        .employee-quick-search-empty{text-align:center;color:#64748b;font-size:12.5px;font-weight:850;padding:20px 12px;background:#fbfdff}
        /* Calisan listesi son gorsel geri yukleme */
        .employee-main-page .employee-list-headbar{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:12px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            padding:18px;
            margin-bottom:14px;
        }
        .employee-main-page .employee-list-headbar-main{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:16px;
            margin-bottom:14px;
        }
        .employee-main-page .employee-list-headbar h3{
            font-size:24px;
            font-weight:800;
            color:#0b1f3a;
            margin:0;
        }
        .employee-main-page .employee-list-headbar p{
            margin-top:4px;
            color:#51657d;
            font-size:13px;
        }
        .employee-main-page .employee-header-action{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            padding:0 18px;
            border-radius:8px;
            background:#005be8;
            color:#fff;
            font-weight:800;
            text-decoration:none;
            box-shadow:0 8px 18px rgba(0,91,232,.22);
        }
        .employee-main-page .employee-stat-grid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:12px;
        }
        .employee-main-page .employee-stat-card{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:12px;
            padding:14px 16px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            display:flex;
            align-items:center;
            gap:12px;
        }
        .employee-main-page .employee-stat-icon{
            width:48px;
            height:48px;
            border-radius:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            flex:0 0 auto;
        }
        .employee-main-page .employee-stat-icon svg{width:22px;height:22px}
        .employee-main-page .employee-stat-icon.blue{background:#edf4ff;color:#005be8}
        .employee-main-page .employee-stat-icon.green{background:#e9f8f0;color:#16a05d}
        .employee-main-page .employee-stat-icon.purple{background:#f3ebff;color:#8738d6}
        .employee-main-page .employee-stat-icon.orange{background:#fff3df;color:#f49a00}
        .employee-main-page .employee-stat-copy span{
            display:block;
            font-size:13px;
            color:#60738b;
        }
        .employee-main-page .employee-stat-copy strong{
            display:block;
            margin-top:4px;
            font-size:24px;
            font-weight:800;
            line-height:1;
            color:#0b1f3a;
        }
        .employee-main-page .employee-stat-copy small{
            display:block;
            margin-top:6px;
            font-size:13px;
            color:#60738b;
            font-weight:700;
        }
        .employee-main-page .employee-module-subnav{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            align-items:center;
            width:100%;
            margin-bottom:14px;
        }
        .employee-main-page .employee-module-subnav .filter-chip{
            min-height:44px;
            padding:0 18px;
            border:1px solid #d6e2f0;
            border-radius:8px;
            background:#fff;
            color:#0b1f3a;
            font-weight:800;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .employee-main-page .employee-module-subnav .filter-chip.active{
            background:#128574;
            color:#fff;
            border-color:#128574;
        }
        .employee-main-page .employee-module-subnav .employee-subnav-action{
            margin-left:auto;
            flex:0 0 auto;
            white-space:nowrap;
            min-height:44px;
            padding:0 18px;
            border-radius:8px;
            background:#005be8;
            color:#fff;
            font-weight:800;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 8px 18px rgba(0,91,232,.22);
        }
        .employee-main-page .employee-module-subnav .employee-subnav-button{
            appearance:none;
            cursor:pointer;
            gap:8px;
        }
        .employee-main-page .employee-module-subnav .employee-subnav-button svg{
            width:16px;
            height:16px;
        }
        .employee-main-page .employee-command-panel{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:12px;
            padding:18px;
            margin-bottom:18px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            display:grid;
            grid-template-columns:1fr;
            gap:14px;
        }
        .employee-control-shell{display:grid;gap:16px}
        .employee-control-filter-card,.employee-control-result-card,.employee-control-manage-card{
            background:#fff;border:1px solid #e0e8f2;border-radius:12px;box-shadow:0 6px 16px rgba(15,35,65,.06);overflow:hidden
        }
        .employee-control-head{padding:16px 18px;border-bottom:1px solid #e9eef5;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
        .employee-control-head h3{margin:0;font-size:18px;color:#0b1f3a}
        .employee-control-head p{margin:5px 0 0;color:#64748b;font-size:13px}
        .employee-control-filter-body{padding:18px;display:grid;gap:14px}
        .employee-control-filter-row{display:grid;grid-template-columns:minmax(260px,1.4fr) 180px auto;gap:12px;align-items:end}
        .employee-control-hint-row{display:flex;gap:8px;flex-wrap:wrap}
        .employee-control-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid #dbe4ee;background:#f8fbff;color:#334761;font-size:12px;font-weight:800}
        .employee-control-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #eef2f7;background:#fbfdff}
        .employee-control-summary strong{color:#0b1f3a}
        .employee-control-table-wrap{overflow:auto}
        .employee-control-table{width:100%;border-collapse:collapse;min-width:980px}
        .employee-control-table thead{background:#f5f8fc}
        .employee-control-table th{padding:12px 14px;border-bottom:1px solid #e3ebf5;text-align:left;font-size:12px;font-weight:800;color:#0b1f3a}
        .employee-control-table td{padding:12px 14px;border-bottom:1px solid #edf2f7;font-size:13px;color:#243b57;vertical-align:middle}
        .employee-control-table tbody tr:hover{background:#f8fbff}
        .employee-control-status{display:inline-flex;min-height:28px;padding:0 10px;border-radius:999px;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:1px solid transparent}
        .employee-control-status.active{background:#e9f8f0;color:#0f8f55;border-color:#bfead2}
        .employee-control-status.passive{background:#fff0f0;color:#d93b3b;border-color:#ffcaca}
        .employee-control-issue{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff7e8;color:#d98200;border:1px solid #ffe2af;font-size:12px;font-weight:800}
        .employee-control-actions{text-align:right;white-space:nowrap}
        .employee-control-quick-edit-btn{font:inherit;cursor:pointer}
        .employee-control-quick-modal[hidden]{display:none!important}
        .employee-control-quick-modal{position:fixed;inset:0;z-index:100140;display:flex;align-items:flex-start;justify-content:center;padding:clamp(18px,4vh,38px) 24px;overflow:auto}
        .employee-control-quick-backdrop{position:absolute;inset:0;border:0;background:rgba(12,24,44,.48);backdrop-filter:blur(5px);cursor:default}
        body.employee-control-quick-modal-open{overflow:hidden}
        .employee-control-quick-panel{position:relative;width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;display:grid;gap:16px;padding:20px;border:1px solid rgba(196,211,229,.9);border-radius:14px;background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 26px 70px rgba(15,35,65,.28)}
        .employee-control-quick-header{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start}
        .employee-control-quick-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#eaf7f4;color:#087d71;border:1px solid #bfe9df}
        .employee-control-quick-icon svg{width:22px;height:22px}
        .employee-control-quick-header h3{margin:5px 0 0;font-size:22px;color:#0b1f3a}
        .employee-control-quick-header p{margin:6px 0 0;font-size:13px;line-height:1.55;color:#55677f}
        .employee-control-quick-header p strong{color:#0b1f3a}
        .employee-control-quick-header p span{font-weight:800;color:#0f7c72}
        .employee-control-quick-field{display:grid;gap:8px}
        .employee-control-quick-field.is-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
        .employee-control-quick-field-item{display:grid;gap:8px}
        .employee-control-quick-field label{font-size:12px;font-weight:900;color:#596b83;text-transform:uppercase}
        .employee-control-quick-field .control{width:100%;min-height:48px;border:1px solid #cbd9e9;border-radius:10px;background:#fff;padding:0 14px;font:inherit;font-weight:700;color:#0b1f3a;outline:none}
        .employee-control-quick-field textarea.control{min-height:112px;padding:12px 14px;resize:vertical}
        .employee-control-quick-field .control:focus{border-color:#1f6bb5;box-shadow:0 0 0 3px rgba(31,107,181,.14)}
        .employee-control-quick-note{padding:12px 14px;border:1px solid #d8e9f6;border-radius:10px;background:#f3f9ff;color:#526985;font-size:12px;font-weight:800;line-height:1.5}
        .employee-control-quick-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}
        .employee-control-manage-body{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}
        .employee-control-set-list{display:grid;gap:10px}
        .employee-control-set-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fbff}
        .employee-control-set-copy strong{display:block;font-size:14px;color:#0b1f3a}
        .employee-control-set-copy span{display:block;margin-top:4px;font-size:12px;color:#64748b;line-height:1.5}
        .employee-control-set-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
        .employee-control-form{display:grid;gap:14px}
        .employee-control-form-grid{display:grid;grid-template-columns:1fr 180px 120px;gap:12px}
        .employee-control-rules{display:grid;gap:10px}
        .employee-control-rule-row{display:grid;grid-template-columns:110px minmax(220px,1fr) 190px minmax(150px,1fr);gap:10px}
        .employee-control-form textarea{min-height:80px;border:1px solid #dbe4ee;border-radius:10px;padding:12px;font:inherit;color:#0b1f3a;resize:vertical}
        .employee-control-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
        @media(max-width:1100px){
            .employee-control-manage-body{grid-template-columns:1fr}
            .employee-control-filter-row,.employee-control-form-grid,.employee-control-rule-row{grid-template-columns:1fr}
            .employee-control-quick-field.is-group{grid-template-columns:1fr}
        }
        .employee-main-page .employee-filter-form{
            display:grid;
            grid-template-columns:1.6fr 1fr 1fr auto auto;
            gap:14px;
            align-items:end;
        }
        .employee-main-page .employee-filter-form .field label{
            display:block;
            margin-bottom:8px;
            font-size:13px;
            font-weight:800;
            color:#0b1f3a;
        }
        .employee-main-page .employee-search-box input,
        .employee-main-page .employee-filter-form select{
            width:100%;
            height:42px;
            border:1px solid #ccd8e6;
            border-radius:7px;
            background:#fff;
            padding:0 13px;
            color:#0b1f3a;
        }
        .employee-main-page .employee-secondary-actions{
            display:flex;
            justify-content:flex-end;
            gap:10px;
            flex-wrap:wrap;
        }
        .employee-main-page .employee-secondary-actions .btn-secondary{
            min-height:42px;
            padding:0 16px;
            border-radius:7px;
        }
        .employee-main-page .employee-list-card{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:12px;
            overflow:hidden;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
        }
        .employee-main-page .employee-table thead{
            background:#f4f7fb;
        }
        .employee-main-page .employee-table th{
            height:56px;
            text-align:left;
            padding:0 18px;
            font-size:14px;
            font-weight:800;
            color:#0b1f3a;
            border-bottom:1px solid #e3ebf5;
            background:#f4f7fb;
        }
        .employee-main-page .employee-table td{
            height:60px;
            padding:0 18px;
            border-bottom:1px solid #edf2f7;
            font-size:14px;
            color:#243b57;
        }
        .employee-main-page .employee-table tbody tr:hover td{
            background:#f8fbff;
        }
        .employee-main-page .employee-list-table-modern .employee-table tbody tr:hover{
            background:#f8fbff;
        }
        .employee-main-page .employee-name-cell{
            display:flex;
            align-items:center;
            gap:10px;
            min-width:0;
        }
        .employee-main-page .employee-name-text{
            font-weight:800;
            color:#0b1f3a;
            min-width:0;
        }
        .employee-main-page .employee-gender-badge{
            width:28px;
            height:28px;
            border-radius:999px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            flex:0 0 auto;
            border:1px solid #dbe4ee;
            background:#f8fafc;
        }
        .employee-main-page .employee-gender-badge svg{
            width:15px;
            height:15px;
            display:block;
        }
        .employee-main-page .employee-gender-badge.male{
            background:#edf4ff;
            border-color:#cfe0ff;
            color:#005be8;
        }
        .employee-main-page .employee-gender-badge.female{
            background:#f3ebff;
            border-color:#e0d0ff;
            color:#8738d6;
        }
        .employee-main-page .employee-gender-badge.unknown{
            background:#f8fafc;
            border-color:#dbe4ee;
            color:#64748b;
        }
        .employee-main-page .employee-pagination{
            display:flex;
            gap:8px;
            align-items:center;
        }
        .employee-main-page .employee-page-btn{
            min-width:36px;
            height:36px;
            border:1px solid #d9e2ec;
            background:#fff;
            border-radius:7px;
            color:#0f243e;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .employee-main-page .employee-page-btn.active{
            background:#005be8;
            color:#fff;
            border-color:#005be8;
        }
        .employee-list-modern-head{
            padding:24px;
            border:1px solid #e0e8f2;
            border-radius:12px;
            background:#fff;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            display:grid;
            gap:18px;
        }
        .employee-header-actions{
            display:flex;
            align-items:center;
            gap:12px;
            flex-wrap:wrap;
            position:relative;
            z-index:60;
        }
        .employee-quick-actions{
            position:relative;
            display:inline-flex;
            justify-content:flex-end;
        }
        .employee-quick-actions-toggle{
            gap:8px;
        }
        .employee-quick-actions-toggle svg{
            width:16px;
            height:16px;
            display:block;
            flex:0 0 auto;
        }
        .employee-quick-actions-toggle .quick-caret{
            display:inline-flex;
            width:16px;
            height:16px;
            transition:transform .18s ease;
        }
        .employee-quick-actions.is-open .employee-quick-actions-toggle .quick-caret{
            transform:rotate(90deg);
        }
        .employee-quick-actions-menu{
            position:absolute;
            top:calc(100% + 8px);
            right:0;
            z-index:1000;
            width:min(292px, calc(100vw - 48px));
            padding:6px;
            border:1px solid #d9e3ef;
            border-radius:12px;
            background:#fff;
            box-shadow:0 22px 48px rgba(15,35,65,.20);
            opacity:0;
            visibility:hidden;
            pointer-events:none;
            transform:translateY(-6px);
            transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
        }
        .employee-quick-actions.is-open .employee-quick-actions-menu{
            opacity:1;
            visibility:visible;
            pointer-events:auto;
            transform:translateY(0);
        }
        .employee-quick-actions-menu:before{
            content:'';
            position:absolute;
            top:-6px;
            right:18px;
            width:10px;
            height:10px;
            background:#fff;
            border-left:1px solid #d9e3ef;
            border-top:1px solid #d9e3ef;
            transform:rotate(45deg);
        }
        .employee-quick-actions-list{
            list-style:none;
            margin:0;
            padding:0;
            display:grid;
            gap:2px;
        }
        .employee-quick-action-item{
            appearance:none;
            -webkit-appearance:none;
            width:100%;
            min-height:46px;
            border:0;
            border-radius:9px;
            background:transparent;
            color:#0b1f3a;
            display:grid;
            grid-template-columns:30px minmax(0,1fr) 14px;
            align-items:center;
            gap:9px;
            padding:7px 8px;
            text-align:left;
            text-decoration:none;
            cursor:pointer;
            font:inherit;
            box-shadow:none;
            transition:background .16s ease, color .16s ease, transform .16s ease;
        }
        .employee-quick-action-item:hover{
            background:#f3f7ff;
            color:#005be8;
            transform:translateX(2px);
        }
        .employee-quick-action-icon{
            width:30px;
            height:30px;
            border-radius:8px;
            background:#edf5ff;
            color:#005be8;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .employee-quick-action-icon svg{
            width:15px;
            height:15px;
            display:block;
        }
        .employee-quick-action-copy{
            display:grid;
            gap:2px;
            min-width:0;
        }
        .employee-quick-action-title{
            font-size:13px;
            line-height:1.2;
            font-weight:800;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .employee-quick-action-hint{
            font-size:10.5px;
            line-height:1.25;
            font-weight:700;
            color:#657a95;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .employee-quick-action-arrow{
            color:#9aabc0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .employee-quick-action-arrow svg{
            width:12px;
            height:12px;
            display:block;
        }
        .detail1-toolbar{
            overflow:visible;
            position:relative;
            z-index:30;
        }
        .detail1-toolbar-actions .employee-quick-actions{
            z-index:70;
        }
        .detail1-toolbar-actions .employee-quick-actions-toggle{
            min-height:40px;
        }
        @media(max-width:1000px){
            .detail1-toolbar-actions .employee-quick-actions,
            .detail1-toolbar-actions .employee-quick-actions-toggle{
                width:100%;
            }
            .detail1-toolbar-actions .employee-quick-actions-menu{
                left:0;
                right:0;
            }
        }
        .employee-header-outline{
            height:44px;
            padding:0 18px;
            border:1px solid #cfd9e6;
            border-radius:8px;
            background:#fff;
            color:#1e3a5f;
            font-size:14px;
            font-weight:700;
            cursor:pointer;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            box-shadow:0 2px 8px rgba(15,35,65,.04);
            transition:all .18s ease;
        }
        .employee-header-outline:hover{
            border-color:#9fb6d4;
            background:#f8fbff;
            color:#0b1f3a;
        }
        .employee-list-modern-head .employee-header-action{
            min-height:46px;
            padding:0 22px;
            border-radius:8px;
            background:#005be8;
            color:#fff;
            font-weight:800;
            box-shadow:0 8px 18px rgba(0,91,232,.22);
        }
        .employee-main-page .employee-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
        .employee-main-page .leave-head-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
        .employee-kpi-card{
            border:1px solid #e0e8f2;
            border-radius:12px;
            padding:18px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            min-width:0;
        }
        .employee-main-page .leave-head-kpi-grid .employee-kpi-card{min-height:104px;padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(15,35,65,.045)}
        .employee-main-page .leave-head-kpi-grid .employee-stat-icon{width:36px;height:36px;border-radius:10px}
        .employee-main-page .leave-head-kpi-grid .employee-stat-icon svg{width:18px;height:18px}
        .employee-main-page .leave-head-kpi-grid .employee-stat-copy span{font-size:12px;line-height:1.25}
        .employee-main-page .leave-head-kpi-grid .employee-stat-copy strong{font-size:24px;line-height:1}
        .employee-main-page .leave-head-kpi-grid .employee-stat-copy small{font-size:11px;line-height:1.3}
        .employee-list-modern-charts{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:18px;
            margin-bottom:16px;
        }
        .employee-chart-card{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:12px;
            padding:18px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
        }
        .employee-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
        .employee-chart-head h3{margin:0;font-size:16px;font-weight:800;color:#0b1f3a}
        .employee-chart-link{
            border:1px solid #d6e2f0;
            background:#fff;
            color:#005be8;
            border-radius:7px;
            padding:7px 13px;
            font-size:12px;
            font-weight:700;
            cursor:pointer;
        }
        .employee-chart-donut-wrap{display:flex;align-items:center;gap:24px}
        .employee-chart-donut{
            width:160px;height:160px;border-radius:50%;position:relative;flex:0 0 auto;
        }
        .employee-chart-donut:after{
            content:'';position:absolute;inset:42px;border-radius:50%;background:#fff;
        }
        .employee-chart-donut-center{
            position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
        }
        .employee-chart-donut-center strong{font-size:28px;color:#0b1f3a}
        .employee-chart-donut-center span{font-size:13px;color:#60738b}
        .employee-chart-legend{flex:1;display:grid;gap:10px}
        .employee-chart-legend-row{
            display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center;color:#334761;font-size:13px;
        }
        .employee-chart-legend-row strong{font-size:14px;color:#0b1f3a}
        .employee-chart-legend-row small{font-size:12px;color:#60738b}
        .employee-chart-dot{width:9px;height:9px;border-radius:50%}
        .employee-age-chart{
            height:180px;display:flex;align-items:flex-end;justify-content:space-around;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;padding:10px 12px 0;
        }
        .employee-age-item{display:flex;flex-direction:column;align-items:center;gap:8px}
        .employee-age-bar{width:34px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#4a8cff,#005be8)}
        .employee-age-value{font-size:13px;font-weight:800;color:#0b1f3a}
        .employee-age-label{font-size:12px;color:#60738b}
        .employee-tabs-modern{gap:10px;margin-bottom:14px}
        .employee-tabs-modern .filter-chip{
            min-height:44px;padding:0 18px;border:1px solid #d6e2f0;border-radius:8px;background:#fff;color:#0b1f3a;font-size:14px;font-weight:800;
        }
        .employee-tabs-modern .filter-chip.active{
            background:#128574;border-color:#128574;color:#fff;box-shadow:none;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern{
            display:flex;
            flex-wrap:nowrap;
            gap:10px;
            align-items:end;
            position:sticky;
            top:12px;
            z-index:22;
            background:#fff;
            padding:14px;
            border:1px solid #e0e8f2;
            border-radius:12px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            margin-bottom:16px;
            width:100%;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern > .field{
            min-width:0;
            flex:0 0 auto;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .field:first-of-type{
            flex-basis:140px;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .field:nth-of-type(2){
            flex-basis:160px;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .field:nth-of-type(3){
            flex:0 0 330px;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .field:nth-of-type(4){
            flex:1 1 300px;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .field:nth-of-type(5){
            flex:0 0 300px;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .outline-btn,
        .employee-main-page .employee-filter-form.employee-filter-form-modern .clear-btn{
            width:92px;
            height:42px;
            padding:0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            border-radius:8px;
            font-weight:700;
            box-shadow:0 2px 8px rgba(15,35,65,.04);
            transition:all .18s ease;
            border:1px solid #005be8;
            background:#fff;
            color:#005be8;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .outline-btn{border-color:#005be8;color:#005be8}
        .employee-main-page .employee-filter-form.employee-filter-form-modern .clear-btn{border-color:#005be8;color:#005be8;background:#fff}
        .employee-main-page .employee-filter-form.employee-filter-form-modern .outline-btn:hover{
            background:#f5f9ff;
            border-color:#0b57d0;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .clear-btn:hover{
            background:#f5f9ff;
            border-color:#0b57d0;
            color:#005be8;
        }
        .employee-main-page.employee-main-page-loading{
            cursor:progress;
        }
        .employee-main-page.employee-main-page-loading .employee-filter-form.employee-filter-form-modern{
            opacity:.78;
            pointer-events:none;
        }
        .employee-report-modal{
            position:fixed;
            inset:0;
            background:rgba(11,31,58,.42);
            display:none;
            align-items:center;
            justify-content:center;
            padding:24px;
            z-index:1400;
        }
        .employee-report-modal.is-open{display:flex}
        .employee-report-page{
            display:block;
            padding:0;
            background:transparent;
        }
        .employee-report-page .employee-report-dialog{
            width:100%;
            max-height:none;
            overflow:visible;
            box-shadow:0 8px 24px rgba(15,23,42,.06);
        }
        .employee-report-dialog{
            width:min(1180px,100%);
            max-height:calc(100vh - 48px);
            overflow:auto;
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:12px;
            box-shadow:0 24px 64px rgba(15,23,42,.24);
        }
        .employee-report-head{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:18px;
            padding:22px 24px 18px;
            border-bottom:1px solid #e2e8f0;
        }
        .employee-report-head h3{
            margin:0;
            font-size:22px;
            color:#0b1f3a;
        }
        .employee-report-head p{
            margin:7px 0 0;
            color:#60738b;
            font-size:14px;
        }
        .employee-report-layout{
            display:grid;
            grid-template-columns:1fr;
            gap:18px;
            padding:22px 24px;
        }
        .employee-report-panel{
            border:1px solid #e0e8f2;
            border-radius:12px;
            background:#fff;
            min-width:0;
        }
        .employee-report-panel-head{
            padding:16px 16px 12px;
            border-bottom:1px solid #eef2f7;
        }
        .employee-report-panel-head h4{
            margin:0;
            font-size:16px;
            color:#0b1f3a;
        }
        .employee-report-panel-head p{
            margin:6px 0 0;
            font-size:13px;
            color:#64748b;
        }
        .employee-report-panel-head-actions{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
        }
        .employee-report-clear-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            min-height:34px;
            padding:0 12px;
            border:1px solid #ffd2d2;
            border-radius:8px;
            background:#fff;
            color:#c43d3d;
            font-size:12px;
            font-weight:900;
            cursor:pointer;
            white-space:nowrap;
        }
        .employee-report-clear-btn:hover{
            background:#fff5f5;
            border-color:#f5a6a6;
        }
        .employee-report-clear-btn i{font-size:13px;}
        .employee-report-clear-btn:disabled{
            opacity:.45;
            cursor:not-allowed;
        }
        .employee-report-set-list{
            display:grid;
            gap:10px;
            padding:16px;
        }
        .employee-report-set-filter{
            padding:16px 16px 0;
        }
        .employee-report-set-filter .employee-report-filter-input{
            width:100%;
        }
        .employee-report-preset-grid{
            display:grid;
            grid-template-columns:1fr;
            gap:14px;
            padding:16px;
            align-items:start;
            width:100%;
        }
        .employee-report-preset-grid .employee-report-set-list{
            padding:0;
            width:100%;
        }
        .employee-report-panel-action-group{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:8px;
            flex-wrap:wrap;
        }
        .employee-report-favorite-card{
            border:1px solid #dbe4ee;
            border-radius:12px;
            background:#f8fbff;
            padding:14px;
        }
        .employee-report-favorite-card h4{
            margin:0;
            color:#0b1f3a;
            font-size:15px;
        }
        .employee-report-favorite-card p{
            margin:6px 0 12px;
            color:#64748b;
            font-size:12px;
            font-weight:700;
        }
        .employee-report-favorite-list{
            display:grid;
            grid-template-columns:repeat(6,minmax(0,1fr));
            gap:8px;
        }
        .employee-report-favorite-card-dialog .employee-report-favorite-list{
            grid-template-columns:repeat(2,minmax(0,1fr));
            grid-template-rows:auto;
            grid-auto-flow:row;
        }
        .employee-report-favorite-item{
            width:100%;
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            gap:8px;
            align-items:center;
            border:1px solid #dbe4ee;
            border-radius:8px;
            background:#fff;
            color:#0b1f3a;
            padding:9px 10px;
            font-size:12px;
            font-weight:900;
        }
        .employee-report-favorite-item:hover{
            border-color:#b8d1ff;
            background:#eef5ff;
        }
        .employee-report-favorite-name{
            min-width:0;
            color:inherit;
            text-align:left;
            font:inherit;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .employee-report-favorite-actions{
            display:flex;
            gap:5px;
        }
        .employee-report-favorite-export{
            width:30px;
            height:30px;
            border:1px solid #cbd5e1;
            border-radius:7px;
            background:#fff;
            color:#0f766e;
            display:grid;
            place-items:center;
            cursor:pointer;
        }
        .employee-report-favorite-export.is-pdf{
            color:#dc2626;
        }
        .employee-report-favorite-export:hover{
            border-color:#94a3b8;
            background:#f8fafc;
        }
        .employee-report-favorite-btn{
            width:34px;
            min-width:34px;
            padding:0;
            font-size:17px;
            color:#94a3b8;
        }
        .employee-report-favorite-btn.is-active{
            border-color:#f3c969;
            background:#fff7d6;
            color:#b7791f;
        }
        .employee-report-set-row{
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            gap:14px;
            align-items:center;
            padding:14px 16px;
            border:1px solid #dbe4ee;
            border-radius:12px;
            background:#f8fbff;
        }
        .employee-report-set-row.is-preset{
            background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
        }
        .employee-report-set-row.is-favorite{
            border-color:#b8d1ff;
            box-shadow:0 6px 16px rgba(0,91,232,.08);
        }
        .employee-report-set-copy{
            min-width:0;
        }
        .employee-report-set-copy strong{
            display:block;
            font-size:14px;
            color:#0b1f3a;
        }
        .employee-report-set-copy span{
            display:block;
            margin-top:5px;
            font-size:12px;
            color:#64748b;
            line-height:1.5;
        }
        .employee-report-set-meta{
            display:flex;
            align-items:center;
            gap:8px;
            margin-top:10px;
            flex-wrap:wrap;
        }
        .employee-report-set-badge{
            display:inline-flex;
            align-items:center;
            min-height:24px;
            padding:0 10px;
            border-radius:999px;
            background:#eef5ff;
            color:#005be8;
            font-size:11px;
            font-weight:800;
        }
        .employee-report-set-badge.is-favorite{
            background:#fff7d6;
            color:#b7791f;
        }
        .employee-report-set-actions{
            display:flex;
            gap:8px;
            align-items:center;
            justify-content:flex-end;
            flex-wrap:wrap;
            flex:0 0 auto;
        }
        .employee-report-template-btn{
            min-height:34px;
            padding:0 12px;
            border:1px solid #cfe0ff;
            border-radius:8px;
            background:#fff;
            color:#005be8;
            font-size:12px;
            font-weight:800;
            cursor:pointer;
        }
        .employee-report-template-btn.is-danger{
            border-color:#ffd2d2;
            color:#c43d3d;
        }
        .employee-report-template-btn:disabled{
            opacity:.45;
            cursor:not-allowed;
        }
        .employee-report-set-create{
            border-top:1px solid #eef2f7;
            background:#fff;
        }
        .employee-report-panel-head-inline{
            border-bottom:none;
            padding-bottom:0;
        }
        .employee-report-field-pool{
            display:flex;
            flex-wrap:wrap;
            align-content:flex-start;
            gap:12px;
            padding:16px;
            max-height:320px;
            overflow:auto;
        }
        .employee-report-filter-bar{
            display:flex;
            gap:12px;
            flex-wrap:wrap;
            padding:16px 16px 0;
        }
        .employee-report-filter-input,
        .employee-report-filter-select{
            height:40px;
            border:1px solid #dbe4ee;
            border-radius:10px;
            background:#fff;
            color:#0b1f3a;
            font-size:13px;
            padding:0 12px;
        }
        .employee-report-filter-input{
            flex:1 1 260px;
            min-width:220px;
        }
        .employee-report-filter-select{
            flex:0 1 240px;
            min-width:190px;
        }
        .employee-report-field-action{
            display:flex;
            align-items:center;
            justify-content:center;
            padding:10px 12px;
            border:1px solid #dbe4ee;
            border-radius:999px;
            background:#f8fbff;
            cursor:grab;
            flex:0 1 auto;
            min-width:0;
            max-width:none;
        }
        .employee-report-field-action.is-hidden{display:none}
        .employee-report-field-action:active{cursor:grabbing}
        .employee-report-field-action strong{
            font-size:13px;
            color:#0b1f3a;
        }
        .employee-report-field-action.is-selected{
            background:#eef5ff;
            border-color:#b8d1ff;
        }
        .employee-report-selected-list{
            display:flex;
            flex-wrap:wrap;
            align-content:flex-start;
            gap:12px;
            padding:16px;
            min-height:200px;
        }
        .employee-report-selected-list.is-drag-over{
            background:#f8fbff;
        }
        .employee-report-selected-item{
            display:flex;
            align-items:center;
            gap:8px;
            align-items:center;
            padding:10px 12px;
            border:1px solid #b8d1ff;
            border-radius:999px;
            background:#eef5ff;
            cursor:grab;
            flex:0 1 auto;
            min-width:0;
            max-width:none;
        }
        .employee-report-selected-item:active{cursor:grabbing}
        .employee-report-selected-item.is-drag-target{
            border-color:#005be8;
            box-shadow:0 0 0 2px rgba(0,91,232,.12);
        }
        .employee-report-selected-copy{
            min-width:0;
        }
        .employee-report-selected-item strong{
            font-size:13px;
            color:#0b1f3a;
            white-space:nowrap;
        }
        .employee-report-selected-actions{
            display:flex;
            gap:0;
        }
        .employee-report-sort-btn{
            width:28px;
            height:28px;
            border:1px solid #cfe0ff;
            border-radius:50%;
            background:#fff;
            color:#005be8;
            font-size:13px;
            font-weight:900;
            cursor:pointer;
        }
        .employee-report-sort-btn:disabled{
            opacity:.45;
            cursor:not-allowed;
        }
        .employee-report-empty{
            padding:18px;
            border:1px dashed #cbd5e1;
            border-radius:8px;
            color:#64748b;
            font-size:13px;
            background:#f8fafc;
            width:100%;
        }
        .employee-report-summary{
            padding:16px;
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:14px;
        }
        .employee-report-summary-card{
            border:1px solid #dbe4ee;
            border-radius:10px;
            background:#f8fbff;
            padding:14px;
        }
        .employee-report-summary-card label{
            display:block;
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            color:#005be8;
            margin-bottom:8px;
        }
        .employee-report-summary-card strong{
            display:block;
            font-size:18px;
            color:#0b1f3a;
        }
        .employee-report-summary-card span{
            display:block;
            margin-top:6px;
            font-size:13px;
            color:#52657d;
            line-height:1.55;
        }
        .employee-report-format-options{
            display:grid;
            gap:10px;
        }
        .employee-report-format-option{
            display:flex;
            gap:10px;
            align-items:flex-start;
            padding:12px;
            border:1px solid #dbe4ee;
            border-radius:10px;
            background:#fff;
        }
        .employee-report-format-option strong{
            font-size:14px;
            color:#0b1f3a;
        }
        .employee-report-format-option span{
            display:block;
            margin-top:4px;
            color:#64748b;
            font-size:12px;
            line-height:1.5;
        }
        .employee-report-foot{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:16px;
            padding:0 24px 22px;
        }
        .employee-report-save-row{
            display:flex;
            gap:12px;
            align-items:center;
            flex-wrap:wrap;
            padding:16px;
        }
        .employee-report-save-input{
            flex:1 1 280px;
            min-width:220px;
            height:42px;
            border:1px solid #dbe4ee;
            border-radius:10px;
            background:#fff;
            padding:0 14px;
            font-size:14px;
            color:#0b1f3a;
        }
        .employee-report-save-check{
            display:inline-flex;
            align-items:center;
            gap:8px;
            min-height:42px;
            padding:0 12px;
            border:1px solid #dbe4ee;
            border-radius:10px;
            background:#f8fbff;
            color:#334155;
            font-size:13px;
            font-weight:700;
        }
        .employee-report-template-save-btn{
            min-height:42px;
            padding:0 16px;
            border-radius:10px;
            font-weight:800;
        }
        .employee-report-feedback{
            padding:0 16px 16px;
            font-size:13px;
            color:#64748b;
        }
        .employee-report-feedback.is-success{color:#0f8f55;font-weight:700}
        .employee-report-feedback.is-error{color:#c43d3d;font-weight:700}
        .employee-report-foot-note{
            color:#64748b;
            font-size:13px;
        }
        .employee-report-foot-format{
            display:inline-flex;
            gap:6px;
            padding:4px;
            border:1px solid #d7e3f1;
            border-radius:10px;
            background:#f8fbff;
        }
        .employee-report-foot-format label{
            display:inline-flex;
            align-items:center;
            gap:6px;
            min-height:34px;
            padding:0 12px;
            border-radius:8px;
            color:#334761;
            font-size:12px;
            font-weight:900;
            cursor:pointer;
        }
        .employee-report-foot-format input{accent-color:#0f766e;}
        .employee-report-foot-format label:has(input:checked){
            background:#0f766e;
            color:#fff;
            box-shadow:0 8px 16px rgba(15,118,110,.16);
        }
        .employee-report-action-row{
            display:flex;
            gap:10px;
            align-items:center;
        }
        .employee-report-create-btn{
            min-height:44px;
            padding:0 18px;
            border:none;
            border-radius:8px;
            background:#005be8;
            color:#fff;
            font-weight:800;
            box-shadow:0 10px 20px rgba(0,91,232,.2);
            cursor:pointer;
        }
        .employee-report-open-btn{
            display:inline-flex;
            align-items:center;
            gap:8px;
        }
        .employee-report-open-btn svg{
            width:16px;
            height:16px;
        }

        .employee-report-page{
            margin:10px 14px 24px;
            height:calc(100vh - 94px);
            min-height:0;
            overflow:hidden;
        }
        .employee-report-page:has(.employee-report-layout.is-builder-active){
            margin-bottom:78px;
            height:calc(100vh - 96px);
        }
        .employee-report-page .employee-report-dialog{
            width:100%;
            max-width:none;
            height:100%;
            max-height:none;
            overflow:hidden;
            border:none;
            border-radius:16px;
            background:transparent;
            box-shadow:none;
        }
        .employee-report-page .employee-report-dialog > form{
            display:flex;
            flex-direction:column;
            height:100%;
            min-height:0;
        }
        .employee-report-page .employee-report-head{
            align-items:center;
            padding:16px 20px;
            border:1px solid rgba(10,35,70,.08);
            border-radius:14px;
            background:linear-gradient(135deg,#08223f 0%,#0d3a67 58%,#0f766e 100%);
            color:#fff;
            box-shadow:0 12px 26px rgba(15,35,65,.12);
            margin-bottom:10px;
        }
        .employee-report-page .employee-report-head h3{
            color:#fff;
            font-size:22px;
            letter-spacing:0;
        }
        .employee-report-page .employee-report-head p{
            color:#dcecff;
            max-width:760px;
        }
        .employee-report-page .employee-report-head .btn-secondary{
            min-height:42px;
            border-color:rgba(255,255,255,.38);
            background:rgba(255,255,255,.12);
            color:#fff;
            box-shadow:none;
        }
        .employee-report-hero-meta{
            display:flex;
            flex-wrap:wrap;
            gap:6px;
            margin-top:8px;
        }
        .employee-report-hero-meta span{
            display:inline-flex;
            align-items:center;
            min-height:24px;
            padding:0 10px;
            border:1px solid rgba(255,255,255,.22);
            border-radius:999px;
            background:rgba(255,255,255,.12);
            color:#fff;
            font-size:11px;
            font-weight:800;
        }
        .employee-report-page .employee-report-layout{
            grid-template-columns:minmax(300px,.88fr) minmax(340px,1fr) minmax(340px,1fr);
            gap:10px;
            padding:0;
            align-items:start;
        }
        .employee-report-page .employee-report-panel{
            border-color:#dce6f2;
            border-radius:14px;
            box-shadow:0 10px 26px rgba(15,35,65,.06);
            overflow:hidden;
        }
        .employee-report-page .employee-report-panel:first-child,
        .employee-report-page .employee-report-panel:nth-child(4){
            grid-column:auto;
        }
        .employee-report-page .employee-report-panel-head{
            padding:12px 14px 9px;
            background:#f8fbff;
        }
        .employee-report-page .employee-report-panel-head h4{
            font-size:15px;
        }
        .employee-report-page .employee-report-set-list{
            padding:10px;
            background:#fff;
            max-height:34vh;
            overflow:auto;
        }
        .employee-report-page .employee-report-set-row{
            min-height:44px;
            padding:8px 10px;
            border-radius:9px;
            background:#fff;
            box-shadow:0 1px 0 rgba(15,35,65,.03);
        }
        .employee-report-page .employee-report-set-row:hover,
        .employee-report-page .employee-report-field-action:hover,
        .employee-report-page .employee-report-selected-item:hover{
            border-color:#9ec5ff;
            box-shadow:0 8px 18px rgba(0,91,232,.08);
        }
        .employee-report-page .employee-report-set-actions{
            gap:6px;
        }
        .employee-report-page .employee-report-template-btn{
            min-height:32px;
            border-radius:7px;
            background:#f8fbff;
        }
        .employee-report-page .employee-report-field-pool,
        .employee-report-page .employee-report-selected-list{
            min-height:360px;
            max-height:calc(100vh - 370px);
            background:#fff;
            overflow:auto;
        }
        .employee-report-page .employee-report-field-action,
        .employee-report-page .employee-report-selected-item{
            border-radius:9px;
            background:#fff;
        }
        .employee-report-page .employee-report-selected-item{
            background:#eef6ff;
        }
        .employee-report-page .employee-report-summary{
            grid-template-columns:repeat(4,minmax(0,1fr));
            padding:16px;
            background:#fff;
        }
        .employee-report-page .employee-report-summary-card{
            background:#f8fbff;
            border-radius:12px;
        }
        .employee-report-page .employee-report-foot{
            position:fixed;
            left:14px;
            right:14px;
            bottom:10px;
            z-index:20;
            margin-top:0;
            padding:10px 14px;
            border:1px solid #dce6f2;
            border-radius:12px;
            background:rgba(255,255,255,.96);
            backdrop-filter:blur(10px);
            box-shadow:0 -8px 24px rgba(15,35,65,.06);
        }
        .employee-report-page .employee-report-create-btn{
            min-height:38px;
            border-radius:9px;
            background:#0f766e;
            box-shadow:0 10px 20px rgba(15,118,110,.2);
        }
        @media(max-width:1280px){
            .employee-report-page .employee-report-layout{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)}
            .employee-report-page .employee-report-panel:first-child{grid-column:1/-1}
            .employee-report-page .employee-report-field-pool,
            .employee-report-page .employee-report-selected-list{max-height:360px}
        }
        @media(max-width:1100px){
            .employee-report-page .employee-report-layout,
            .employee-report-page .employee-report-summary{grid-template-columns:1fr}
            .employee-report-page .employee-report-panel:first-child,
            .employee-report-page .employee-report-panel:nth-child(4){grid-column:auto}
            .employee-report-page .employee-report-foot{left:10px;right:10px;bottom:8px}
        }

        .employee-report-page .employee-report-layout{
            grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);
            gap:14px;
            flex:1 1 auto;
            min-height:0;
            overflow:hidden;
        }
        .employee-report-builder-panel{
            display:none;
        }
        .employee-report-layout.is-builder-active .employee-report-preset-panel{
            display:none;
        }
        .employee-report-layout.is-builder-active .employee-report-builder-panel{
            display:block;
        }
        .employee-report-layout:not(.is-builder-active) + .employee-report-foot{
            display:none;
        }
        .employee-report-page .employee-report-panel:first-child{
            grid-column:1/-1;
            width:100%;
        }
        .employee-report-page .employee-report-preset-panel,
        .employee-report-page .employee-report-preset-grid{
            min-height:0;
        }
        .employee-report-page .employee-report-preset-panel{
            display:flex;
            flex-direction:column;
            height:100%;
            max-height:none;
            overflow:hidden;
        }
        .employee-report-page .employee-report-preset-grid{
            flex:1 1 auto;
            min-height:0;
            overflow:hidden!important;
        }
        .employee-report-page .employee-report-set-list{
            max-height:none!important;
            height:100%;
            min-height:0;
            overflow-y:auto!important;
            overflow-x:hidden!important;
            padding-right:6px!important;
        }
        .employee-report-page .employee-report-panel:nth-child(2),
        .employee-report-page .employee-report-panel:nth-child(3){
            grid-column:auto;
        }
        .employee-report-page .employee-report-set-row{
            grid-template-columns:minmax(0,1fr) minmax(260px,auto);
            align-items:center;
        }
        .employee-report-page .employee-report-set-actions{
            width:auto;
            justify-content:flex-end;
            padding-left:16px;
            border-left:1px solid #e2e8f0;
        }
        .employee-report-page .employee-report-set-actions::before{
            content:'Ä°ÅŸlemler';
            width:100%;
            flex-basis:100%;
            margin-bottom:2px;
            color:#64748b;
            font-size:10px;
            font-weight:900;
            letter-spacing:.04em;
            text-transform:uppercase;
            text-align:right;
        }
        .employee-report-page .employee-report-field-pool,
        .employee-report-page .employee-report-selected-list{
            max-height:none;
        }
        @media(max-width:1100px){
            .employee-report-page .employee-report-layout{
                grid-template-columns:1fr;
            }
            .employee-report-favorite-list{
                grid-template-columns:repeat(3,minmax(0,1fr));
            }
            .employee-report-page .employee-report-set-row{
                grid-template-columns:1fr;
            }
            .employee-report-page .employee-report-set-actions{
                justify-content:flex-start;
                padding-left:0;
                border-left:none;
                border-top:1px solid #e2e8f0;
                padding-top:10px;
            }
            .employee-report-page .employee-report-set-actions::before{
                text-align:left;
            }
            .employee-report-preset-grid{
                grid-template-columns:1fr;
            }
        }
        @media(max-width:720px){
            .employee-report-favorite-list{
                grid-template-columns:1fr;
            }
        }

        .employee-report-dialog{
            width:min(1360px,calc(100vw - 32px));
        }
        .employee-report-layout{
            gap:12px;
            padding:16px 18px;
        }
        .employee-report-panel-head{
            padding:12px 14px 10px;
        }
        .employee-report-panel-head p{
            margin-top:3px;
            line-height:1.35;
        }
        .employee-report-set-list{
            gap:7px;
            padding:12px;
        }
        .employee-report-set-row{
            grid-template-columns:minmax(0,1fr) auto;
            gap:10px;
            padding:9px 11px;
            border-radius:8px;
            min-height:48px;
        }
        .employee-report-set-copy{
            display:flex;
            align-items:center;
            gap:10px;
            min-width:0;
            white-space:nowrap;
            overflow:hidden;
        }
        .employee-report-set-copy strong,
        .employee-report-set-copy span{
            min-width:0;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .employee-report-set-copy strong{
            flex:0 1 230px;
        }
        .employee-report-set-copy span{
            display:block;
            margin-top:0;
            flex:1 1 auto;
            line-height:1.2;
        }
        .employee-report-set-meta{
            flex:0 0 auto;
            margin-top:0;
            gap:5px;
            flex-wrap:nowrap;
        }
        .employee-report-set-badge{
            min-height:20px;
            padding:0 7px;
            font-size:10px;
        }
        .employee-report-set-actions{
            gap:5px;
            flex-wrap:nowrap;
        }
        .employee-report-template-btn{
            min-height:30px;
            padding:0 9px;
            border-radius:6px;
            font-size:11px;
        }
        .employee-report-field-pool{
            gap:8px;
            padding:12px;
            max-height:220px;
        }
        .employee-report-field-action,
        .employee-report-selected-item{
            min-height:32px;
            padding:7px 10px;
            border-radius:8px;
            white-space:nowrap;
        }
        .employee-report-selected-list{
            gap:8px;
            padding:12px;
            min-height:94px;
        }
        .employee-report-summary{
            padding:12px;
            gap:10px;
        }
        .employee-report-summary-card{
            padding:10px 12px;
        }
        .employee-report-foot{
            padding:0 18px 16px;
        }
        @media(max-width:1200px){
            .employee-report-field-action,
            .employee-report-selected-item{max-width:calc(33.333% - 8px)}
            .employee-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
        }
        @media(max-width:700px){
            .employee-report-modal{padding:12px}
            .employee-report-head,
            .employee-report-layout,
            .employee-report-foot{padding-left:16px;padding-right:16px}
            .employee-report-foot{flex-direction:column;align-items:stretch}
            .employee-report-action-row{width:100%;justify-content:stretch}
            .employee-report-action-row .btn-secondary,
            .employee-report-action-row .employee-report-create-btn{width:100%;justify-content:center}
            .employee-report-set-row,
            .employee-report-field-action,
            .employee-report-selected-item{
                min-width:100%;
                max-width:100%;
            }
            .employee-report-filter-input,
            .employee-report-filter-select{
                width:100%;
            }
            .employee-report-save-input,
            .employee-report-save-check,
            .employee-report-template-save-btn{width:100%}
            .employee-report-summary{grid-template-columns:1fr}
        }
        .employee-filter-form-modern .btn-secondary{
            height:38px;
            min-height:38px;
            padding:0 12px;
            border-radius:7px;
            font-size:13px;
            font-weight:700;
            justify-self:end;
            white-space:nowrap;
        }
        .employee-hire-date-filter{
            display:grid;
            grid-template-columns:minmax(0,1fr) 128px;
            gap:8px;
            align-items:center;
        }
        .employee-hire-date-filter input[type="date"]{
            min-width:0;
        }
        .employee-hire-date-filter.is-hidden input[type="date"]{
            visibility:hidden;
            pointer-events:none;
        }
        .employee-secondary-actions-modern{
            display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px;
        }
        .employee-secondary-actions-modern .btn-secondary{min-height:42px;border-radius:7px;font-weight:700}
        .employee-list-table-modern{
            background:#fff;border:1px solid #e0e8f2;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(15,35,65,.06);
        }
        .employee-list-table-modern .table-wrap{margin-top:0!important}
        .employee-list-table-modern .employee-table thead{background:#f4f7fb}
        .employee-list-table-modern .employee-table th{
            height:56px;text-align:left;padding:0 18px;font-size:14px;font-weight:800;color:#0b1f3a;border-bottom:1px solid #e3ebf5;
        }
        .employee-list-table-modern .employee-table td{
            height:60px;padding:0 18px;border-bottom:1px solid #edf2f7;font-size:14px;color:#243b57;
        }
        .employee-list-table-modern .status-badge{
            display:inline-flex;min-width:62px;height:28px;align-items:center;justify-content:center;border-radius:7px;font-size:13px;font-weight:800;
        }
        .deleted-record-section{
            padding:0 0 18px;
            border-top:1px solid #e8eef5;
        }
        .deleted-record-section:first-of-type{
            border-top:0;
        }
        .deleted-record-section + .deleted-record-section{
            margin-top:18px;
        }
        .deleted-record-section .section-card-header{
            display:flex;
            align-items:center;
            justify-content:space-between;
            height:auto;
            min-height:54px;
            padding:0 18px;
            border-bottom:1px solid #e8eef5;
        }
        .deleted-record-section .section-card-header h3{
            display:flex;
            align-items:center;
            gap:8px;
            margin:0;
        }
        .employee-main-page .employee-filter-form.employee-filter-form-modern .outline-btn{
            width:112px;
        }
        #deleted-employee-table{
            border-radius:16px;
            box-shadow:0 8px 20px rgba(15,35,65,.06);
        }
        #deleted-employee-table .list-head{
            padding:16px 18px 12px;
        }
        #deleted-employee-table .list-head h3{
            font-size:18px;
        }
        #deleted-employee-table .list-head p{
            font-size:12.5px;
            line-height:1.45;
        }
        #deleted-employee-table .workplace-filter-form{
            padding:0 18px 14px;
            margin-bottom:0!important;
            border-bottom:1px solid #edf2f7;
        }
        #deleted-employee-table .deleted-record-section{
            padding:0;
        }
        #deleted-employee-table .deleted-record-section + .deleted-record-section{
            margin-top:0;
            border-top:1px solid #e8eef5;
        }
        #deleted-employee-table .deleted-record-section .section-card-header{
            min-height:48px;
            padding:0 14px;
        }
        #deleted-employee-table .deleted-record-section .section-card-header h3{
            font-size:14px;
            font-weight:900;
            color:#0f243e;
        }
        #deleted-employee-table .deleted-record-section .section-card-header .row-sub{
            font-size:11.5px;
            font-weight:800;
        }
        #deleted-employee-table .table-wrap{
            margin-top:0!important;
            max-width:100%;
            overflow:auto;
            box-shadow:none;
            border:none;
            border-radius:0;
        }
        #deleted-employee-table .deleted-record-table{
            width:100%;
            min-width:1040px;
            table-layout:fixed;
            border-collapse:collapse;
        }
        #deleted-employee-table .deleted-record-table thead th{
            height:52px;
            padding:0 12px;
            border-bottom:1px solid #dbe5f0;
            background:#f4f7fb;
            color:#0f243e;
            text-align:left;
            white-space:nowrap;
            font-size:12px;
            font-weight:900;
        }
        #deleted-employee-table .deleted-record-table tbody td{
            height:58px;
            padding:0 12px;
            border-bottom:1px solid #edf2f7;
            color:#0f243e;
            font-size:12.5px;
            font-weight:500;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            vertical-align:middle;
        }
        #deleted-employee-table .deleted-record-table tbody tr:hover td{
            background:#f8fbff;
        }
        #deleted-employee-table .deleted-record-table .workplace-copy,
        #deleted-employee-table .deleted-record-table .department-badge{
            max-width:100%;
            min-width:0;
        }
        #deleted-employee-table .deleted-record-table .workplace-copy strong,
        #deleted-employee-table .deleted-record-table .workplace-copy span,
        #deleted-employee-table .deleted-record-table .department-badge,
        #deleted-employee-table .deleted-record-table .row-sub{
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        #deleted-employee-table .deleted-record-table .workplace-copy strong,
        #deleted-employee-table .deleted-record-table td strong{
            font-size:12.5px;
            font-weight:650;
            color:#0f243e;
        }
        #deleted-employee-table .deleted-record-table .workplace-copy span,
        #deleted-employee-table .deleted-record-table .row-sub{
            display:block;
            margin-top:3px;
            font-size:11.5px;
            font-weight:600;
            color:#64748b;
        }
        #deleted-employee-table .deleted-record-table .status-badge{
            min-width:0;
            height:24px;
            padding:0 8px;
            border-radius:7px;
            font-size:11px;
            font-weight:900;
        }
        #deleted-employee-table .deleted-record-table .department-badge{
            min-height:28px;
            padding:5px 9px;
            border-radius:7px;
            font-size:12px;
        }
        #deleted-employee-table .deleted-record-table th:last-child,
        #deleted-employee-table .deleted-record-table td:last-child{
            text-align:center;
        }
        #deleted-employee-table .deleted-record-table td:last-child{
            overflow:visible;
        }
        #deleted-employee-table .deleted-record-table td:last-child .table-actions{
            justify-content:flex-end;
            flex-wrap:nowrap;
            gap:6px;
        }
        #deleted-employee-table .deleted-record-table .table-actions-textual .mini-btn{
            min-width:34px;
            height:32px;
            padding:0 9px;
            border-radius:8px;
            font-size:11.5px;
            font-weight:850;
        }
        #deleted-employee-table .deleted-record-table .mini-btn svg{
            width:15px;
            height:15px;
        }
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(1),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(1){width:118px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(2),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(2){width:190px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(3),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(3){width:190px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(4),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(4){width:190px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(5),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(5){width:145px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(6),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(6){width:170px}
        #deleted-employee-table .deleted-record-employees .deleted-record-table th:nth-child(7),
        #deleted-employee-table .deleted-record-employees .deleted-record-table td:nth-child(7){width:220px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table,
        #deleted-employee-table .deleted-record-leaves .deleted-record-table{min-width:1120px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(1),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(1),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(1),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(1){width:118px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(2),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(2),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(2),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(2){width:180px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(3),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(3),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(3),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(3){width:170px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(4),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(4),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(4),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(4){width:170px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(5),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(5),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(6),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(6){width:165px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(6),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(6){width:135px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(7),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(7),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(7),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(7){width:160px}
        #deleted-employee-table .deleted-record-documents .deleted-record-table th:nth-child(8),
        #deleted-employee-table .deleted-record-documents .deleted-record-table td:nth-child(8){width:230px}
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(5),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(5){width:185px}
        #deleted-employee-table .deleted-record-leaves .deleted-record-table th:nth-child(8),
        #deleted-employee-table .deleted-record-leaves .deleted-record-table td:nth-child(8){width:170px}
        .department-badge{
            display:inline-flex;padding:6px 10px;border-radius:7px;background:#eaf2ff;color:#005be8;font-size:12px;font-weight:700;
        }
        .employee-table-footer-modern{
            display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;color:#52657d;font-size:14px;border-top:1px solid #edf2f7;
        }
        @media (max-width: 1400px){
            .employee-main-page .employee-stat-grid{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .employee-main-page .employee-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
            .employee-main-page .leave-head-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
            .employee-list-modern-charts{grid-template-columns:1fr}
            .employee-filter-form-modern{grid-template-columns:repeat(2,minmax(0,1fr))}
        }
        @media (max-width: 900px){
            .employee-main-page .employee-list-headbar-main{
                flex-direction:column;
            }
            .employee-main-page .employee-filter-form{
                grid-template-columns:1fr;
            }
            .employee-main-page .employee-stat-grid{
                grid-template-columns:1fr;
            }
            .employee-chart-donut-wrap{display:grid;grid-template-columns:1fr;gap:18px}
            .employee-table-footer-modern{flex-direction:column;align-items:flex-start}
        }
        .employee-result-summary{
            display:grid;
            gap:4px;
            text-align:right;
            border-left:1px solid #e5ebf3;
            padding-left:18px;
        }
        .employee-result-summary span{
            font-size:12px;
            color:#64748b;
            text-transform:uppercase;
            font-weight:800;
        }
        .employee-result-summary strong{
            font-size:26px;
            color:#0f243e;
            line-height:1;
        }
        .employee-list-card{
            background:#fff;
            border:1px solid #e1e8f0;
            border-radius:10px;
            box-shadow:0 4px 14px rgba(20,40,70,.06);
            padding:0;
            overflow:hidden;
        }
        .employee-list-card .list-head{
            padding:20px 22px 14px;
            margin:0;
        }
        .employee-list-card .list-head h3{
            font-size:22px;
            color:#0f243e;
            margin:0;
        }
        .employee-list-card .list-head p{
            margin:6px 0 0;
            color:#52657d;
            font-size:14px;
        }
        .employee-list-card .table-wrap{
            border:none;
            border-radius:0;
            box-shadow:none;
        }
        .employee-table{
            min-width:1050px;
        }
        .employee-table thead{
            background:#f5f8fc;
        }
        .employee-table th{
            height:54px;
            padding:0 18px;
            font-size:14px;
            color:#0f243e;
            font-weight:800;
            border-bottom:1px solid #e2e8f0;
            background:#f5f8fc;
            text-transform:none;
            letter-spacing:0;
        }
        .employee-table td{
            padding:14px 18px;
            border-bottom:1px solid #edf1f6;
            font-size:14px;
            color:#253b57;
            background:#fff;
        }
        .employee-table tbody tr:nth-child(even) td{
            background:#fff;
        }
        .employee-table tbody tr:hover td{
            background:#f8fbff;
        }
        .employee-person-cell{
            gap:12px;
        }
        .employee-avatar-mini{
            width:38px;
            height:38px;
            border-radius:50%;
            background:#edf4ff;
            color:#005be8;
            border:1px solid #d8e5ff;
            font-size:15px;
        }
        .row-title{
            color:#0f243e;
            font-weight:800;
            font-size:14px;
        }
        .row-sub{
            color:#64748b;
            font-size:12px;
            font-weight:600;
        }
        .project-pill{
            border-radius:6px;
            background:#f5f8fc;
            border:1px solid #e5ebf3;
            color:#52657d;
            font-size:12px;
            font-weight:700;
        }
        .project-pill.project-pill-inline{
            padding:3px 7px;
            font-size:10px;
            border-radius:6px;
            max-width:160px;
        }
        .table-actions{
            display:flex;
            gap:8px;
            flex-wrap:wrap;
        }
        .table-actions.table-actions-compact{
            flex-wrap:nowrap;
            justify-content:flex-start;
            align-items:center;
        }
        .table-actions.table-actions-textual{
            gap:6px;
            flex-wrap:wrap;
        }
        .table-actions.table-actions-textual .mini-btn{
            min-width:auto;
            height:32px;
            padding:0 10px;
            font-size:12px;
            font-weight:800;
            text-decoration:none;
        }
        .table-actions,
        .table-actions *{
            pointer-events:auto;
        }
        .table-actions form,
        .training-row-actions form{
            display:inline-flex;
            margin:0;
        }
        .mini-btn{
            min-width:34px;
            height:34px;
            padding:0 12px;
            border-radius:6px;
            background:#fff;
            box-shadow:none;
            font-size:13px;
            font-weight:700;
            position:relative;
            z-index:2;
            cursor:pointer;
        }
        .mini-btn.icon-only{
            width:36px;
            min-width:36px;
            padding:0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .mini-btn.icon-only svg{
            width:16px;
            height:16px;
            display:block;
            pointer-events:none;
        }
        .mini-btn.icon-only svg *{
            pointer-events:none;
        }
        .employee-list-card.ozluk-management-card{
            background:#fff;
            border:1px solid #e0e8f2;
            border-radius:16px;
            overflow:hidden;
            box-shadow:0 8px 20px rgba(15,35,65,.06);
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-head{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:16px;
            padding:18px 20px;
            border-bottom:1px solid #e7eef8;
            background:linear-gradient(135deg,#ffffff 0%,#f6faff 100%);
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-title{
            display:grid;
            grid-template-columns:auto minmax(0,1fr);
            gap:12px;
            align-items:center;
            min-width:0;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-icon{
            width:42px;
            height:42px;
            border-radius:12px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#eef4ff;
            border:1px solid #dbeafe;
            color:#2563eb;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-icon svg{
            width:20px;
            height:20px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-title strong{
            display:block;
            color:#071832;
            font-size:20px;
            font-weight:950;
            line-height:1.15;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-title small{
            display:block;
            margin-top:5px;
            color:#64748b;
            font-size:12.5px;
            font-weight:800;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-count{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:7px 12px;
            border-radius:999px;
            border:1px solid #cfe0ff;
            background:#eef4ff;
            color:#1d4ed8;
            font-size:12px;
            font-weight:950;
            white-space:nowrap;
        }
        .employee-list-card.ozluk-management-card .workplace-filter-form{
            margin:0!important;
            padding:16px 20px;
            border-bottom:1px solid #e7eef8;
            background:#fff;
        }
        .employee-list-card.ozluk-management-card .table-wrap{
            margin-top:0!important;
            max-width:100%;
            overflow-x:hidden;
            overflow-y:visible;
            box-shadow:none;
            border:0;
            border-radius:0;
        }
        .employee-table.ozluk-management-table,
        .employee-table.ozluk-approval-table{
            width:100%;
            min-width:1180px;
            border-collapse:collapse;
            table-layout:fixed;
        }
        .employee-table.ozluk-management-table th,
        .employee-table.ozluk-approval-table th{
            height:52px;
            padding:0 12px;
            border-bottom:1px solid #dbe5f0;
            background:#f4f7fb;
            color:#0f243e;
            text-align:left;
            white-space:nowrap;
            font-size:12px;
            font-weight:900;
        }
        .employee-table.ozluk-management-table td,
        .employee-table.ozluk-approval-table td{
            height:58px;
            padding:0 12px;
            border-bottom:1px solid #edf2f7;
            color:#0f243e;
            font-size:12.5px;
            font-weight:500;
            white-space:nowrap!important;
            overflow:hidden!important;
            text-overflow:ellipsis!important;
            vertical-align:middle;
        }
        .employee-table.ozluk-management-table tbody tr:hover td,
        .employee-table.ozluk-approval-table tbody tr:hover td{
            background:#f8fbff;
        }
        .employee-table.ozluk-management-table th:nth-child(1),
        .employee-table.ozluk-management-table td:nth-child(1){width:210px;min-width:210px}
        .employee-table.ozluk-management-table th:nth-child(2),
        .employee-table.ozluk-management-table td:nth-child(2){width:190px;min-width:190px}
        .employee-table.ozluk-management-table th:nth-child(3),
        .employee-table.ozluk-management-table td:nth-child(3){width:215px;min-width:215px}
        .employee-table.ozluk-management-table th:nth-child(4),
        .employee-table.ozluk-management-table td:nth-child(4){width:125px;min-width:125px}
        .employee-table.ozluk-management-table th:nth-child(5),
        .employee-table.ozluk-management-table td:nth-child(5){width:125px;min-width:125px}
        .employee-table.ozluk-management-table th:nth-child(6),
        .employee-table.ozluk-management-table td:nth-child(6){width:125px;min-width:125px}
        .employee-table.ozluk-management-table th:nth-child(7),
        .employee-table.ozluk-management-table td:nth-child(7){width:190px;min-width:190px;text-align:center}
        .employee-table.ozluk-management-table td:last-child{
            white-space:nowrap;
            overflow:visible!important;
        }
        .employee-table.ozluk-management-table td:last-child .table-actions{
            justify-content:flex-end;
            gap:7px;
            flex-wrap:nowrap;
        }
        .employee-table.ozluk-management-table .workplace-copy,
        .employee-table.ozluk-approval-table .workplace-copy,
        .employee-table.ozluk-management-table .project-pill,
        .employee-table.ozluk-approval-table .project-pill{
            max-width:100%;
            min-width:0;
        }
        .employee-table.ozluk-management-table .workplace-copy strong,
        .employee-table.ozluk-approval-table .workplace-copy strong,
        .employee-table.ozluk-management-table .workplace-copy span,
        .employee-table.ozluk-approval-table .workplace-copy span,
        .employee-table.ozluk-management-table .project-pill,
        .employee-table.ozluk-approval-table .project-pill{
            display:block;
            white-space:nowrap!important;
            overflow:hidden!important;
            text-overflow:ellipsis!important;
        }
        .employee-table.ozluk-management-table .workplace-copy strong,
        .employee-table.ozluk-approval-table .workplace-copy strong{
            font-size:12.5px;
            font-weight:650;
            color:#0f243e;
        }
        .employee-table.ozluk-management-table .workplace-copy span,
        .employee-table.ozluk-approval-table .workplace-copy span{
            font-size:11.5px;
            font-weight:600;
            color:#64748b;
            margin-top:3px;
        }
        .employee-table.ozluk-management-table .project-pill{
            display:inline-flex;
            align-items:center;
            width:auto;
            min-height:28px;
            padding:5px 9px;
            border-radius:7px;
            font-size:12px;
            font-weight:700;
        }
        .employee-table.ozluk-approval-combined-table{
            width:100%;
            min-width:0!important;
            table-layout:fixed;
        }
        .employee-table.ozluk-approval-combined-table th,
        .employee-table.ozluk-approval-combined-table td{
            min-width:0!important;
            padding-left:10px;
            padding-right:10px;
        }
        .employee-table.ozluk-approval-combined-table th{
            height:48px;
            white-space:normal!important;
            line-height:1.25;
        }
        .employee-table.ozluk-approval-combined-table td{
            height:64px;
        }
        .employee-table.ozluk-approval-combined-table th:nth-child(1),
        .employee-table.ozluk-approval-combined-table td:nth-child(1){width:12%}
        .employee-table.ozluk-approval-combined-table th:nth-child(2),
        .employee-table.ozluk-approval-combined-table td:nth-child(2){width:17%}
        .employee-table.ozluk-approval-combined-table th:nth-child(3),
        .employee-table.ozluk-approval-combined-table td:nth-child(3){width:19%}
        .employee-table.ozluk-approval-combined-table th:nth-child(4),
        .employee-table.ozluk-approval-combined-table td:nth-child(4){width:21%}
        .employee-table.ozluk-approval-combined-table th:nth-child(5),
        .employee-table.ozluk-approval-combined-table td:nth-child(5){width:15%}
        .employee-table.ozluk-approval-combined-table th:nth-child(6),
        .employee-table.ozluk-approval-combined-table td:nth-child(6){width:11%;text-align:center}
        .employee-table.ozluk-approval-combined-table th:nth-child(7),
        .employee-table.ozluk-approval-combined-table td:nth-child(7){width:5%;text-align:center}
        .employee-table.ozluk-approval-combined-table .ozluk-process-pill{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            max-width:100%;
            min-height:28px;
            padding:5px 9px;
            border-radius:999px;
            border:1px solid #cfe0f2;
            background:#f8fbff;
            color:#334155;
            font-size:11px;
            font-weight:900;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-process-pill span{
            min-width:0;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-process-pill svg{
            width:14px;
            height:14px;
            flex:0 0 auto;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-process-approval{
            border-color:#bfdbfe;
            background:#eff6ff;
            color:#1d4ed8;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-process-delete{
            border-color:#fecaca;
            background:#fff1f2;
            color:#9f1239;
        }
        .employee-table.ozluk-approval-table td:last-child{
            white-space:nowrap;
            overflow:hidden!important;
        }
        .employee-table.ozluk-approval-table td:last-child .table-actions{
            justify-content:flex-start;
            gap:7px;
            flex-wrap:nowrap;
            max-width:100%;
            min-width:0;
            overflow:hidden;
        }
        .employee-table.ozluk-approval-table td:last-child .table-actions form{
            min-width:0;
            flex:0 0 auto;
        }
        .employee-table.ozluk-approval-table td:last-child .table-actions input[type="text"]{
            min-width:130px!important;
            max-width:150px!important;
            height:34px;
        }
        .employee-table.ozluk-approval-table td:last-child .row-sub{
            min-width:0;
            max-width:130px;
            white-space:nowrap!important;
            overflow:hidden!important;
            text-overflow:ellipsis!important;
        }
        .employee-table.ozluk-approval-combined-table td:last-child{
            overflow:visible!important;
        }
        .employee-table.ozluk-approval-combined-table td:last-child .table-actions{
            justify-content:center;
            max-width:none;
            overflow:visible;
        }
        .employee-table.ozluk-approval-combined-table .status-badge{
            max-width:100%;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .employee-table.ozluk-management-table .mini-btn.icon-only,
        .employee-table.ozluk-approval-table .mini-btn.icon-only{
            width:34px;
            min-width:34px;
            height:34px;
            border-radius:8px;
        }
        .employee-table.ozluk-management-table .mini-btn.icon-only svg,
        .employee-table.ozluk-approval-table .mini-btn.icon-only svg{
            width:16px;
            height:16px;
        }
        .ozluk-dashboard-grid{
            gap:10px;
            margin-bottom:12px;
            padding:12px;
            border-radius:14px;
            box-shadow:0 8px 20px rgba(15,35,65,.045);
        }
        .ozluk-dashboard-card{
            gap:10px;
            min-height:78px;
            padding:11px 12px;
            border-radius:12px;
            box-shadow:0 6px 14px rgba(15,23,42,.035);
        }
        .ozluk-dashboard-icon{
            width:42px;
            height:42px;
            border-radius:12px;
        }
        .ozluk-dashboard-icon svg{
            width:18px;
            height:18px;
        }
        .ozluk-dashboard-copy strong{
            font-size:24px;
        }
        .ozluk-dashboard-copy small{
            margin-top:4px;
            font-size:11.5px;
        }
        .employee-list-card.ozluk-management-card{
            border-radius:12px;
            box-shadow:0 8px 22px rgba(15,35,65,.055);
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-head{
            gap:12px;
            padding:12px 16px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-icon{
            width:36px;
            height:36px;
            border-radius:10px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-icon svg{
            width:17px;
            height:17px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-title strong{
            font-size:18px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-title small{
            margin-top:3px;
            font-size:12px;
        }
        .employee-list-card.ozluk-management-card .ozluk-approval-card-count{
            min-height:30px;
            padding:5px 10px;
            font-size:11.5px;
        }
        .employee-list-card.ozluk-management-card .workplace-filter-form{
            padding:12px 16px;
        }
        .employee-table.ozluk-approval-combined-table th,
        .employee-table.ozluk-approval-combined-table td{
            padding-left:8px;
            padding-right:8px;
        }
        .employee-table.ozluk-approval-combined-table th{
            height:44px;
            line-height:1.18;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-two-line-head span{
            display:block;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-two-line-head span + span{
            margin-top:2px;
        }
        .employee-table.ozluk-approval-combined-table td{
            height:auto;
            min-height:58px;
            padding-top:10px;
            padding-bottom:10px;
            white-space:normal!important;
            overflow:visible!important;
            text-overflow:clip!important;
        }
        .employee-table.ozluk-approval-combined-table th:nth-child(1),
        .employee-table.ozluk-approval-combined-table td:nth-child(1){width:11%}
        .employee-table.ozluk-approval-combined-table th:nth-child(2),
        .employee-table.ozluk-approval-combined-table td:nth-child(2){width:21%}
        .employee-table.ozluk-approval-combined-table th:nth-child(3),
        .employee-table.ozluk-approval-combined-table td:nth-child(3){width:18%}
        .employee-table.ozluk-approval-combined-table th:nth-child(4),
        .employee-table.ozluk-approval-combined-table td:nth-child(4){width:20%}
        .employee-table.ozluk-approval-combined-table th:nth-child(5),
        .employee-table.ozluk-approval-combined-table td:nth-child(5){width:14%}
        .employee-table.ozluk-approval-combined-table th:nth-child(6),
        .employee-table.ozluk-approval-combined-table td:nth-child(6){width:10%;text-align:center}
        .employee-table.ozluk-approval-combined-table th:nth-child(7),
        .employee-table.ozluk-approval-combined-table td:nth-child(7){width:6%;text-align:center}
        .employee-table.ozluk-approval-combined-table td:nth-child(2) .workplace-copy strong{
            white-space:normal!important;
            overflow:visible!important;
            text-overflow:clip!important;
            line-height:1.28;
        }
        .employee-table.ozluk-approval-combined-table td:nth-child(2) .project-pill-inline{
            display:inline-flex!important;
            width:max-content;
            max-width:100%;
            margin-top:5px;
            white-space:nowrap!important;
        }
        .employee-table.ozluk-approval-combined-table .ozluk-process-pill{
            min-height:26px;
            padding:4px 8px;
            gap:5px;
            font-size:10.5px;
        }
        .employee-table.ozluk-approval-combined-table .status-badge{
            padding:6px 8px;
            font-size:11px;
        }
        .mini-btn.toggle{
            border:1px solid #d8e5ff;
            color:#005be8;
            background:#fff;
        }
        .mini-btn.edit{
            border:1px solid #ffdca3;
            color:#f59e0b;
            background:#fff;
        }
        .mini-btn.delete{
            border:1px solid #ffcaca;
            color:#ff3b3b;
            background:#fff;
        }
        .empty-state{
            padding:24px;
            border:1px dashed #d7e0ea;
            border-radius:8px;
            background:#f8fbff;
            color:#52657d;
            font-weight:700;
        }
        @media(max-width:1200px){
            .employee-command-panel{
                grid-template-columns:1fr;
            }
        }
        @media(max-width:850px){
            .employee-list-headbar{
                padding:18px;
            }
            .employee-command-panel{
                grid-template-columns:1fr;
                padding:16px;
            }
            .employee-search-form{
                justify-content:stretch;
                flex-wrap:wrap;
            }
            .employee-search-form input{
                min-width:0;
                width:100%;
                flex:1 1 100%;
            }
            .employee-result-summary{
                text-align:left;
                border-left:none;
                border-top:1px solid #e5ebf3;
                padding-left:0;
                padding-top:14px;
            }
        }
        /* Calisan listesi son gorunum override */
        .employee-list-headbar{
            display:grid;
            gap:24px;
            padding:30px 30px 26px;
        }
        .employee-list-headbar-main{
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            gap:28px;
            align-items:start;
        }
        .employee-list-headbar-main > div:first-child{max-width:none}
        .employee-list-headbar-copy{display:grid;gap:12px;align-content:start}
        .employee-list-breadcrumb{
            display:inline-flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
            min-height:58px;
            padding:12px 18px;
            border:1px solid #d9e5f2;
            border-radius:16px;
            background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
            box-shadow:0 6px 16px rgba(15,35,65,.05);
            width:max-content;
            max-width:100%;
        }
        .employee-list-breadcrumb span{
            display:inline-flex;
            align-items:center;
            font-size:14px;
            font-weight:800;
            color:#64748b;
        }
        .employee-list-breadcrumb .employee-list-breadcrumb-sep{
            color:#94a3b8;
            font-weight:900;
        }
        .employee-list-breadcrumb .employee-list-breadcrumb-current{
            min-height:38px;
            padding:0 14px;
            border-radius:999px;
            background:#edf4ff;
            border:1px solid #d7e6ff;
            color:#0b1f3a;
        }
        .employee-list-headbar-note{
            margin:0;
            color:#64748b;
            font-size:13px;
            line-height:1.6;
        }
        .employee-list-headbar h3{font-size:26px}
        .employee-list-headbar p{font-size:15px;line-height:1.6}
        .employee-header-action{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            min-height:46px;
            padding:0 22px;
            border:none;
            border-radius:6px;
            background:#005be8;
            color:#fff;
            font-size:14px;
            font-weight:800;
            box-shadow:0 8px 18px rgba(0,91,232,.22);
        }
        .employee-header-action:hover{background:#004dca}
        .employee-stat-grid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:18px;
            width:100%;
        }
        .employee-stat-card{
            display:flex;
            gap:16px;
            align-items:center;
            padding:22px 24px;
            border:1px solid #e5ebf3;
            border-radius:10px;
            background:#fff;
            min-height:112px;
            box-shadow:0 8px 22px rgba(20,40,70,.05);
        }
        .employee-stat-icon{
            width:56px;
            height:56px;
            border-radius:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:26px;
            font-weight:900;
            flex:0 0 auto;
        }
        .employee-stat-icon svg{width:28px;height:28px;display:block}
        .employee-stat-icon.blue{background:#edf4ff;color:#005be8}
        .employee-stat-icon.green{background:#eaf8f0;color:#16a05d}
        .employee-stat-icon.purple{background:#f3ebff;color:#8738d6}
        .employee-stat-icon.orange{background:#fff3df;color:#f49a00}
        .employee-stat-copy span{display:block;color:#64748b;font-size:13px;font-weight:700}
        .employee-stat-copy strong{display:block;margin:4px 0 3px;font-size:32px;line-height:1;color:#0f243e}
        .employee-stat-copy small{display:block;color:#52657d;font-size:12px;font-weight:700}
        .employee-command-panel{
            display:grid;
            gap:16px;
            padding:20px;
        }
        .employee-command-panel.employee-command-panel-dashboard{
            padding:0;
            background:transparent;
            border:none;
            box-shadow:none;
            margin-bottom:24px;
            grid-template-columns:minmax(0,1fr);
            width:100%;
        }
        .employee-dashboard-shell{
            display:grid;
            gap:18px;
        }
        .employee-dashboard-section-head{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:16px;
            flex-wrap:wrap;
        }
        .employee-dashboard-section-copy{
            display:grid;
            gap:6px;
        }
        .employee-dashboard-section-copy span{
            font-size:11px;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
            color:#2563eb;
        }
        .employee-dashboard-section-copy h2{
            margin:0;
            font-size:24px;
            line-height:1.15;
            color:#0f172a;
        }
        .employee-dashboard-section-copy p{
            margin:0;
            font-size:13px;
            line-height:1.6;
            color:#64748b;
        }
        .employee-dashboard-section-note{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:10px 14px;
            border-radius:999px;
            background:#eff6ff;
            border:1px solid #dbeafe;
            color:#1d4ed8;
            font-size:12px;
            font-weight:800;
            white-space:normal;
        }
        .employee-dashboard-detail-stack{
            display:none;
            gap:16px;
        }
        .ikd-body-stack{display:grid;gap:18px}
        .ikd-shell{
            display:grid;
            gap:18px;
            width:100%;
        }
        .ikd-toolbar{
            display:grid;
            grid-template-columns:minmax(0,1.4fr) minmax(300px, 360px);
            gap:18px;
            align-items:stretch;
        }
        .ikd-toolbar-card,
        .ikd-toolbar-filter{
            background:#fff;
            border:1px solid #e2e8f0;
            border-radius:14px;
            box-shadow:0 4px 14px rgba(20,40,70,.05);
        }
        .ikd-toolbar-card{
            padding:24px 26px;
            display:grid;
            gap:10px;
        }
        .ikd-toolbar-card span{
            font-size:12px;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
            color:#2563eb;
        }
        .ikd-toolbar-card h2{
            margin:0;
            font-size:30px;
            line-height:1.15;
            color:#0b1f3a;
        }
        .ikd-toolbar-card p{
            margin:0;
            font-size:14px;
            line-height:1.65;
            color:#66788f;
            max-width:760px;
        }
        .ikd-toolbar-meta{
            display:flex;
            align-items:center;
            gap:12px;
            flex-wrap:wrap;
            margin-top:4px;
        }
        .ikd-toolbar-badge{
            display:inline-flex;
            align-items:center;
            gap:8px;
            min-height:38px;
            padding:0 14px;
            border-radius:999px;
            background:#eff6ff;
            border:1px solid #dbeafe;
            color:#1d4ed8;
            font-size:12px;
            font-weight:800;
        }
        .ikd-toolbar-filter{
            padding:18px 18px 16px;
            display:grid;
            gap:12px;
            align-content:center;
        }
        .ikd-toolbar-filter label{
            display:block;
            font-size:12px;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
            color:#475569;
        }
        .ikd-project-select{
            width:100%;
            height:48px;
            border:1px solid #d5dfec;
            border-radius:10px;
            padding:0 16px;
            background:#fff;
            color:#0b1f3a;
            font-size:14px;
            font-weight:700;
            outline:none;
        }
        .ikd-project-select:focus{
            border-color:#2563eb;
            box-shadow:0 0 0 4px rgba(37,99,235,.10);
        }
        .ikd-toolbar-hint{
            font-size:12px;
            line-height:1.55;
            color:#64748b;
        }
        .ikd-summary-grid{
            display:grid;
            grid-template-columns:repeat(5,minmax(210px,1fr));
            gap:16px;
            align-items:stretch;
        }
        .ikd-summary-card,
        .ikd-chart-card,
        .ikd-info-strip{
            background:#fff;
            border:1px solid #e2e8f0;
            border-radius:12px;
            box-shadow:0 4px 14px rgba(20,40,70,.05);
        }
        .ikd-summary-card{padding:18px}
        .ikd-summary-top{display:flex;align-items:center;gap:14px}
        .ikd-summary-icon{
            width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
        }
        .ikd-summary-icon svg{width:26px;height:26px}
        .ikd-summary-icon.blue{background:#edf4ff;color:#005be8}
        .ikd-summary-icon.green{background:#eaf8f0;color:#16a05d}
        .ikd-summary-icon.purple{background:#f3ebff;color:#8738d6}
        .ikd-summary-icon.orange{background:#fff3df;color:#f49a00}
        .ikd-summary-copy span{display:block;font-size:13px;color:#66788f}
        .ikd-summary-copy h2{font-size:26px;margin-top:4px;color:#0b1f3a;line-height:1.1}
        .ikd-summary-copy small{display:block;margin-top:8px;font-size:13px;color:#66788f;font-weight:700}
        .ikd-summary-change{
            margin-top:16px;padding-top:14px;border-top:1px solid #eef2f7;font-size:13px;color:#66788f;font-weight:700;
        }
        .ikd-summary-change.up{color:#16a05d}
        .ikd-summary-change.down{color:#ef4444}
        .ikd-grid{
            display:grid;
            grid-template-columns:1.1fr 1fr 1.1fr;
            gap:18px;
        }
        .ikd-grid.ikd-grid-second{grid-template-columns:1fr 1fr 1fr}
        .ikd-chart-card{padding:18px}
        .ikd-chart-card h3{font-size:17px;margin:0 0 16px;color:#0b1f3a}
        .ikd-mini-note{font-size:13px;color:#66788f;font-weight:700;margin-top:16px}
        .ikd-bar-chart{
            height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:20px;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;
        }
        .ikd-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
        .ikd-bar-stack{width:24px;height:150px;display:flex;flex-direction:column-reverse;justify-content:flex-start}
        .ikd-bar-blue,.ikd-bar-green{width:100%;border-radius:4px 4px 0 0}
        .ikd-bar-blue{background:#005be8}
        .ikd-bar-green{background:#16a05d}
        .ikd-bar-label{font-size:12px;color:#66788f}
        .ikd-donut-layout{display:flex;align-items:center;gap:22px}
        .ikd-donut{
            width:170px;height:170px;border-radius:50%;position:relative;flex:0 0 auto;
        }
        .ikd-donut::after{
            content:"";position:absolute;inset:42px;background:#fff;border-radius:50%;
        }
        .ikd-donut-center{
            position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;font-weight:800;color:#0b1f3a;font-size:18px;text-align:center;
        }
        .ikd-legend{flex:1;display:grid;gap:10px}
        .ikd-legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#344761}
        .ikd-legend-left{display:flex;align-items:center;gap:8px}
        .ikd-dot{width:9px;height:9px;border-radius:50%}
        .ikd-horizontal-bars{display:flex;flex-direction:column;gap:16px}
        .ikd-hbar-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:12px;font-size:13px}
        .ikd-hbar-track{height:14px;background:#edf2f8;border-radius:8px;overflow:hidden}
        .ikd-hbar-fill{height:100%;background:linear-gradient(90deg,#005be8,#70a9ff);border-radius:8px}
        .ikd-gender-chart{
            height:220px;display:flex;align-items:flex-end;gap:24px;padding:18px 10px 0;border-left:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;
        }
        .ikd-gender-group{flex:1;display:flex;justify-content:center;align-items:flex-end;gap:8px;position:relative}
        .ikd-gender-bar{width:26px;border-radius:4px 4px 0 0;position:relative}
        .ikd-gender-bar.male{background:#005be8}
        .ikd-gender-bar.female{background:#16a05d}
        .ikd-gender-bar b{
            position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:12px;color:#0b1f3a;
        }
        .ikd-gender-label{position:absolute;bottom:-24px;font-size:12px;color:#66788f}
        .ikd-info-strip{
            padding:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;
        }
        .ikd-info-item{display:flex;align-items:center;gap:12px;border-right:1px solid #eef2f7}
        .ikd-info-item:last-child{border-right:none}
        .ikd-info-icon{width:48px;height:48px;border-radius:14px;background:#edf4ff;color:#005be8;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
        .ikd-info-icon svg{width:22px;height:22px}
        .ikd-info-copy span{display:block;font-size:13px;color:#66788f}
        .ikd-info-copy h4{font-size:20px;margin-top:3px;color:#0b1f3a}
        .ikd-footer-note{display:flex;justify-content:space-between;color:#7b8ca3;font-size:13px;padding:0 4px}
        .employee-secondary-actions,
        .employee-filter-strip{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            align-items:center;
        }
        .employee-secondary-actions{justify-content:flex-end}
        .employee-filter-form{
            display:grid;
            grid-template-columns:2fr 1.2fr 1fr auto auto;
            gap:14px;
            align-items:end;
        }
        .employee-filter-form .field{margin-top:0}
        .employee-filter-form .field label{display:block;margin-bottom:7px;font-size:13px;color:#334155;font-weight:700}
        .employee-search-box{position:relative}
        .employee-search-box input,
        .employee-filter-form select{
            width:100%;
            height:42px;
            border:1px solid #cfd9e6;
            border-radius:6px;
            padding:0 13px;
            font-size:14px;
            color:#0f243e;
            background:#fff;
        }
        .employee-search-box input{padding-right:42px}
        .employee-search-box:after{
            content:'\1F50D';
            position:absolute;
            right:13px;
            top:50%;
            transform:translateY(-5px);
            font-size:15px;
            opacity:.55;
        }
        .employee-search-box input:focus,
        .employee-filter-form select:focus{outline:none;border-color:#005be8;box-shadow:0 0 0 4px rgba(0,91,232,.08)}
        .employee-result-summary{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:14px;
            text-align:left;
            border-top:1px solid #eef2f7;
            border-left:none;
            padding:14px 20px;
            color:#52657d;
            font-size:13px;
            font-weight:700;
        }
        .employee-result-summary span,
        .employee-result-summary strong{
            font-size:13px;
            font-weight:700;
            color:#52657d;
            text-transform:none;
            line-height:1.4;
            padding:0;
        }
        .employee-list-card .table-wrap{margin-top:0!important}
        .employee-table{min-width:1180px}
        .employee-table th:nth-child(1),.employee-table td:nth-child(1){width:58px;min-width:58px}
        .employee-table th:nth-child(2),.employee-table td:nth-child(2){min-width:210px}
        .employee-table th:nth-child(3),.employee-table td:nth-child(3){min-width:140px}
        .employee-table th:nth-child(4),.employee-table td:nth-child(4){min-width:170px}
        .employee-table th:nth-child(5),.employee-table td:nth-child(5){min-width:170px}
        .employee-table th:nth-child(6),.employee-table td:nth-child(6){min-width:130px}
        .employee-table th:nth-child(7),.employee-table td:nth-child(7){min-width:95px}
        .employee-table th:nth-child(8),.employee-table td:nth-child(8){min-width:126px}
        .employee-avatar-photo{
            width:38px;height:38px;border-radius:50%;object-fit:cover;display:block;
            border:1px solid #dbe4ee;background:#fff;
        }
        .employee-avatar-placeholder{
            width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
            border:1px solid #dbe4ee;background:#f8fafc;color:#64748b;
        }
        .employee-avatar-placeholder svg{width:20px;height:20px;display:block}
        .employee-avatar-placeholder.male{background:#edf4ff;border-color:#cfe0ff;color:#005be8}
        .employee-avatar-placeholder.female{background:#f3ebff;border-color:#e0d0ff;color:#8738d6}
        .employee-avatar-placeholder.unknown{background:#f8fafc;border-color:#dbe4ee;color:#64748b}
        .mini-btn{font-size:0;min-width:34px;padding:0 10px}
        .mini-btn:before{font-size:14px;font-weight:900}
        .mini-btn.toggle:before{content:''}
        .mini-btn.edit:before{content:''}
        .mini-btn.delete:before{content:''}
        .employee-icon-btn{width:34px;min-width:34px;padding:0}
        .employee-icon-btn svg{width:16px;height:16px;display:block}
        .employee-pagination{display:flex;align-items:center;gap:8px}
        .employee-page-btn{min-width:34px;height:34px;border:1px solid #d9e2ec;background:#fff;border-radius:6px;color:#0f243e;cursor:default;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
        .employee-page-btn svg{width:15px;height:15px;display:block}
        .employee-page-btn.active{background:#005be8;border-color:#005be8;color:#fff}
        .employee-page-btn:disabled{opacity:.55}
        .status-badge.status-active{color:#0f8f55;background:#e9f8f0;border:1px solid #bfead2}
        .status-badge.status-passive{color:#e18a00;background:#fff4df;border:1px solid #ffd99b}
        .employee-module-subnav{margin-bottom:16px}
        .employee-main-page .employee-module-subnav:first-child{margin-top:-6px}
        .employee-dashboard-hero{
            display:grid;
            grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);
            gap:18px;
            margin-bottom:18px;
            align-items:stretch;
        }
        .employee-hero-panel{
            position:relative;
            overflow:hidden;
            background:linear-gradient(135deg,#082f49 0%, #0f3f67 52%, #1d4ed8 100%);
            border-radius:16px;
            padding:26px 28px;
            color:#fff;
            box-shadow:0 18px 40px rgba(8,47,73,.24);
        }
        .employee-hero-panel::before{
            content:"";
            position:absolute;
            inset:auto -60px -60px auto;
            width:220px;
            height:220px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 68%);
        }
        .employee-hero-panel::after{
            content:"";
            position:absolute;
            inset:0;
            background-image:radial-gradient(rgba(255,255,255,.14) 1px, transparent 1px);
            background-size:18px 18px;
            opacity:.22;
            pointer-events:none;
        }
        .employee-hero-content{position:relative;z-index:1}
        .employee-hero-kicker{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:6px 12px;
            border-radius:999px;
            background:rgba(255,255,255,.12);
            border:1px solid rgba(255,255,255,.16);
            font-size:11px;
            font-weight:800;
            letter-spacing:.08em;
            text-transform:uppercase;
        }
        .employee-hero-panel h3{
            margin:16px 0 10px;
            font-size:30px;
            line-height:1.15;
            color:#fff;
        }
        .employee-hero-panel p{
            margin:0;
            max-width:620px;
            font-size:14px;
            line-height:1.7;
            color:rgba(255,255,255,.82);
        }
        .employee-hero-metrics{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:12px;
            margin-top:20px;
        }
        .employee-hero-trend{
            margin-top:22px;
            padding-top:18px;
            border-top:1px solid rgba(255,255,255,.14);
            display:grid;
            gap:10px;
        }
        .employee-hero-trend-head{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
        }
        .employee-hero-trend-head strong{
            font-size:13px;
            color:#fff;
            letter-spacing:.03em;
        }
        .employee-hero-trend-head span{
            font-size:11px;
            color:rgba(255,255,255,.7);
            font-weight:700;
        }
        .employee-trend-chart{
            display:grid;
            grid-template-columns:repeat(12,minmax(0,1fr));
            gap:10px;
            align-items:end;
            min-height:132px;
        }
        .employee-trend-bar{
            display:grid;
            gap:8px;
            justify-items:center;
        }
        .employee-trend-dual{
            width:100%;
            min-height:78px;
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:5px;
            align-items:end;
        }
        .employee-trend-bar-fill{
            width:100%;
            min-height:10px;
            border-radius:10px 10px 6px 6px;
            box-shadow:0 8px 18px rgba(15,23,42,.16);
        }
        .employee-trend-bar-fill.giris{
            background:linear-gradient(180deg,rgba(110,231,183,.95) 0%, rgba(34,197,94,.92) 100%);
        }
        .employee-trend-bar-fill.cikis{
            background:linear-gradient(180deg,rgba(251,146,60,.96) 0%, rgba(234,88,12,.92) 100%);
        }
        .employee-trend-bar strong{
            font-size:14px;
            color:#fff;
            line-height:1;
        }
        .employee-trend-bar span{
            font-size:11px;
            color:rgba(255,255,255,.7);
            font-weight:700;
        }
        .employee-trend-legend{
            display:flex;
            align-items:center;
            gap:16px;
            flex-wrap:wrap;
        }
        .employee-trend-legend span{
            display:inline-flex;
            align-items:center;
            gap:8px;
            font-size:11px;
            color:rgba(255,255,255,.72);
            font-weight:800;
        }
        .employee-trend-legend i{
            width:10px;
            height:10px;
            border-radius:50%;
            display:block;
        }
        .employee-trend-legend i.giris{background:#22c55e}
        .employee-trend-legend i.cikis{background:#f97316}
        .employee-hero-metric{
            padding:14px 16px;
            border-radius:14px;
            background:rgba(255,255,255,.10);
            border:1px solid rgba(255,255,255,.14);
            backdrop-filter:blur(8px);
        }
        .employee-hero-metric strong{
            display:block;
            font-size:24px;
            line-height:1;
            color:#fff;
        }
        .employee-hero-metric span{
            display:block;
            margin-top:8px;
            font-size:12px;
            color:rgba(255,255,255,.76);
            font-weight:700;
        }
        .employee-visual-stack{display:grid;gap:18px}
        .employee-visual-card{
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:16px;
            box-shadow:0 12px 28px rgba(15,23,42,.06);
            padding:18px 20px;
        }
        .employee-visual-card h4{
            margin:0 0 6px;
            font-size:17px;
            color:#0f172a;
        }
        .employee-visual-card p{
            margin:0;
            font-size:12px;
            color:#64748b;
            line-height:1.5;
        }
        .employee-analytics-grid{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:12px;
            margin-top:14px;
        }
        .employee-analytics-metric{
            padding:14px 16px;
            border:1px solid #e2e8f0;
            border-radius:12px;
            background:#f8fafc;
        }
        .employee-analytics-metric span{
            display:block;
            font-size:11px;
            color:#64748b;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.04em;
        }
        .employee-analytics-metric strong{
            display:block;
            margin-top:8px;
            font-size:24px;
            color:#0f172a;
            line-height:1;
        }
        .employee-analytics-metric small{
            display:block;
            margin-top:8px;
            font-size:12px;
            color:#64748b;
            font-weight:700;
            line-height:1.45;
        }
        .employee-top-project-list{
            display:grid;
            gap:12px;
            margin-top:16px;
        }
        .employee-top-project-item{
            display:grid;
            grid-template-columns:minmax(0,1fr) 62px;
            gap:12px;
            align-items:center;
        }
        .employee-top-project-copy{display:grid;gap:6px}
        .employee-top-project-copy strong{font-size:13px;color:#0f172a}
        .employee-top-project-copy span{font-size:11px;color:#64748b;font-weight:700}
        .employee-top-project-track{
            position:relative;
            height:10px;
            border-radius:999px;
            background:#e8eef8;
            overflow:hidden;
        }
        .employee-top-project-fill{
            position:absolute;
            inset:0 auto 0 0;
            border-radius:999px;
            background:linear-gradient(90deg,#2563eb,#06b6d4);
        }
        .employee-top-project-value{
            padding:8px 10px;
            border-radius:10px;
            background:#eff6ff;
            color:#1d4ed8;
            text-align:center;
            font-size:13px;
            font-weight:900;
        }
        .employee-dashboard-inline-note{
            margin-top:16px;
            padding:12px 14px;
            border-radius:12px;
            background:linear-gradient(135deg,#eff6ff,#f8fafc);
            border:1px solid #dbe4ee;
            display:flex;
            justify-content:space-between;
            gap:12px;
            align-items:center;
        }
        .employee-dashboard-inline-note span{
            font-size:12px;
            color:#475569;
            font-weight:700;
            line-height:1.5;
        }
        .employee-dashboard-inline-note strong{
            font-size:16px;
            color:#0f172a;
            white-space:nowrap;
        }
        .employee-visual-chart{
            margin-top:14px;
        }
        .employee-visual-bars{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:10px;
            align-items:end;
            min-height:152px;
        }
        .employee-visual-bar{
            display:grid;
            gap:8px;
            justify-items:center;
        }
        .employee-visual-bar-fill{
            width:100%;
            min-height:26px;
            border-radius:12px 12px 8px 8px;
            background:linear-gradient(180deg,#60a5fa 0%, #2563eb 100%);
            box-shadow:0 10px 16px rgba(37,99,235,.18);
        }
        .employee-visual-bar-fill.green{background:linear-gradient(180deg,#4ade80 0%, #16a34a 100%);box-shadow:0 10px 16px rgba(22,163,74,.18)}
        .employee-visual-bar-fill.purple{background:linear-gradient(180deg,#c084fc 0%, #9333ea 100%);box-shadow:0 10px 16px rgba(147,51,234,.18)}
        .employee-visual-bar-fill.orange{background:linear-gradient(180deg,#fdba74 0%, #f59e0b 100%);box-shadow:0 10px 16px rgba(245,158,11,.18)}
        .employee-visual-bar strong{font-size:18px;color:#0f172a}
        .employee-visual-bar span{font-size:11px;color:#64748b;font-weight:700;text-align:center;line-height:1.35}
        .employee-visual-ring{
            margin-top:14px;
            display:grid;
            grid-template-columns:132px 1fr;
            gap:18px;
            align-items:center;
        }
        .employee-visual-ring-graphic{
            width:132px;
            height:132px;
            border-radius:50%;
            position:relative;
            background:conic-gradient(#2563eb 0 calc(var(--completion, 0) * 1%), #e5eef9 calc(var(--completion, 0) * 1%) 100%);
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .employee-visual-ring-graphic::after{
            content:"";
            position:absolute;
            width:84px;
            height:84px;
            border-radius:50%;
            background:#fff;
            box-shadow:inset 0 0 0 1px #e2e8f0;
        }
        .employee-visual-ring-center{
            position:relative;
            z-index:1;
            display:grid;
            gap:2px;
            text-align:center;
        }
        .employee-visual-ring-center strong{font-size:24px;color:#0f172a;line-height:1}
        .employee-visual-ring-center span{font-size:11px;color:#64748b;font-weight:700}
        .employee-visual-ring-copy{
            display:grid;
            gap:10px;
        }
        .employee-visual-ring-copy div{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            padding:10px 12px;
            border:1px solid #e2e8f0;
            border-radius:10px;
            background:#f8fafc;
            font-size:12px;
            color:#475569;
            font-weight:700;
        }
        .employee-visual-ring-copy strong{font-size:15px;color:#0f172a}
        .employee-dashboard-grid{
            display:grid;
            grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);
            gap:18px;
        }
        .employee-dashboard-card{
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:14px;
            box-shadow:0 12px 32px rgba(15,23,42,.06);
            padding:22px;
        }
        .employee-dashboard-card-head{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
            margin-bottom:18px;
        }
        .employee-dashboard-card-head h3{margin:0;font-size:20px;color:#0f172a}
        .employee-dashboard-card-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}
        .employee-project-chart{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:14px;
        }
        .employee-project-card{
            display:grid;
            gap:12px;
            padding:16px;
            border:1px solid #e2e8f0;
            border-radius:14px;
            background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
        }
        .employee-project-topline{
            display:grid;
            grid-template-columns:48px minmax(0,1fr) auto;
            gap:12px;
            align-items:center;
        }
        .employee-project-rank{
            width:48px;
            height:48px;
            border-radius:14px;
            background:linear-gradient(135deg,#dbeafe,#bfdbfe);
            color:#1d4ed8;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:900;
            font-size:15px;
        }
        .employee-project-total{
            min-width:56px;
            padding:8px 10px;
            border-radius:12px;
            background:#0f172a;
            color:#fff;
            font-size:20px;
            text-align:center;
            line-height:1;
        }
        .employee-project-meta{display:grid;gap:4px}
        .employee-project-meta strong{font-size:14px;color:#0f172a}
        .employee-project-meta span{font-size:12px;color:#64748b}
        .employee-project-mix{
            display:grid;
            gap:10px;
        }
        .employee-project-split{
            display:grid;
            grid-template-columns:minmax(0,1fr) auto;
            gap:12px;
            align-items:center;
        }
        .employee-project-segment-track{
            position:relative;
            height:12px;
            border-radius:999px;
            background:#eaf1fb;
            overflow:hidden;
            display:flex;
        }
        .employee-project-segment{
            height:100%;
        }
        .employee-project-segment.male{background:linear-gradient(90deg,#22c55e,#16a34a)}
        .employee-project-segment.female{background:linear-gradient(90deg,#a855f7,#7c3aed)}
        .employee-project-split span{
            font-size:12px;
            color:#475569;
            font-weight:800;
            min-width:88px;
            text-align:right;
        }
        .employee-donut-wrap{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}
        .employee-donut-chart{
            --male-angle: calc(var(--male, 0) * 3.6deg);
            width:180px;height:180px;border-radius:50%;
            background:conic-gradient(#22c55e 0 var(--male-angle), #8b5cf6 var(--male-angle) 360deg);
            position:relative;display:flex;align-items:center;justify-content:center
        }
        .employee-donut-chart::after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}
        .employee-donut-center{position:relative;z-index:1;display:grid;gap:4px;text-align:center}
        .employee-donut-center strong{font-size:30px;color:#0f172a;line-height:1}
        .employee-donut-center span{font-size:12px;color:#64748b;font-weight:700}
        .employee-donut-legend{display:grid;gap:12px}
        .employee-donut-legend div{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
        .employee-donut-legend i{width:14px;height:14px;border-radius:50%;display:block}
        .employee-donut-legend i.male{background:#22c55e}
        .employee-donut-legend i.female{background:#8b5cf6}
        .employee-donut-legend span{font-size:13px;color:#475569;font-weight:700}
        .employee-donut-legend strong{font-size:15px;color:#0f172a}
        .employee-activity-list{display:grid;gap:12px}
        .employee-activity-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
        .employee-activity-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}
        .employee-activity-avatar.birthday{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}
        .employee-activity-copy{display:grid;gap:4px}
        .employee-activity-copy strong{font-size:14px;color:#0f172a}
        .employee-activity-copy span{font-size:12px;color:#64748b;line-height:1.45}
        .employee-activity-date,.employee-birthday-date{display:grid;gap:4px;text-align:right}
        .employee-activity-date{font-size:12px;color:#64748b;font-weight:700}
        .employee-birthday-date strong{font-size:13px;color:#0f172a}
        .employee-birthday-date span{font-size:12px;color:#64748b}
        .employee-birthday-highlight{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbe4ee}
        .employee-birthday-highlight strong{font-size:14px;color:#0f172a}
        .employee-birthday-highlight span{font-size:22px;font-weight:800;color:#2563eb}
        @media(max-width:1200px){
            .employee-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            .employee-filter-form{grid-template-columns:1fr 1fr}
            .employee-filter-form .outline-btn,
            .employee-filter-form .clear-btn{width:100%}
            .employee-dashboard-hero,
            .employee-dashboard-grid{grid-template-columns:1fr}
            .employee-donut-wrap{grid-template-columns:1fr}
            .employee-project-chart{grid-template-columns:1fr}
        }
        @media(max-width:850px){
            .employee-list-headbar,
            .employee-command-panel{padding:16px}
            .employee-stat-grid,
            .employee-filter-form{grid-template-columns:1fr}
            .employee-list-headbar-main{grid-template-columns:1fr}
            .employee-list-breadcrumb{width:100%}
            .employee-hero-panel{padding:22px 20px}
            .employee-hero-panel h3{font-size:26px}
            .employee-hero-metrics,
            .employee-visual-bars,
            .employee-analytics-grid{grid-template-columns:1fr 1fr}
            .employee-trend-chart{grid-template-columns:repeat(6,minmax(0,1fr))}
            .employee-project-topline{grid-template-columns:48px minmax(0,1fr)}
            .employee-project-total{grid-column:1 / -1;justify-self:start}
            .employee-activity-item{grid-template-columns:42px minmax(0,1fr)}
            .employee-activity-date,
            .employee-birthday-date{grid-column:2 / 3;text-align:left}
            .employee-header-action{width:100%}
            .employee-secondary-actions{justify-content:flex-start}
            .employee-result-summary{flex-direction:column;align-items:flex-start}
            body > .employee-quick-search-modal{padding:12px;align-items:flex-start;overflow:auto}
            .employee-quick-search-modal .employee-report-dialog{margin:10px 0;width:100%;border-radius:15px}
            .employee-quick-search-modal .employee-report-head{padding:13px 14px;align-items:center}
            .employee-quick-search-title{align-items:flex-start}
            .employee-quick-search-modal .employee-report-head h3{font-size:17px}
            .employee-quick-search-body{padding:14px}
            .employee-quick-search-field{border-radius:12px}
            .employee-quick-search-input{height:44px}
            .employee-quick-search-results-wrap{overflow:auto}
            .employee-quick-search-table{
                min-width:820px;
            }
            .employee-pagination{align-self:flex-start}
            .ikd-toolbar{grid-template-columns:1fr}
            .ikd-summary-grid,
            .ikd-grid,
            .ikd-grid.ikd-grid-second,
            .ikd-info-strip{grid-template-columns:1fr}
            .ikd-donut-layout{flex-direction:column;align-items:flex-start}
            .ikd-hbar-row{grid-template-columns:1fr}
            .ikd-info-item{border-right:none;border-bottom:1px solid #eef2f7;padding-bottom:12px}
            .ikd-info-item:last-child{border-bottom:none;padding-bottom:0}
            .ikd-footer-note{flex-direction:column;gap:8px}
        }
        html.employee-list-restore body{
            visibility:hidden!important;
        }
        .detail1-timeline-head{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:12px;
            margin-bottom:6px;
        }
        .detail1-timeline-head h5{
            margin:0;
            flex:1 1 auto;
        }
        .detail1-timeline-head .detail2-table-actions{
            justify-content:flex-end;
            flex:0 0 auto;
        }
        .detail-training-table-wrap{
            width:100%;
            max-width:100%;
            overflow-x:auto;
            border:1px solid #e1e8f0;
            border-radius:10px;
            background:#fff;
        }
        .detail-training-table{
            width:100%;
            min-width:920px;
            border-collapse:collapse;
            table-layout:fixed;
        }
        .detail-training-table th,
        .detail-training-table td{
            padding:10px 12px;
            border-bottom:1px solid #edf2f7;
            text-align:left;
            vertical-align:middle;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            font-size:12px;
        }
        .detail-training-table th{
            background:#f8fbff;
            color:#64748b;
            font-weight:900;
            text-transform:uppercase;
            font-size:11px;
        }
        .detail-training-table tbody tr:last-child td{border-bottom:none}
        .detail-training-table td{color:#0b1f3a;font-weight:750}
        .detail-training-table td strong{font-weight:900;color:#001a3d}
        .detail-training-table th:nth-child(1),.detail-training-table td:nth-child(1){width:96px}
        .detail-training-table th:nth-child(2),.detail-training-table td:nth-child(2){width:28%}
        .detail-training-table th:nth-child(3),.detail-training-table td:nth-child(3){width:110px}
        .detail-training-table th:nth-child(4),.detail-training-table td:nth-child(4){width:112px}
        .detail-training-table th:nth-child(5),.detail-training-table td:nth-child(5){width:74px}
        .detail-training-table th:nth-child(6),.detail-training-table td:nth-child(6){width:170px}
        .detail-training-table th:nth-child(7),.detail-training-table td:nth-child(7){width:118px;text-align:center}
        .detail-training-table .detail-training-doc-btn{
            min-height:30px;
            padding:5px 9px;
            border-radius:8px;
            box-shadow:none;
            text-decoration:none;
            white-space:nowrap;
        }
        .employee-training-report-panel{width:min(1240px,96vw);max-height:92vh;display:flex;flex-direction:column}
        .employee-training-report-body{padding:16px;overflow:auto;background:#fff}
        .employee-training-report{display:grid;gap:14px;color:#0b1f3a}
        .employee-training-report-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid #dbe6f2;border-radius:10px;background:#f8fbff;padding:14px}
        .employee-training-report-head h3{margin:0;font-size:20px;color:#0f172a}
        .employee-training-report-head p{margin:5px 0 0;color:#64748b;font-size:12px;font-weight:800}
        .employee-training-report-stamp{display:grid;gap:3px;justify-items:end;white-space:nowrap}
        .employee-training-report-stamp span{font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase}
        .employee-training-report-stamp strong{font-size:13px;color:#0f172a}
        .employee-training-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
        .employee-training-report-summary div{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:10px 12px;display:grid;gap:4px}
        .employee-training-report-summary span{font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase}
        .employee-training-report-summary strong{font-size:15px;color:#0f172a}
        .employee-training-report-table-wrap{border:1px solid #dbe6f2;border-radius:10px;overflow:auto;background:#fff}
        .employee-training-report-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed}
        .employee-training-report-table th,.employee-training-report-table td{padding:9px 10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:middle;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-training-report-table th{background:#eef3f8;color:#334155;font-size:11px;font-weight:900;text-transform:uppercase}
        .employee-training-report-table tbody tr:last-child td{border-bottom:none}
        .employee-training-report-table td strong{font-weight:900;color:#0f172a}
        .employee-training-report-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5edf7;background:#fff}
        @media(max-width:900px){.employee-training-report-head,.employee-training-report-summary{grid-template-columns:1fr}.employee-training-report-stamp{justify-items:start}}
        .detail2-mini-table th:last-child,
        .detail2-mini-table td:last-child{
            text-align:right;
        }
        .detail2-mini-table th.detail2-action-head{
            text-align:center;
        }
        .detail2-mini-table td.detail2-action-cell .detail2-table-actions{
            justify-content:flex-end;
        }
        /* Calisan listesi ust alan kilidi: ortak header/grid kurallari bu ekrani kaydirmasin. */
        .employee-main-page .employee-list-headbar.employee-list-modern-head{
            display:grid !important;
            grid-template-columns:1fr !important;
            grid-template-rows:auto auto !important;
            gap:16px !important;
            align-items:stretch !important;
            padding:16px 18px 18px !important;
            overflow:visible;
            position:relative;
            z-index:20;
        }
        .employee-main-page .employee-list-modern-head .employee-list-headbar-main{
            display:grid !important;
            grid-template-columns:minmax(0,1fr) auto !important;
            gap:16px !important;
            align-items:start !important;
            margin:0 !important;
            min-height:0;
        }
        .employee-main-page .employee-list-modern-head .employee-list-headbar-copy{
            display:grid !important;
            gap:10px !important;
            align-content:start !important;
            min-width:0;
        }
        .employee-main-page .employee-list-modern-head .employee-list-breadcrumb{
            min-height:0 !important;
            width:max-content !important;
            max-width:100% !important;
            padding:10px 16px !important;
            border-radius:12px !important;
            line-height:1 !important;
        }
        .employee-main-page .employee-list-modern-head .employee-list-breadcrumb span{
            line-height:1.2 !important;
            white-space:nowrap;
        }
        .employee-main-page .employee-list-modern-head .employee-list-headbar-note{
            margin:0 !important;
            min-height:20px;
        }
        .employee-main-page .employee-list-modern-head .employee-header-actions{
            display:flex !important;
            justify-content:flex-end !important;
            align-items:flex-start !important;
            flex-wrap:wrap !important;
            gap:10px !important;
            margin:0 !important;
            min-width:0;
        }
        .employee-main-page .employee-list-modern-head .employee-header-outline,
        .employee-main-page .employee-list-modern-head .employee-header-action{
            flex:0 0 auto !important;
            height:42px !important;
            min-height:42px !important;
            padding:0 16px !important;
            border-radius:8px !important;
            white-space:nowrap;
        }
        .employee-main-page .employee-list-modern-head .employee-quick-actions-menu{
            text-align:left !important;
        }
        .employee-main-page .employee-list-modern-head .employee-quick-action-item{
            width:100% !important;
        }
        .employee-main-page .employee-list-modern-head .employee-kpi-grid{
            display:grid !important;
            grid-template-columns:repeat(6,minmax(0,1fr)) !important;
            gap:14px !important;
            width:100% !important;
            margin:0 !important;
        }
        .employee-main-page .employee-list-modern-head .employee-kpi-card{
            min-height:104px;
            padding:14px 16px !important;
            align-items:center;
            min-width:0;
        }
        .employee-main-page .employee-list-modern-head .employee-deleted-kpi-grid{
            grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        }
        .employee-main-page .employee-list-modern-head .employee-deleted-kpi-grid .employee-kpi-card{
            min-height:116px;
            padding:18px 20px !important;
        }
        .employee-main-page .employee-list-headbar.employee-deleted-head{
            display:grid !important;
            grid-template-columns:minmax(340px,.42fr) minmax(0,1fr) !important;
            grid-template-rows:auto !important;
            gap:18px !important;
            align-items:stretch !important;
            padding:18px !important;
        }
        .employee-main-page .employee-deleted-head .employee-list-headbar-main{
            display:block !important;
            margin:0 !important;
            min-width:0;
        }
        .employee-main-page .employee-deleted-head .employee-list-headbar-copy{
            height:100%;
            align-content:start !important;
            gap:18px !important;
        }
        .employee-main-page .employee-deleted-head .employee-header-actions{
            display:none !important;
        }
        .employee-main-page .employee-deleted-head .employee-deleted-kpi-grid{
            align-self:stretch;
            height:100%;
        }
        @media(max-width:1400px){
            .employee-main-page .employee-list-modern-head .employee-kpi-grid{
                grid-template-columns:repeat(3,minmax(0,1fr)) !important;
            }
            .employee-main-page .employee-list-modern-head .employee-deleted-kpi-grid{
                grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            }
            .employee-main-page .employee-list-headbar.employee-deleted-head{
                grid-template-columns:1fr !important;
            }
        }
        @media(max-width:900px){
            .employee-main-page .employee-list-modern-head .employee-list-headbar-main{
                grid-template-columns:1fr !important;
            }
            .employee-main-page .employee-list-modern-head .employee-header-actions{
                justify-content:flex-start !important;
            }
            .employee-main-page .employee-list-modern-head .employee-kpi-grid{
                grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            }
        }
        @media(max-width:640px){
            .employee-main-page .employee-list-headbar.employee-list-modern-head{
                padding:14px !important;
            }
            .employee-main-page .employee-list-modern-head .employee-list-breadcrumb{
                width:100% !important;
            }
            .employee-main-page .employee-list-modern-head .employee-header-outline,
            .employee-main-page .employee-list-modern-head .employee-header-action{
                width:100% !important;
            }
            .employee-main-page .employee-list-modern-head .employee-quick-actions,
            .employee-main-page .employee-list-modern-head .employee-quick-actions-toggle{
                width:100% !important;
            }
            .employee-main-page .employee-list-modern-head .employee-quick-actions-menu{
                left:0;
                right:0;
                min-width:0;
            }
            .employee-main-page .employee-list-modern-head .employee-kpi-grid{
                grid-template-columns:1fr !important;
            }
        }
        .employee-main-page .hr-op-content-layout{
            display:grid;
            grid-template-columns:minmax(0,1fr);
            gap:16px;
            align-items:start;
            min-width:0;
        }
        .employee-main-page .hr-op-content-layout.is-panel-open{
            grid-template-columns:minmax(0,1fr) 320px;
        }
        .employee-main-page .hr-op-main-column{
            display:grid;
            gap:16px;
            min-width:0;
        }
        .employee-main-page .hr-op-toolbar{
            display:flex;
            align-items:center;
            justify-content:flex-end;
            gap:10px;
            min-width:0;
        }
        .employee-main-page .hr-op-toolbar .employee-quick-actions{position:relative}
        .employee-main-page .hr-op-toolbar .employee-quick-actions-toggle{
            min-height:42px;
            border-radius:10px;
            border:1px solid #d8e4f2;
            background:#fff;
            color:#0b1f3a;
            box-shadow:0 6px 16px rgba(15,35,65,.05);
        }
        .employee-main-page .hr-op-toolbar .employee-quick-actions-menu{
            right:0;
            left:auto;
        }
        .employee-main-page .hr-op-kpi-grid{
            display:grid;
            grid-template-columns:repeat(7,minmax(0,1fr));
            gap:14px;
            min-width:0;
        }
        .employee-main-page .hr-op-kpi-card{
            height:145px;
            padding:15px 16px 14px;
            border-radius:16px;
            background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.94) 100%);
            border:1px solid rgba(203,216,232,.92);
            box-shadow:0 10px 24px rgba(15,35,65,.075),inset 0 1px 0 rgba(255,255,255,.90);
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            min-width:0;
            transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
            position:relative;
            overflow:hidden;
            isolation:isolate;
        }
        .employee-main-page .hr-op-kpi-card:before{
            content:"";
            position:absolute;
            inset:0 0 auto;
            height:3px;
            background:linear-gradient(90deg,var(--kpi-accent,#005be8),rgba(57,142,255,.20));
            opacity:.72;
            z-index:-1;
        }
        .employee-main-page .hr-op-kpi-card:after{
            content:"";
            position:absolute;
            right:-42px;
            top:-48px;
            width:118px;
            height:118px;
            border-radius:50%;
            background:radial-gradient(circle,var(--kpi-glow,rgba(0,91,232,.10)),transparent 68%);
            pointer-events:none;
            z-index:-1;
        }
        .employee-main-page .hr-op-kpi-card:hover{
            transform:translateY(-2px);
            border-color:#c7d9ef;
            background:#fff;
            box-shadow:0 16px 34px rgba(15,35,65,.12),inset 0 1px 0 rgba(255,255,255,.96);
        }
        .employee-main-page .hr-op-kpi-top{display:flex;align-items:flex-start;gap:12px;min-width:0}
        .employee-main-page .hr-op-kpi-icon{
            width:46px;
            height:46px;
            border-radius:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            flex:0 0 auto;
            color:var(--kpi-accent,#005be8);
            background:linear-gradient(145deg,var(--kpi-soft-a,#f2f7ff),var(--kpi-soft-b,#e6f0ff));
            border:0;
            box-shadow:inset 0 0 0 1px var(--kpi-border,rgba(0,91,232,.10)),0 8px 16px var(--kpi-shadow,rgba(0,91,232,.08));
        }
        .employee-main-page .hr-op-kpi-icon svg{width:22px;height:22px;display:block}
        .employee-main-page .hr-op-kpi-icon svg path,
        .employee-main-page .hr-op-kpi-icon svg circle,
        .employee-main-page .hr-op-kpi-icon svg rect{
            fill:none!important;
            stroke:currentColor;
            stroke-width:2.1;
            stroke-linecap:round;
            stroke-linejoin:round;
        }
        .employee-main-page .hr-op-kpi-title{font-size:13px;line-height:1.32;font-weight:850;color:#0b1f3a;min-width:0;letter-spacing:-.01em}
        .employee-main-page .hr-op-kpi-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
        .employee-main-page .hr-op-kpi-value{font-size:31px;font-weight:900;color:#0b1f3a;line-height:1;letter-spacing:-.035em}
        .employee-main-page .hr-op-kpi-pill{
            min-height:24px;
            padding:4px 10px;
            border-radius:999px;
            font-size:11px;
            font-weight:850;
            line-height:1.25;
            color:var(--pill-accent,var(--kpi-accent,#005be8));
            background:linear-gradient(145deg,var(--pill-soft-a,var(--kpi-soft-a,#edf4ff)),var(--pill-soft-b,var(--kpi-soft-b,#e4efff)));
            white-space:nowrap;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
        }
        .employee-main-page .hr-op-kpi-link{
            color:#005be8;
            font-size:12.5px;
            font-weight:850;
            text-decoration:none;
            display:inline-flex;
            align-items:center;
            justify-content:space-between;
            gap:8px;
            width:100%;
            min-height:26px;
            padding-top:8px;
            border-top:1px solid rgba(225,232,240,.72);
            transition:color .2s ease;
        }
        .employee-main-page .hr-op-kpi-link:hover{color:#004ec8}
        .employee-main-page .hr-op-kpi-link span{
            width:22px;
            height:22px;
            border-radius:999px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#edf4ff;
            transition:transform .2s ease,background .2s ease;
        }
        .employee-main-page .hr-op-kpi-link:hover span{transform:translateX(3px);background:#e2edff}
        .employee-main-page .hr-op-charts-grid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:16px;
            min-width:0;
        }
        .employee-main-page .hr-op-chart-card{
            height:260px;
            padding:18px;
            background:#fff;
            border:1px solid #e1e8f0;
            border-radius:14px;
            box-shadow:0 6px 16px rgba(15,35,65,.06);
            min-width:0;
            overflow:hidden;
        }
        .employee-main-page .hr-op-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
        .employee-main-page .hr-op-chart-head h3{margin:0;font-size:15px;font-weight:900;color:#0b1f3a}
        .employee-main-page .hr-op-chart-head button{height:28px;padding:0 10px;border-radius:8px;border:1px solid #d9e5f4;background:#fff;color:#005be8;font-size:12px;font-weight:850;cursor:pointer}
        .employee-main-page .hr-op-chart-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;align-items:center}
        .employee-main-page .hr-op-donut{
            width:146px;
            height:146px;
            border-radius:50%;
            display:grid;
            place-items:center;
            flex:0 0 auto;
            box-shadow:inset 0 0 0 1px rgba(15,35,65,.05);
        }
        .employee-main-page .hr-op-donut-center{
            width:78px;
            height:78px;
            border-radius:50%;
            background:#fff;
            display:grid;
            place-items:center;
            align-content:center;
            box-shadow:inset 0 0 0 1px #e1e8f0;
        }
        .employee-main-page .hr-op-donut-center strong{font-size:21px;font-weight:900;color:#0b1f3a;line-height:1.05}
        .employee-main-page .hr-op-donut-center span{font-size:11px;font-weight:850;color:#64748b;margin-top:4px}
        .employee-main-page .hr-op-legend{display:grid;gap:11px;min-width:0}
        .employee-main-page .hr-op-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;color:#0b1f3a}
        .employee-main-page .hr-op-legend-dot{width:9px;height:9px;border-radius:50%}
        .employee-main-page .hr-op-legend-row span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-main-page .hr-op-legend-row strong{font-weight:950}
        .employee-main-page .hr-op-bars{display:grid;gap:16px;padding:12px 4px 2px}
        .employee-main-page .hr-op-bar-row{display:grid;grid-template-columns:118px minmax(0,1fr) 22px;gap:10px;align-items:center;font-size:12px;color:#0b1f3a}
        .employee-main-page .hr-op-bar-row span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .employee-main-page .hr-op-bar-track{height:18px;border-radius:5px;background:#ecf2fa;overflow:hidden}
        .employee-main-page .hr-op-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#005be8,#1b75ff)}
        .employee-main-page .employee-command-panel.hr-op-filter-panel{
            display:block;
            padding:0;
            border:0;
            background:transparent;
            box-shadow:none;
            margin:0;
        }
        .employee-main-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{
            margin:0;
            padding:16px;
            border:1px solid #e1e8f0;
            border-radius:16px;
            background:#fff;
            box-shadow:0 8px 20px rgba(15,35,65,.06);
            display:grid !important;
            grid-template-columns:120px 150px 220px minmax(250px,1fr) 180px auto auto;
            gap:12px;
            align-items:end;
        }
        .employee-main-page .employee-command-panel.hr-op-filter-panel .field{min-width:0;background:transparent;border:0;padding:0;margin:0}
        .employee-main-page .employee-command-panel.hr-op-filter-panel label{font-size:12px;font-weight:900;color:#334155;margin-bottom:7px}
        .employee-main-page .employee-command-panel.hr-op-filter-panel select,
        .employee-main-page .employee-command-panel.hr-op-filter-panel input{
            height:42px;
            border:1px solid #ccd8e6;
            border-radius:8px;
            background:#fff;
            color:#0b1f3a;
            font-size:13px;
        }
        .employee-main-page .employee-command-panel.hr-op-filter-panel .employee-hire-date-filter{display:grid;grid-template-columns:1fr;gap:6px}
        .employee-main-page .employee-command-panel.hr-op-filter-panel .employee-hire-date-filter:not(.is-hidden){grid-template-columns:1fr 1fr}
        .employee-main-page .employee-command-panel.hr-op-filter-panel .outline-btn,
        .employee-main-page .employee-command-panel.hr-op-filter-panel .clear-btn{
            height:42px;
            min-height:42px;
            border-radius:9px;
            padding:0 14px;
            align-self:end;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:13px;
            font-weight:900;
            text-decoration:none;
            white-space:nowrap;
        }
        .employee-main-page .employee-command-panel.hr-op-filter-panel .outline-btn{background:#005be8;border:1px solid #005be8;color:#fff}
        .employee-main-page .employee-command-panel.hr-op-filter-panel .clear-btn{background:#fff;border:1px solid #d6e2f0;color:#64748b}
        .employee-main-page .hr-op-table-card{
            background:#fff;
            border:1px solid #e1e8f0;
            border-radius:16px;
            overflow:hidden;
            box-shadow:0 8px 20px rgba(15,35,65,.06);
        }
        .employee-main-page .hr-op-table-wrap{overflow:auto;max-width:100%}
        .employee-main-page .hr-op-table{width:100%;min-width:1180px;table-layout:fixed;border-collapse:collapse}
        .employee-main-page .hr-op-table .hr-op-col-status{width:88px}
        .employee-main-page .hr-op-table .hr-op-col-photo{width:112px}
        .employee-main-page .hr-op-table .hr-op-col-name{width:210px}
        .employee-main-page .hr-op-table .hr-op-col-tc{width:150px}
        .employee-main-page .hr-op-table .hr-op-col-project{width:230px}
        .employee-main-page .hr-op-table .hr-op-col-duty{width:220px}
        .employee-main-page .hr-op-table .hr-op-col-date{width:145px}
        .employee-main-page .hr-op-table .hr-op-col-actions{width:260px}
        .employee-main-page .hr-op-table thead th{
            height:52px;
            background:#f4f7fb;
            border-bottom:1px solid #dbe5f0;
            color:#0b1f3a;
            font-size:12px;
            font-weight:900;
            text-align:left;
            padding:0 12px;
            white-space:nowrap;
        }
        .employee-main-page .hr-op-table thead th:last-child{text-align:right}
        .employee-main-page .hr-op-table tbody td{
            height:58px;
            border-bottom:1px solid #edf2f7;
            color:#0b1f3a;
            font-size:12.5px;
            font-weight:650;
            padding:0 12px;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
            vertical-align:middle;
        }
        .employee-main-page .hr-op-table tbody tr{cursor:pointer;transition:background .16s ease}
        .employee-main-page .hr-op-table tbody tr:hover{background:#f8fbff}
        .employee-main-page .hr-op-table tbody tr.is-selected{background:#eef6ff}
        .employee-main-page .hr-op-table th:nth-child(1),.employee-main-page .hr-op-table td:nth-child(1){width:88px}
        .employee-main-page .hr-op-table th:nth-child(2),.employee-main-page .hr-op-table td:nth-child(2){width:112px}
        .employee-main-page .hr-op-table th:nth-child(3),.employee-main-page .hr-op-table td:nth-child(3){width:210px}
        .employee-main-page .hr-op-table th:nth-child(4),.employee-main-page .hr-op-table td:nth-child(4){width:150px}
        .employee-main-page .hr-op-table th:nth-child(5),.employee-main-page .hr-op-table td:nth-child(5){width:230px}
        .employee-main-page .hr-op-table th:nth-child(6),.employee-main-page .hr-op-table td:nth-child(6){width:220px}
        .employee-main-page .hr-op-table th:nth-child(7),.employee-main-page .hr-op-table td:nth-child(7){width:145px}
        .employee-main-page .hr-op-table th:nth-child(8),.employee-main-page .hr-op-table td:nth-child(8){width:260px;text-align:right;overflow:visible}
        .employee-main-page .hr-op-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:950;color:#0b1f3a}
        .employee-main-page .hr-op-status:before{content:"";width:9px;height:9px;border-radius:50%;background:#16a05d;box-shadow:0 0 0 3px rgba(22,160,93,.12)}
        .employee-main-page .hr-op-status.warning{color:#b77900}
        .employee-main-page .hr-op-status.warning:before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
        .employee-main-page .hr-op-status.passive{color:#b42318}
        .employee-main-page .hr-op-status.passive:before{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16)}
        .employee-main-page .hr-op-photo-cell{display:flex;align-items:center;gap:8px}
        .employee-main-page .hr-op-photo-cell .employee-gender-badge{width:18px;height:18px;min-width:18px;background:transparent;border:0}
        .employee-main-page .hr-op-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:nowrap;width:100%;margin-left:auto}
        .employee-main-page .hr-op-actions .employee-icon-btn,
        .employee-main-page .hr-op-actions .hr-op-action-placeholder,
        .employee-main-page .hr-op-panel-toggle{
            width:34px;
            height:34px;
            min-width:34px;
            padding:0;
            border-radius:8px;
            display:inline-grid;
            place-items:center;
            border:1px solid #dbe7f4;
            background:#fff;
            color:#005be8;
            cursor:pointer;
        }
        .employee-main-page .hr-op-actions .hr-op-action-placeholder{display:none}
        .employee-main-page .hr-op-actions .employee-icon-btn.edit{color:#f59e0b;border-color:#fed7aa;background:#fffaf0}
        .employee-main-page .hr-op-actions .employee-icon-btn.delete{color:#ef4444;border-color:#fecaca;background:#fff5f5}
        .employee-main-page .hr-op-actions .employee-icon-btn:hover,
        .employee-main-page .hr-op-panel-toggle:hover{background:#edf4ff;border-color:#bdd2ef;box-shadow:0 6px 14px rgba(15,35,65,.08);transform:translateY(-1px)}
        .employee-main-page .hr-op-actions svg{width:16px;height:16px;display:block}
        .employee-main-page .hr-op-actions svg path,
        .employee-main-page .hr-op-actions svg circle,
        .employee-main-page .hr-op-actions svg rect{
            fill:none!important;
            stroke:currentColor;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
        }
        .employee-main-page .hr-op-selected-panel{
            width:320px;
            position:sticky;
            top:92px;
            background:#fff;
            border:1px solid #e1e8f0;
            border-radius:14px;
            box-shadow:0 8px 22px rgba(15,35,65,.08);
            overflow:hidden;
            min-width:0;
        }
        .employee-main-page .hr-op-panel-backdrop{
            position:fixed;
            inset:0;
            z-index:10045;
            display:none;
            background:rgba(15,23,42,.34);
            backdrop-filter:blur(4px);
            -webkit-backdrop-filter:blur(4px);
        }
        .employee-main-page .hr-op-panel-backdrop.is-visible:not(.is-panel-hidden){display:block}
        .employee-main-page .hr-op-selected-panel.is-panel-hidden,
        .employee-main-page .hr-op-panel-backdrop.is-panel-hidden{display:none!important}
        .employee-main-page .hr-op-selected-panel.hr-op-detail-drawer.is-visible:not(.is-panel-hidden){
            position:fixed;
            top:var(--hr-op-panel-top,0);
            right:0;
            bottom:auto;
            z-index:10055;
            display:flex!important;
            flex-direction:column;
            width:min(430px,calc(100vw - 74px));
            height:var(--hr-op-panel-height,100vh);
            max-height:100vh;
            border-radius:16px 0 0 16px;
            box-shadow:0 28px 76px rgba(15,23,42,.24);
        }
        .employee-main-page .hr-op-panel-head{height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid #e1e8f0}
        .employee-main-page .hr-op-panel-head h3{margin:0;font-size:15px;font-weight:900;color:#0b1f3a}
        .employee-main-page .hr-op-panel-close{border:1px solid transparent;background:transparent;color:#0b1f3a;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer}
        .employee-main-page .hr-op-panel-close:hover{border-color:#e1e8f0;background:#f8fbff;color:#0b1f3a}
        .employee-main-page .hr-op-panel-profile{display:grid;justify-items:center;text-align:center;gap:0;padding:18px 16px 16px;border-bottom:1px solid #e1e8f0}
        .employee-main-page .hr-op-panel-avatar{margin:0 auto 12px}
        .employee-main-page .hr-op-panel-avatar img,.employee-main-page .hr-op-panel-avatar .employee-avatar-placeholder{
            width:74px;
            height:74px;
            border-radius:50%;
            border:4px solid #fff;
            box-shadow:0 8px 18px rgba(15,35,65,.10);
        }
        .employee-main-page .hr-op-panel-avatar .employee-avatar-placeholder svg{width:46px;height:46px}
        .employee-main-page .hr-op-panel-profile strong{font-size:16px;font-weight:900;color:#0b1f3a}
        .employee-main-page .hr-op-panel-profile span{font-size:13px;font-weight:700;color:#64748b;margin:5px 0 9px}
        .employee-main-page .hr-op-panel-project{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;background:#edf4ff;color:#005be8;font-size:12px;font-weight:950}
        .employee-main-page .hr-op-panel-active{margin-top:10px!important;display:inline-flex;align-items:center;gap:7px;color:#16a05d;font-size:13px;font-weight:800}
        .employee-main-page .hr-op-panel-active:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a05d}
        .employee-main-page .hr-op-panel-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #e1e8f0;background:#fff}
        .employee-main-page .hr-op-panel-tab{height:48px;border:0;background:#fff;color:#64748b;font-size:12px;font-weight:900;cursor:pointer;border-bottom:2px solid transparent}
        .employee-main-page .hr-op-panel-tab.active{color:#005be8;border-bottom-color:#005be8;background:#fbfdff}
        .employee-main-page .hr-op-panel-section{display:none}
        .employee-main-page .hr-op-panel-section.active{display:block}
        .employee-main-page .hr-op-panel-actions{display:grid}
        .employee-main-page .hr-op-panel-action{
            min-height:50px;
            display:grid;
            grid-template-columns:30px minmax(0,1fr) 16px;
            gap:10px;
            align-items:center;
            padding:0 14px;
            text-decoration:none;
            color:#0b1f3a;
            border-bottom:1px solid #eef3f8;
            font-size:13px;
            font-weight:800;
        }
        .employee-main-page .hr-op-panel-action:hover{background:#f8fbff;color:#005be8}
        .employee-main-page .hr-op-panel-action-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#005be8;border:1px solid #d8e7ff}
        .employee-main-page .hr-op-panel-action-icon svg,.employee-main-page .hr-op-panel-action-arrow svg{width:16px;height:16px;display:block}
        .employee-main-page .hr-op-panel-action-icon svg path,
        .employee-main-page .hr-op-panel-action-icon svg circle,
        .employee-main-page .hr-op-panel-action-icon svg rect{
            fill:none!important;
            stroke:currentColor;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
        }
        .employee-main-page .hr-op-panel-action-arrow{color:#8aa0ba;display:grid;place-items:center;transition:transform .18s ease,color .18s ease}
        .employee-main-page .hr-op-panel-action:hover .hr-op-panel-action-arrow{color:#005be8;transform:translateX(2px)}
        .employee-main-page .hr-op-info-list{display:grid;gap:10px;padding:12px 14px 14px}
        .employee-main-page .hr-op-info-row{min-height:46px;border:1px solid #eef3f8;border-radius:10px;background:#fbfdff;padding:10px 12px;display:grid;gap:4px}
        .employee-main-page .hr-op-info-row span{font-size:11px;font-weight:850;color:#64748b;text-transform:uppercase;letter-spacing:.02em;margin:0!important}
        .employee-main-page .hr-op-info-row strong{font-size:13px;font-weight:850;color:#0b1f3a;line-height:1.35;word-break:break-word}
        @media(max-width:1500px){
            .employee-main-page .hr-op-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
            .employee-main-page .hr-op-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            .employee-main-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}
            .employee-main-page .employee-command-panel.hr-op-filter-panel .outline-btn,
            .employee-main-page .employee-command-panel.hr-op-filter-panel .clear-btn{width:100%}
        }
        @media(max-width:1200px){
            .employee-main-page .hr-op-content-layout.is-panel-open{grid-template-columns:1fr}
            .employee-main-page .hr-op-selected-panel{position:relative;top:0;width:100%}
            .employee-main-page .hr-op-selected-panel.hr-op-detail-drawer.is-visible:not(.is-panel-hidden){width:min(420px,calc(100vw - 18px));border-radius:14px;right:9px}
        }
        @media(max-width:900px){
            .employee-main-page .hr-op-kpi-grid,
            .employee-main-page .hr-op-charts-grid{grid-template-columns:1fr}
            .employee-main-page .employee-command-panel.hr-op-filter-panel .employee-filter-form{grid-template-columns:1fr}
            .employee-main-page .hr-op-chart-body{grid-template-columns:1fr;justify-items:center}
        }
        .firma-license-stepper{
            display:grid;
            grid-template-columns:42px minmax(70px,1fr) 42px;
            gap:8px;
            align-items:center;
        }
        .firma-license-stepper-btn{
            height:42px;
            border-radius:8px;
            border:1px solid #cbd5e1;
            background:#fff;
            color:#0f172a;
            font-size:20px;
            font-weight:900;
            cursor:pointer;
            box-shadow:0 4px 10px rgba(15,23,42,.05);
            transition:background .16s ease,border-color .16s ease,transform .16s ease;
        }
        .firma-license-stepper-btn:hover{
            background:#eef7f5;
            border-color:#0f766e;
            color:#0f766e;
            transform:translateY(-1px);
        }
        .firma-license-stepper-value{
            display:flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            border:1px solid #dbe4ee;
            border-radius:8px;
            background:#fff;
            color:#0f172a;
            font-size:18px;
            font-weight:900;
        }
        .firm-analysis-modal{
            position:fixed;
            inset:0;
            z-index:10090;
            display:flex;
            align-items:flex-start;
            justify-content:center;
            padding:26px;
            background:rgba(15,23,42,.62);
            overflow:auto;
        }
        .firm-analysis-panel{
            width:min(1180px,96vw);
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:8px;
            box-shadow:0 30px 80px rgba(15,23,42,.28);
            overflow:hidden;
        }
        .firm-analysis-head{
            display:flex;
            justify-content:space-between;
            gap:16px;
            align-items:flex-start;
            padding:18px 20px;
            border-bottom:1px solid #e2e8f0;
            background:#fff;
        }
        .firm-analysis-head h3{margin:0;font-size:22px;color:#0f172a}
        .firm-analysis-head p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:700}
        .firm-analysis-body{display:grid;gap:14px;padding:18px;background:#f8fafc}
        .firm-analysis-identity{
            display:grid;
            grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
            gap:14px;
            align-items:stretch;
        }
        .firm-analysis-card{
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:8px;
            padding:16px;
            box-shadow:0 8px 20px rgba(15,23,42,.06);
        }
        .firm-analysis-card h4{margin:0 0 10px;font-size:16px;color:#0f172a}
        .firm-analysis-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
        .firm-analysis-meta span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}
        .firm-analysis-meta strong{display:block;margin-top:4px;color:#0f172a;font-size:13px;word-break:break-word}
        .firm-analysis-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
        .firm-analysis-kpi{
            display:grid;
            gap:8px;
            min-height:108px;
            background:#fff;
            border:1px solid #dbe4ee;
            border-radius:8px;
            padding:14px;
            box-shadow:0 8px 20px rgba(15,23,42,.05);
        }
        .firm-analysis-kpi span{color:#64748b;font-size:12px;font-weight:900}
        .firm-analysis-kpi strong{color:#0f172a;font-size:28px;line-height:1}
        .firm-analysis-kpi small{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}
        .firm-analysis-modules{display:flex;gap:8px;flex-wrap:wrap}
        .firm-analysis-module{display:inline-flex;align-items:center;padding:7px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:12px;font-weight:900}
        .firm-analysis-module.is-active{background:#ecfdf5;border-color:#bbf7d0;color:#15803d}
        .firm-analysis-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
        .firm-analysis-chart-card{display:grid;gap:12px;background:#fff;border:1px solid #dbe4ee;border-radius:8px;padding:16px;box-shadow:0 8px 20px rgba(15,23,42,.05);min-height:190px}
        .firm-analysis-chart-card h4{margin:0;color:#0f172a;font-size:15px}
        .firm-analysis-donut{--p:0;width:116px;height:116px;border-radius:50%;background:conic-gradient(#0f766e 0 calc(var(--p) * 1%), #e2e8f0 calc(var(--p) * 1%) 100%);display:grid;place-items:center;margin:auto;position:relative}
        .firm-analysis-donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}
        .firm-analysis-donut strong{position:relative;z-index:1;font-size:22px;color:#0f172a}
        .firm-analysis-chart-note{text-align:center;color:#64748b;font-size:12px;font-weight:800;line-height:1.45}
        .firm-analysis-progress-list{display:grid;gap:10px}
        .firm-analysis-progress-row{display:grid;gap:6px}
        .firm-analysis-progress-label{display:flex;justify-content:space-between;gap:8px;color:#475569;font-size:12px;font-weight:900}
        .firm-analysis-progress-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}
        .firm-analysis-progress-fill{height:100%;border-radius:999px;background:#0f766e}
        .firm-analysis-progress-fill.blue{background:#2563eb}
        .firm-analysis-progress-fill.orange{background:#f59e0b}
        .firm-analysis-progress-fill.red{background:#ef4444}
        .firm-analysis-split{display:grid;grid-template-columns:1fr;gap:14px}
        .firm-analysis-storage{display:grid;gap:10px}
        .firm-analysis-storage-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f7}
        .firm-analysis-storage-row:last-child{border-bottom:none}
        .firm-analysis-storage-row span{color:#64748b;font-size:12px;font-weight:900}
        .firm-analysis-storage-row strong{color:#0f172a;font-size:13px;text-align:right;word-break:break-word}
        .firm-analysis-table{width:100%;border-collapse:collapse}
        .firm-analysis-table th,.firm-analysis-table td{height:38px;padding:0 10px;border-bottom:1px solid #edf2f7;font-size:12px;text-align:left}
        .firm-analysis-table th{background:#f8fafc;color:#0f172a;font-weight:900}
        .firm-analysis-table td{color:#334155;font-weight:700}
        .firm-analysis-table td:last-child{text-align:right;color:#0f172a;font-weight:900}
        @media(max-width:1100px){
            .firm-analysis-identity,.firm-analysis-split{grid-template-columns:1fr}
            .firm-analysis-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            .firm-analysis-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
        }
        @media(max-width:640px){
            .firm-analysis-modal{padding:12px}
            .firm-analysis-head{flex-direction:column}
            .firm-analysis-visual-grid,.firm-analysis-kpi-grid,.firm-analysis-meta{grid-template-columns:1fr}
        }
        .personal-task-main{background:#f4f7fb}
        .personal-task-shell{display:grid;gap:12px}
        .personal-task-hero,.personal-task-card{
            background:#fff;border:1px solid #dbe4ee;border-radius:10px;box-shadow:0 5px 14px rgba(15,35,65,.045);
        }
        .personal-task-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 16px}
        .personal-task-hero h2{margin:0;color:#0f172a;font-size:20px}
        .personal-task-hero p{margin:6px 0 0;color:#64748b;font-size:12.5px;line-height:1.45}
        .admin-layout .main-panel.personal-task-main{
            margin-left:var(--admin-sidebar-width);
            width:calc(100vw - var(--admin-sidebar-width));
            max-width:calc(100vw - var(--admin-sidebar-width))!important;
        }
        .admin-layout.nav-collapsed .main-panel.personal-task-main{
            margin-left:0;
            width:100vw;
            max-width:100vw!important;
        }
        .personal-task-main>.topbar{
            left:0;
            right:0;
            width:100%!important;
            max-width:100%!important;
            min-width:100%!important;
            flex:0 0 auto;
            border-bottom:1px solid rgba(30,120,255,.30)!important;
        }
        .personal-task-tabs{position:relative;display:flex;justify-content:flex-end;align-items:flex-start}
        .personal-task-quick{position:relative}
        .personal-task-quick>summary{list-style:none;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:7px;border:1px solid #cfd9e6;background:#fff;color:#0f172a;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 5px 12px rgba(15,35,65,.04)}
        .personal-task-quick>summary::-webkit-details-marker{display:none}
        .personal-task-quick>summary i{font-size:12px;color:#005be8}
        .personal-task-quick[open]>summary{border-color:#bfd0e5;background:#f8fbff;color:#005be8}
        .personal-task-quick-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:45;width:206px;padding:7px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;box-shadow:0 18px 44px rgba(15,35,65,.14);display:grid;gap:3px}
        .personal-task-quick-item{width:100%;min-height:34px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#0f172a;display:flex;align-items:center;gap:8px;text-decoration:none;text-align:left;font-size:12px;font-weight:850;cursor:pointer}
        .personal-task-quick-item:hover,.personal-task-quick-item.active{background:#eef6ff;color:#005be8}
        .personal-task-quick-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#edf4ff;color:#005be8;font-size:11px}
        .personal-task-quick-item.primary .personal-task-quick-icon{background:#e8f8ef;color:#15803d}
        .personal-task-quick-item.report .personal-task-quick-icon{background:#f4eaff;color:#8738d6}
        .personal-task-quick-item.demo .personal-task-quick-icon{background:#fff7e8;color:#d98200}
        .personal-task-quick-form{margin:0}
        .personal-task-topbar-quick{z-index:70;display:inline-block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto}
        .personal-task-topbar-quick>summary{min-width:148px;height:40px}
        .personal-task-topbar-quick .personal-task-quick-menu{z-index:90}
        .personal-task-topbar-actions{
            margin-left:auto!important;
            display:flex!important;
            align-items:center!important;
            justify-content:flex-end!important;
            gap:10px!important;
            min-width:160px;
            overflow:visible!important;
        }
        .personal-task-tab{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:7px;border:1px solid #cfd9e6;background:#fff;color:#0f172a;font-size:12px;font-weight:900;text-decoration:none}
        .personal-task-tab.active{background:#0f766e;color:#fff;border-color:#0f766e;box-shadow:0 6px 14px rgba(15,118,110,.14)}
        .personal-task-tab.primary{background:#005be8;color:#fff;border-color:#005be8;box-shadow:0 6px 14px rgba(0,91,232,.14)}
        .personal-task-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
        .personal-task-kpi{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #dbe4ee;border-radius:9px;padding:11px 12px;box-shadow:0 5px 14px rgba(15,35,65,.04);min-height:72px}
        .personal-task-kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#edf4ff;color:#005be8}
        .personal-task-kpi-icon.green{background:#e9f8f0;color:#15803d}.personal-task-kpi-icon.orange{background:#fff7e8;color:#d98200}.personal-task-kpi-icon.red{background:#fff0f0;color:#ef4444}.personal-task-kpi-icon.purple{background:#f3ebff;color:#8738d6}
        .personal-task-kpi span{display:block;color:#64748b;font-size:11px;font-weight:900}.personal-task-kpi strong{display:block;margin-top:3px;color:#0f172a;font-size:23px;line-height:1}
        .personal-task-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;align-items:start}
        .personal-task-list-wide{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
        .personal-task-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid #e8eef5}
        .personal-task-card-head h3{margin:0;color:#0f172a;font-size:15.5px}.personal-task-card-head p{margin:4px 0 0;color:#64748b;font-size:11.5px;font-weight:700}
        .personal-task-card-body{padding:12px 14px}
        .personal-task-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
        .personal-task-form-grid .field.full{grid-column:1/-1}.personal-task-form-grid .field.two{grid-column:span 2}
        .personal-task-form-grid label,.personal-task-filter label{display:block;margin-bottom:5px;color:#334155;font-size:10.5px;font-weight:900;text-transform:uppercase}
        .personal-task-form-grid input,.personal-task-form-grid select,.personal-task-form-grid textarea,.personal-task-filter input,.personal-task-filter select{
            width:100%;min-height:36px;border:1px solid #cfd9e6;border-radius:7px;background:#fff;padding:0 10px;color:#0f172a;font-size:12px;font-weight:700;outline:none
        }
        .personal-task-form-grid select[multiple]{min-height:168px;padding:8px}
        .personal-task-form-grid textarea{min-height:82px;padding:12px;resize:vertical}
        .personal-task-filter{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr)) auto auto;gap:7px;align-items:end;margin-bottom:10px}
        .personal-task-table{width:100%;border-collapse:collapse}
        .personal-task-table th,.personal-task-table td{height:40px;padding:0 10px;border-bottom:1px solid #edf2f7;text-align:left;font-size:12px}
        .personal-task-table th{background:#f8fafc;color:#0f172a;font-weight:900}.personal-task-table td{color:#334155;font-weight:700}
        .personal-task-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border-radius:6px;border:1px solid #dbe4ee;background:#f8fafc;color:#334155;font-size:11px;font-weight:900}
        .personal-task-badge.high{background:#fff0f0;color:#dc2626;border-color:#fecaca}.personal-task-badge.medium{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.personal-task-badge.low{background:#ecfdf5;color:#15803d;border-color:#bbf7d0}
        .personal-progress{height:7px;min-width:82px;border-radius:999px;background:#e2e8f0;overflow:hidden}.personal-progress span{display:block;height:100%;border-radius:999px;background:#0f766e}
        .personal-task-list{display:grid;gap:8px}.personal-task-list-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 10px;border:1px solid #edf2f7;border-radius:7px;background:#f8fafc}.personal-task-list-item strong{color:#0f172a;font-size:12.5px;line-height:1.35}.personal-task-list-item span{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:800}
        .personal-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;align-items:start}
        .personal-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personal-detail-meta div{padding:10px;border:1px solid #edf2f7;border-radius:8px;background:#f8fafc}.personal-detail-meta span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.personal-detail-meta strong{display:block;margin-top:4px;color:#0f172a;font-size:13px}
        .personal-action-timeline{display:grid;gap:8px}.personal-action-item{border:1px solid #e2e8f0;border-radius:7px;padding:10px;background:#fff}.personal-action-item h4{margin:0;color:#0f172a;font-size:13px}.personal-action-item p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.45}
        .personal-task-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.personal-task-empty{padding:14px;text-align:center;color:#64748b;font-size:12px;font-weight:800}
        .personal-task-modal{position:fixed;inset:0;z-index:10080;display:flex;align-items:flex-start;justify-content:center;padding:26px;background:rgba(15,23,42,.62);backdrop-filter:blur(3px);overflow:auto}
        .personal-task-modal-panel{width:min(980px,96vw);background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 30px 80px rgba(15,23,42,.28);overflow:hidden}
        .personal-task-modal-panel.wide{width:min(1180px,96vw)}
        .personal-task-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:#fff}
        .personal-task-modal-head h3{margin:0;color:#0f172a;font-size:22px}.personal-task-modal-head p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:700}
        .personal-task-modal-body{display:grid;gap:14px;padding:18px;background:#f8fafc}
        .process-flow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.process-flow-tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(15,23,42,.05)}.process-flow-tab:hover{border-color:#b9c7d6;background:#f8fafc}.process-flow-tab.active{background:#0f766e;border-color:#0b5f59;color:#fff}.process-flow-card{display:grid;gap:16px}.process-flow-form{display:grid;gap:14px}.process-flow-process-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.process-flow-process-head span{display:block;color:#0f766e;font-size:11px;font-weight:900;text-transform:uppercase}.process-flow-process-head strong{display:block;margin-top:4px;color:#0f172a;font-size:18px;font-weight:900}.process-flow-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}.process-flow-builder-three{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.process-flow-column{min-width:0;border:1px solid #dbe4ee;border-radius:8px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.process-flow-column.selected{border-color:#b9ded8}.process-flow-column.completion{border-color:#bfdbfe}.process-flow-list.is-dragover{outline:2px dashed #0f766e;outline-offset:-6px;background:#f0fdfa}.process-flow-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.process-flow-column-head h4{margin:0;color:#0f172a;font-size:15px;font-weight:900}.process-flow-column-head span{min-width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e7f5f2;border:1px solid #b9ded8;color:#0f5f59;font-size:12px;font-weight:900}.process-flow-list{min-height:320px;max-height:520px;overflow:auto;padding:12px;display:grid;gap:9px;align-content:start;background:#fbfdff}.process-flow-doc-item{width:100%;text-align:left;border:1px solid #dbe4ee;border-radius:8px;background:#fff;padding:12px;cursor:grab;display:grid;gap:5px;color:#0f172a;box-shadow:0 5px 14px rgba(15,23,42,.04);transition:border-color .16s ease,background .16s ease,transform .16s ease}.process-flow-doc-item:hover{border-color:#0f766e;background:#f7fcfb;transform:translateY(-1px)}.process-flow-doc-copy{display:grid;gap:5px}.process-flow-doc-item strong{font-size:14px;font-weight:900}.process-flow-doc-item span,.process-flow-doc-item small{font-size:12px;line-height:1.45;color:#64748b;font-weight:800}.process-flow-required{display:none;align-items:center;gap:7px;width:max-content;margin-top:5px;padding:6px 9px;border:1px solid #b9ded8;border-radius:999px;background:#ecfdf9;color:#0f5f59;font-size:12px;font-weight:900;cursor:pointer}.process-flow-column.selected:not(.completion) .process-flow-required{display:inline-flex}.process-flow-required input{width:17px;height:17px;margin:0;accent-color:#0f766e}.process-flow-required span{color:#0f5f59!important;font-size:12px!important;font-weight:900!important;line-height:1!important}.process-flow-empty{display:none;padding:16px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;color:#64748b;font-size:13px;font-weight:800;text-align:center}.process-flow-list.is-empty .process-flow-empty{display:block}@media(max-width:1100px){.process-flow-builder-three{grid-template-columns:1fr}}@media(max-width:900px){.process-flow-builder{grid-template-columns:1fr}.process-flow-process-head{align-items:flex-start;flex-direction:column}.process-flow-process-head .btn-small{width:100%}}
        .process-flow-modal-box{background:#fff!important;border:1px solid #dbe4ee!important;border-radius:10px!important;box-shadow:0 30px 80px rgba(15,23,42,.32)!important;padding:0!important;gap:0!important;align-content:start;overflow:hidden!important;height:min(720px,calc(100vh - 72px))!important;min-height:min(640px,calc(100vh - 72px))!important;display:flex!important;flex-direction:column!important}.process-flow-modal-box>.workplace-list-head{flex:0 0 auto;position:sticky;top:0;z-index:4;margin:0!important;padding:14px 16px!important;border-bottom:1px solid #e2e8f0!important;background:#fff!important}.process-flow-modal-box>.workplace-list-head h3{margin:0!important;color:#0f172a!important;font-size:18px!important}.process-flow-modal-box>.workplace-filter-form{flex:0 0 auto;margin:0!important;padding:12px 16px 0!important;background:#fff!important}.process-flow-modal-box>.process-flow-form{flex:1 1 auto;min-height:0;margin:0!important;padding:12px 16px 16px!important;display:flex!important;flex-direction:column!important}.process-flow-modal-box .process-flow-process-head{margin:0!important}.process-flow-modal-box .process-flow-builder-three{flex:1 1 auto;min-height:0;gap:12px!important}.process-flow-modal-box .process-flow-column{min-height:0!important}.process-flow-modal-box .process-flow-list{height:100%!important;min-height:360px!important;max-height:none!important;overflow:auto!important}.process-flow-modal-box .process-flow-doc-item{height:58px!important;min-height:58px!important;padding:8px 12px!important;align-items:center!important}.process-flow-modal-box .process-flow-doc-copy{min-width:0!important}.process-flow-modal-box .process-flow-doc-item strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.25!important}.process-flow-modal-box .process-flow-required{height:42px!important;min-width:42px!important;margin:0!important;padding:0 8px!important;align-items:center!important;justify-content:center!important}.process-flow-modal-box .modal-actions{flex:0 0 auto;margin-top:14px!important}.process-flow-modal-box .mini-btn{width:36px!important;height:36px!important;min-width:36px!important;display:inline-grid!important;place-items:center!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;font-size:18px!important;line-height:1!important}.process-flow-modal-box .mini-btn:hover{border-color:#94a3b8!important;background:#f8fafc!important}@media(max-width:980px){.process-flow-modal-box{width:calc(100vw - 28px)!important;height:calc(100vh - 28px)!important;min-height:0!important;max-height:calc(100vh - 28px)!important}.process-flow-modal-box .workplace-filter-grid{grid-template-columns:1fr!important}.process-flow-modal-box .process-flow-list{min-height:240px!important}}
        .admin-layout .main-panel.is-belge-onay-page .content-area{padding-top:0}.belge-approval-panel{overflow:hidden;border:1px solid #d9e2ec;border-radius:8px;background:#fff;box-shadow:0 16px 45px rgba(15,34,56,.09);padding:0}.belge-approval-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fbfdff)}.belge-approval-kicker{margin-bottom:7px;color:#115e59;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.belge-approval-head h3{margin:0;font-size:22px;color:#0f2238}.belge-approval-head p{max-width:760px;margin:7px 0 0;color:#637083;line-height:1.45}.belge-approval-filters{margin:0;padding:4px 12px 8px;border-bottom:1px solid #d9e2ec;background:#f8fafc}.belge-approval-filter-grid{grid-template-columns:minmax(260px,1fr) 220px 240px 136px 136px!important;gap:12px!important;align-items:end}.belge-approval-filter-grid .field{margin:0}.belge-approval-filter-grid .btn-small,.belge-approval-filter-grid .btn-secondary{height:44px}.belge-approval-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 12px;background:#fff;border-bottom:1px solid #edf2f7}.belge-approval-toolbar strong{font-size:14px;color:#0f2238}.belge-approval-toolbar span{margin-left:8px;color:#637083;font-size:12px;font-weight:800}.belge-approval-table-wrap{border:none;border-radius:0;box-shadow:none}.belge-approval-table{min-width:1040px;table-layout:fixed}.belge-approval-table th{background:#eef4f8;color:#26384f}.belge-approval-table th:nth-child(1){width:40%}.belge-approval-table th:nth-child(2){width:25%}.belge-approval-table th:nth-child(3){width:27%}.belge-approval-table th:nth-child(4){width:8%;text-align:center}.belge-approval-table td:last-child{text-align:center}.belge-approval-document strong{display:block;color:#10243c;font-weight:900}.belge-approval-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.belge-approval-pill.general{background:#eaf1ff;color:#244b9b;border-color:#d7e4ff}.belge-approval-pill.conditional{background:#fff6df;color:#855500;border-color:#f5dfaa}.belge-approval-pill.selected{background:#eef7ed;color:#236028;border-color:#d7edda}.belge-approval-pill.custom{background:#e7f5f3;color:#115e59;border-color:#cde9e5}.belge-approval-edit{width:36px;height:36px;display:inline-grid!important;place-items:center;border:1px solid #f1c987!important;border-radius:8px!important;background:#fff8eb!important;color:#c77810!important;box-shadow:0 4px 12px rgba(154,91,19,.08)!important;padding:0!important}.belge-approval-edit svg{width:16px;height:16px;display:block}.belge-approval-edit:hover{border-color:#d99223!important;background:#fff1d9!important;color:#9a5b13!important}@media(max-width:1180px){.belge-approval-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.belge-approval-head,.belge-approval-filters,.belge-approval-toolbar{padding-left:14px;padding-right:14px}.belge-approval-filter-grid{grid-template-columns:1fr!important}.belge-approval-toolbar{align-items:flex-start;flex-direction:column}.belge-approval-toolbar span{margin-left:0}.belge-approval-filter-grid .btn-small,.belge-approval-filter-grid .btn-secondary{width:100%}}
        @media(max-width:1400px){.personal-task-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-task-grid,.personal-detail-grid{grid-template-columns:1fr}.personal-task-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
        @media(max-width:800px){.personal-task-hero{flex-direction:column}.personal-task-kpi-grid,.personal-task-form-grid,.personal-task-filter,.personal-detail-meta{grid-template-columns:1fr}.personal-task-form-grid .field.two{grid-column:1}.personal-task-table{min-width:980px}.personal-task-modal{padding:12px}}
        body:not(.login-body){--admin-sidebar-width:240px;margin:0;padding:0;min-height:100%;font-family:"Inter","Segoe UI",Arial,sans-serif;background:#fff;color:#10233f}
        .admin-layout.app-shell{min-height:100vh;display:block;grid-template-columns:none;background:#fff;overflow-x:hidden}
        .admin-layout .sidebar{width:var(--admin-sidebar-width);min-width:var(--admin-sidebar-width);max-width:var(--admin-sidebar-width);box-sizing:border-box;min-height:100vh;height:100vh;position:fixed;left:0;top:0;bottom:0;padding:20px 10px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 9%,rgba(42,119,214,.22),transparent 22%),linear-gradient(180deg,#26364f 0%,#172941 34%,#08182c 100%);border-right:1px solid rgba(80,140,210,.20);box-shadow:12px 0 35px rgba(8,22,43,.12);overflow:hidden;color:#ebf4ff;z-index:60;transition:transform .25s ease}
        .admin-layout .sidebar:before{content:"";position:absolute;top:20px;left:25px;right:25px;height:130px;background:radial-gradient(circle,rgba(42,145,255,.22),transparent 68%);pointer-events:none}
        .admin-layout .sidebar-logo{position:relative;z-index:2;min-height:118px;flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;margin-bottom:4px}
        .admin-layout .sidebar-logo-img{width:128px;max-width:78%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28)) drop-shadow(0 0 14px rgba(40,140,255,.20))}
        .admin-layout .sidebar-menu{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-height:0;margin-right:0;padding-right:3px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;scroll-behavior:smooth}
        .admin-layout .sidebar:hover .sidebar-menu{scrollbar-color:rgba(148,190,235,.38) transparent}
        .admin-layout .sidebar-menu::-webkit-scrollbar{width:6px}
        .admin-layout .sidebar-menu::-webkit-scrollbar-track{background:transparent}
        .admin-layout .sidebar-menu::-webkit-scrollbar-thumb{background:rgba(148,190,235,.36);border-radius:999px}
        .admin-layout .sidebar-menu::-webkit-scrollbar-thumb:hover{background:rgba(148,190,235,.56)}
        .admin-layout .sidebar-menu>.menu-title,.admin-layout .sidebar-menu>.menu-btn{flex:0 0 auto}
        .admin-layout .sidebar-submenu{flex-shrink:0}
        .admin-layout .menu-title{margin:0 0 4px;padding:0 8px;color:rgba(210,228,248,.68);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
        .admin-layout .menu-title-link{order:1;min-height:32px;display:flex;align-items:center;border-radius:8px;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
        .admin-layout .menu-title-link:hover,.admin-layout .menu-title-link.active{color:#fff;background:rgba(49,110,180,.12)}
        .admin-layout .sidebar-menu>.menu-btn{order:30}
        .admin-layout .sidebar-menu>a[href*="menu=kisisel_is"]{order:2}
        .admin-layout .sidebar-menu>[data-sidebar-parent="calisanlar"]{order:3}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="calisanlar"]{order:4}
        .admin-layout .sidebar-menu>[data-sidebar-parent="belge_surecleri"]{order:5}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="belge_surecleri"]{order:6}
        .admin-layout .sidebar-menu>[data-sidebar-parent="egitim"]{order:7}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="egitim"]{order:8}
        .admin-layout .sidebar-menu>[data-sidebar-parent="isg"]{order:9}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="isg"]{order:10}
        .admin-layout .sidebar-menu>[data-sidebar-parent="finans"]{order:11}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="finans"]{order:12}
        .admin-layout .sidebar-menu>[data-sidebar-parent="belge_yonetimi"]{order:13}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="belge_yonetimi"]{order:14}
        .admin-layout .sidebar-menu>[data-sidebar-parent="ayarlar"]{order:15}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="ayarlar"]{order:16}
        .admin-layout .sidebar-menu>[data-sidebar-parent="veri_hazirlama"]{order:22}
        .admin-layout .sidebar-menu>[data-sidebar-submenu="veri_hazirlama"]{order:23}
        .admin-layout .menu-btn{position:relative;min-height:35px;padding:0 8px 0 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:rgba(235,244,255,.82);text-decoration:none;font-size:11px;font-weight:600;border:1px solid transparent;background:transparent;transition:background .18s ease,color .18s ease,border-color .18s ease;box-shadow:none}
        .admin-layout .menu-btn:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:transparent;transition:background .18s ease}
        .admin-layout .menu-btn-main{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
        .admin-layout .menu-btn-icon{width:15px;min-width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:rgba(220,238,255,.82)}
        .admin-layout .menu-btn-icon svg{width:13px;height:13px;display:block}
        .admin-layout .menu-btn-label{flex:1;min-width:0;color:inherit;font-size:11px;font-weight:700;line-height:1.12;white-space:normal;overflow:visible;text-overflow:clip}
        .admin-layout .menu-btn-caret{width:16px;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:rgba(220,238,255,.72);margin-left:auto;opacity:.85;transition:transform .22s ease}
        .admin-layout .menu-btn-caret svg{width:16px;height:16px}
        .admin-layout .menu-btn:hover{color:#fff;background:rgba(49,110,180,.11);border-color:rgba(66,150,255,.12)}
        .admin-layout .menu-btn:hover .menu-btn-icon{color:#56aaff}
        .admin-layout .menu-btn.active{color:#fff;background:rgba(22,89,155,.24);border-color:rgba(62,149,255,.28);box-shadow:none}
        .admin-layout .menu-btn.active:before{background:#1b9bff}
        .admin-layout .menu-btn.active .menu-btn-icon{color:#2fa3ff}
        .admin-layout .menu-btn-parent.is-open:not(.active){color:#fff;background:rgba(49,110,180,.13);border-color:rgba(66,150,255,.16)}
        .admin-layout .menu-btn-parent.is-open .menu-btn-caret{transform:rotate(90deg)}
        .admin-layout .sidebar-submenu{margin:1px 0 5px 9px;padding-left:6px;border-left:1px solid rgba(120,170,220,.14);display:grid;gap:3px;max-height:720px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .28s ease,opacity .18s ease,transform .18s ease,margin .18s ease}
        .admin-layout .sidebar-submenu.is-collapsed{display:grid;max-height:0;margin-top:0;margin-bottom:0;opacity:0;transform:translateY(-4px);pointer-events:none}
        .admin-layout .sidebar-submenu .menu-btn{min-height:29px;padding:0 6px 0 9px;border-radius:7px;font-size:10.5px;opacity:.98;background:transparent}
        .admin-layout .sidebar-submenu .menu-btn:before{top:7px;bottom:7px;width:2px}
        .admin-layout .sidebar-submenu .menu-btn .menu-btn-label{font-size:10.5px;font-weight:700}
        .admin-layout .sidebar-submenu .menu-btn .menu-btn-icon{width:14px;min-width:14px;height:14px}
        .admin-layout .sidebar-submenu .menu-btn .menu-btn-icon svg{width:12px;height:12px}
        .admin-layout .sidebar-bottom{position:relative;z-index:4;flex:0 0 auto;margin-top:10px;padding-top:10px;border-top:1px solid rgba(120,170,220,.14)}
        .admin-layout .sidebar-user-menu{position:relative}
        .admin-layout .sidebar-user-menu .topbar-user{width:100%;min-height:46px;padding:5px 8px;border:1px solid rgba(126,178,235,.18);border-radius:12px;background:rgba(255,255,255,.045);color:#f4f8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:flex;align-items:center;gap:8px;text-align:left}
        .admin-layout .sidebar-user-menu .topbar-user:hover,.admin-layout .sidebar-user-menu .topbar-user.is-open{background:rgba(255,255,255,.085);border-color:rgba(126,178,235,.34)}
        .admin-layout .sidebar-user-menu .topbar-user-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf4ff;color:#0f6be8;font-size:13px;font-weight:900;text-transform:uppercase;flex:0 0 auto}
        .admin-layout .sidebar-user-menu .topbar-user-copy{display:grid;gap:1px;min-width:0;flex:1}
        .admin-layout .sidebar-user-menu .topbar-user-copy strong{font-size:12px;color:#f8fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
        .admin-layout .sidebar-user-menu .topbar-user-copy span{font-size:10px;color:rgba(220,238,255,.66);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
        .admin-layout .sidebar-user-menu .topbar-user-chevron{font-size:10px;color:rgba(220,238,255,.56);margin-left:auto;flex:0 0 auto}
        .admin-layout .sidebar-user-menu .topbar-user-dropdown{top:auto;bottom:calc(100% + 9px);left:0;right:0;width:auto;padding:7px;border:1px solid rgba(126,178,235,.24);border-radius:12px;background:rgba(11,28,51,.96);box-shadow:0 18px 44px rgba(2,12,25,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
        .admin-layout .sidebar-user-menu .topbar-user-dropdown a{min-height:36px;padding:0 10px;border-radius:8px;color:rgba(242,248,255,.88);font-size:12px}
        .admin-layout .sidebar-user-menu .topbar-user-dropdown a:hover{background:rgba(45,120,210,.20);color:#fff}
        .admin-layout .sidebar-user-menu .topbar-user-dropdown a.is-danger{color:#ffb4bd}
        .admin-layout .sidebar-user-menu .topbar-user-dropdown a.is-danger:hover{background:rgba(239,68,68,.16);color:#fff}
        .admin-layout .logout-btn{width:max-content;min-height:30px;margin-left:48px;padding:0 10px;border-radius:999px;border:1px solid rgba(120,170,220,.20);background:rgba(255,255,255,.05);color:rgba(220,238,255,.72);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;transition:all .18s ease}
        .admin-layout .logout-btn:hover{background:rgba(255,255,255,.10);border-color:rgba(120,170,220,.34);color:#fff}
        .admin-layout .main-panel{min-height:100vh;margin-left:var(--admin-sidebar-width);width:calc(100vw - var(--admin-sidebar-width));max-width:none!important;box-sizing:border-box;padding:0;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);overflow:visible;position:relative;z-index:1;transition:margin-left .25s ease,width .25s ease}
        .admin-layout .main-panel::before{display:none!important;content:none!important}
        body.nav-collapsed-preload .admin-layout .sidebar,
        .admin-layout.nav-collapsed .sidebar{transform:translateX(calc(-1 * var(--admin-sidebar-width) + 10px))}
        .admin-layout.nav-collapsed.nav-hover-enabled .sidebar:hover{transform:translateX(0)}
        body.nav-collapsed-preload .admin-layout .main-panel,
        .admin-layout.nav-collapsed .main-panel{margin-left:0;width:100vw}
.admin-layout .topbar{position:sticky;top:0;z-index:50;width:100%;box-sizing:border-box;height:var(--admin-topbar-height,56px);margin:0;padding:0 20px;border-radius:0;border:0;border-left:0!important;border-bottom:1px solid rgba(30,120,255,.18);background:rgba(255,255,255,.98);box-shadow:0 5px 14px rgba(10,31,58,.045);display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.admin-layout .topbar::before{display:none!important;content:none!important}
.admin-layout .topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.admin-layout .menu-toggle{width:32px;height:32px;border-radius:50%;border:1px solid rgba(100,130,170,.22);background:#fff;color:#17345b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.admin-layout .menu-toggle svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
        .admin-layout .page-title-area{display:flex;align-items:center;gap:16px;color:#10233f;min-width:0}
        .admin-layout .page-title{font-size:18px;font-weight:800;color:#10233f;white-space:nowrap}
        .admin-layout .breadcrumb-arrow,.admin-layout .breadcrumb-text{color:#71819b;font-size:14px;white-space:nowrap}
        .admin-layout .topbar-right{display:flex;align-items:center;gap:12px}
        .admin-layout .topbar-user-menu{position:relative}
        .admin-layout .topbar-user{display:flex;align-items:center;gap:10px;min-width:0;border:0;background:transparent;padding:4px 8px 4px 4px;border-radius:999px;cursor:pointer;transition:background .22s ease}
        .admin-layout .topbar-user:hover,.admin-layout .topbar-user.is-open{background:#f5f9ff}
        .admin-layout .topbar-user-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf4ff;color:#0f6be8;font-weight:900;text-transform:uppercase}
        .admin-layout .topbar-user-copy{display:grid;gap:2px;min-width:0}
        .admin-layout .topbar-user-copy strong{font-size:13px;color:#10233f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
        .admin-layout .topbar-user-copy span{font-size:12px;color:#71819b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
        .admin-layout .topbar-user-chevron{font-size:11px;color:#71819b;margin-left:2px;transition:transform .22s ease}
        .admin-layout .topbar-user.is-open .topbar-user-chevron{transform:rotate(180deg)}
        .admin-layout .topbar-user-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:8px;border:1px solid #d8e4f2;border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(15,35,65,.14);display:none;z-index:80}
        .admin-layout .topbar-user-dropdown.is-open{display:grid;gap:6px}
        .admin-layout .topbar-user-dropdown a{min-height:42px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:10px;color:#10233f;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s ease,color .2s ease}
        .admin-layout .topbar-user-dropdown a:hover{background:#f1f7ff;color:#0f6be8}
        .admin-layout .topbar-user-dropdown a.is-danger{color:#d93645}
        .admin-layout .topbar-user-dropdown a.is-danger:hover{background:#fff0f2;color:#b4232f}
        .admin-layout .topbar-user-dropdown i{width:18px;text-align:center}
        .admin-layout .hr-ops-quick{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
        .admin-layout .hr-ops-quick-toggle{appearance:none;-webkit-appearance:none;min-height:34px;padding:0 12px;border:1px solid #d8e4f2;border-radius:10px;background:#fff;color:#071832;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
        .admin-layout .hr-ops-quick-toggle:hover,.admin-layout .hr-ops-quick.is-open .hr-ops-quick-toggle{background:#f3f8ff;border-color:#bcd5ff;color:#005be8;box-shadow:0 8px 18px rgba(15,91,232,.08)}
        .admin-layout .hr-ops-quick-toggle i{font-size:13px;line-height:1}
        .admin-layout .hr-ops-quick-caret{transition:transform .2s}
        .admin-layout .hr-ops-quick.is-open .hr-ops-quick-caret{transform:rotate(180deg)}
        .admin-layout .hr-ops-quick-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:999;display:none;min-width:230px;padding:6px;border:.5px solid rgba(0,0,0,.12);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}
        .admin-layout .hr-ops-quick.is-open .hr-ops-quick-menu{display:grid;gap:4px}
        .admin-layout .hr-ops-quick-menu .dd-item{display:flex;align-items:center;gap:11px;min-height:0;padding:9px 11px;border-radius:8px;color:#111;text-decoration:none;font-size:13px;font-weight:500;line-height:1.25;transition:background .12s}
        .admin-layout .hr-ops-quick-menu .dd-item:hover{background:#f5f5f5;color:#111}
        .admin-layout .hr-ops-quick-menu .dd-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:none}
        .admin-layout .hr-ops-quick-menu .dd-icon i{font-size:17px;line-height:1}
        .admin-layout .hr-ops-quick-menu .dd-text{display:flex;flex-direction:column;gap:1px;min-width:0}
        .admin-layout .hr-ops-quick-menu .dd-label{font-size:13px;color:#111;font-weight:500}
        .admin-layout .hr-ops-quick-menu .dd-sub{font-size:11px;color:#888;font-weight:500}
        .admin-layout .hr-ops-quick-menu .dd-divider{height:.5px;background:#e5e5e5;margin:4px 8px}
        .admin-layout .hr-ops-quick-menu .dd-icon.add{background:#eef2ff;color:#4f46e5}
        .admin-layout .hr-ops-quick-menu .dd-icon.entry{background:#f0fdf4;color:#16a34a}
        .admin-layout .hr-ops-quick-menu .dd-icon.upload{background:#fff7ed;color:#ea580c}
        .admin-layout .hr-ops-quick-menu .dd-icon.bulk{background:#f0f9ff;color:#0284c7}
        .admin-layout .hr-ops-quick-menu .dd-icon.report{background:#eef6ff;color:#2563eb}
        .admin-layout .hr-ops-quick-menu .dd-icon.leave{background:#fff7ed;color:#d97706}
        .admin-layout .hr-ops-quick-menu .dd-icon.train{background:#eff6ff;color:#0284c7}
        .admin-layout .hr-ops-quick-menu .dd-icon.asset{background:#f0fdf4;color:#15803d}
        .admin-layout .hr-ops-quick-menu .dd-icon.dof{background:#fff1f2;color:#e11d48}
.admin-layout .hr-v2-topbar{height:56px;min-height:56px;padding:0 20px}
        .admin-layout .hr-v2-topbar-left{gap:12px}
        .admin-layout .hr-v2-topbar-title{display:flex;align-items:center;gap:10px;min-width:0}
        .admin-layout .hr-v2-topbar-title strong{display:block;color:#071832;font-size:18px;font-weight:900;white-space:nowrap;line-height:1.2}
        .admin-layout .hr-v2-breadcrumb{display:block;color:#64748b;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
        .admin-layout .hr-v2-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0}
        .admin-layout .hr-v2-icon-btn,.admin-layout .hr-v2-quick-btn{appearance:none;-webkit-appearance:none;border:1px solid #d8e4f2;background:#fff;color:#071832;box-shadow:none;text-decoration:none;outline:none;cursor:pointer;font-family:inherit;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.admin-layout .hr-v2-icon-btn{width:34px;height:34px;min-width:34px;padding:0;border-radius:10px}
.admin-layout .hr-v2-quick-btn{min-height:34px;padding:0 12px;border-radius:10px;font-size:12px;white-space:nowrap}
        .admin-layout .hr-v2-quick-btn.hizli-btn{background:rgba(255,255,255,.13);border:.5px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;display:flex;align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:500;cursor:pointer;transition:background .14s;min-height:0;height:auto;box-shadow:none}
        .admin-layout .hr-v2-quick-btn.hizli-btn:hover,.admin-layout .hr-v2-quick-wrap.is-open .hr-v2-quick-btn.hizli-btn{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:none}
        .admin-layout .hr-v2-quick-btn.hizli-btn .hr-v2-quick-btn-label{font-size:13px;font-weight:500}
        .admin-layout .hr-v2-quick-btn.hizli-btn .chevron{font-size:14px;line-height:1;transition:transform .2s}
        .admin-layout .hr-v2-quick-wrap.is-open .hr-v2-quick-btn.hizli-btn .chevron,.admin-layout .hr-v2-quick-btn.hizli-btn .chevron.open{transform:rotate(180deg)}
        .admin-layout .hr-v2-icon-btn:hover,.admin-layout .hr-v2-quick-btn:hover,.admin-layout .hr-v2-quick-wrap.is-open .hr-v2-quick-btn{background:#f3f8ff;border-color:#bcd5ff;color:#005be8;box-shadow:0 8px 18px rgba(15,91,232,.08)}
        .admin-layout .hr-v2-icon-btn svg,.admin-layout .hr-v2-quick-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
        .admin-layout .hr-v2-quick-btn-label{display:inline-flex;align-items:center;font-size:12px;font-weight:900;color:inherit;line-height:1}
        .admin-layout .hr-v2-badge-dot{position:absolute;right:-5px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;line-height:1}
        .admin-layout .hr-v2-quick-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
        .admin-layout .hr-v2-quick-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;display:none;min-width:230px;padding:8px;border:1px solid #d8e4f2;border-radius:14px;background:#fff;box-shadow:0 20px 46px rgba(15,35,65,.16)}
        .admin-layout .hr-v2-quick-menu.dropdown-panel{background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:12px;min-width:230px;padding:6px;margin-top:8px;position:absolute;right:0;top:100%;z-index:999;box-shadow:0 4px 16px rgba(0,0,0,.08)}
        .admin-layout .hr-v2-quick-wrap.is-open .hr-v2-quick-menu{display:grid;gap:6px}
        .admin-layout .hr-v2-quick-menu a{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:6px 9px;border-radius:10px;color:#10233f;text-decoration:none;font-size:12px;font-weight:900;line-height:1.25}
        .admin-layout .hr-v2-quick-menu a:hover{background:#f3f8ff;color:#005be8}
        .admin-layout .hr-v2-quick-menu-icon{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#eef4ff;color:#005be8}
        .admin-layout .hr-v2-quick-menu-icon i{font-size:13px;line-height:1}
        .admin-layout .hr-v2-quick-menu .dd-item{display:flex;align-items:center;gap:11px;min-height:0;padding:9px 11px;border-radius:8px;cursor:pointer;transition:background .12s;color:#111;font-size:13px;font-weight:500;line-height:1.25;transform:none}
        .admin-layout .hr-v2-quick-menu .dd-item:hover{background:#f5f5f5;color:#111;transform:none}
        .admin-layout .hr-v2-quick-menu .dd-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;box-shadow:none}
        .admin-layout .hr-v2-quick-menu .dd-icon i{font-size:17px}
        .admin-layout .hr-v2-quick-menu .dd-text{display:flex;flex-direction:column;gap:1px;min-width:0}
        .admin-layout .hr-v2-quick-menu .dd-label{font-size:13px;color:#111;font-weight:500}
        .admin-layout .hr-v2-quick-menu .dd-sub{font-size:11px;color:#888;font-weight:500}
        .admin-layout .hr-v2-quick-menu .dd-divider{height:.5px;background:#e5e5e5;margin:4px 8px}
        .admin-layout .hr-v2-quick-menu .dd-icon.add{background:#eef2ff;color:#4f46e5}
        .admin-layout .hr-v2-quick-menu .dd-icon.entry{background:#f0fdf4;color:#16a34a}
        .admin-layout .hr-v2-quick-menu .dd-icon.upload{background:#fff7ed;color:#ea580c}
        .admin-layout .hr-v2-quick-menu .dd-icon.bulk{background:#f0f9ff;color:#0284c7}
        @media(max-width:760px){.admin-layout .hr-v2-topbar{height:auto;min-height:64px;padding:10px 14px}.admin-layout .hr-v2-topbar-title{align-items:flex-start;flex-direction:column;gap:3px}.admin-layout .hr-v2-topbar-title strong{font-size:16px}.admin-layout .hr-v2-breadcrumb{max-width:48vw}.admin-layout .hr-v2-quick-btn-label{display:none}.admin-layout .hr-v2-quick-btn{width:42px;min-width:42px;padding:0}.admin-layout .hr-v2-quick-menu{right:-6px;min-width:min(230px,88vw)}}
.admin-layout .content-area{position:relative;width:100%;box-sizing:border-box;min-height:calc(100vh - 56px);padding:22px 24px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);overflow:hidden}
        .admin-layout .content-area>.content-decor-lines{position:absolute;left:-80px;top:0;width:520px;height:100%;pointer-events:none;opacity:.55;z-index:0;background-repeat:no-repeat;background-size:520px 100%;background-image:url("data:image/svg+xml,%3Csvg width='520' height='1000' viewBox='0 0 520 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231a8cff' stroke-width='1' stroke-opacity='0.22'%3E%3Cpath d='M80 0 C130 160 220 260 190 430 C160 600 245 760 520 900'/%3E%3Cpath d='M45 0 C100 170 185 280 160 445 C135 610 220 780 500 930'/%3E%3Cpath d='M10 0 C75 190 150 300 130 465 C110 630 195 805 470 960'/%3E%3Cpath d='M-25 0 C45 205 120 320 100 485 C80 650 170 830 440 990'/%3E%3Cpath d='M-60 0 C20 220 95 340 75 510 C55 680 145 855 410 1020'/%3E%3C/g%3E%3Ccircle cx='205' cy='350' r='4' fill='%231a8cff' fill-opacity='0.35'/%3E%3Ccircle cx='205' cy='350' r='10' fill='%231a8cff' fill-opacity='0.10'/%3E%3C/svg%3E")}
        .admin-layout .content-area>*:not(.content-decor-lines){position:relative;z-index:2}
        .admin-layout .main-panel.is-dashboard .content-area{background:#fff}
        .admin-layout .main-panel.is-dashboard .admin-dashboard{display:grid!important}
        .admin-layout .main-panel.is-egitim-page>.content-area{padding-left:16px;padding-right:18px}
        .admin-layout .employee-main-page>.topbar{display:flex!important}
        .admin-sidebar-backdrop{display:none}
        .btn-small svg,.btn-secondary svg,.mini-btn svg{width:15px;height:15px;display:block;flex:0 0 auto}
        .mini-btn.icon-only{width:36px;height:36px;min-width:36px;padding:0;border:1px solid transparent;border-radius:9px;box-shadow:none}
        .mini-btn.edit.icon-only{background:#fff8ed;border-color:#fdc47a;color:#f59e0b}
        .mini-btn.delete.icon-only{background:#fff1f2;border-color:#ffb3b8;color:#ef4444}
        .mini-btn.toggle.icon-only{background:#edf4ff;border-color:#bdd7ff;color:#005be8}
        .mini-btn.approve.icon-only{background:#e9f9f0;border-color:#8dd9b4;color:#0f766e}
        .mini-btn.edit.icon-only:hover{background:#ffefd8;color:#d97706}
        .mini-btn.delete.icon-only:hover{background:#ffe4e7;color:#dc2626}
        .mini-btn.toggle.icon-only:hover{background:#dfeeff;color:#0046b8}
        .mini-btn.approve.icon-only:hover{background:#d8f5e6;color:#0b5f59}
        .icon-tooltip-popover{position:fixed;left:0;top:0;z-index:100000;max-width:min(260px,calc(100vw - 24px));padding:7px 10px;border-radius:8px;background:#0f172a;color:#fff;font-size:12px;font-weight:900;line-height:1.25;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.24);opacity:0;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .12s ease,transform .12s ease}
        .icon-tooltip-popover.is-visible{opacity:1;transform:translate(-50%,0)}
        .icon-tooltip-popover::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0f172a}
        .icon-tooltip-popover.is-below::after{bottom:auto;top:-5px;border-top:0;border-bottom:5px solid #0f172a}
        .document-definition-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(260px,.85fr) minmax(300px,1.05fr) minmax(260px,.9fr);gap:12px;align-items:end}
        .document-definition-grid .field{margin:0}
        .program-definition-filter-grid{grid-template-columns:minmax(220px,1.35fr) minmax(180px,.75fr) minmax(180px,.75fr) minmax(160px,.6fr) auto auto}
        .program-exit-filter-grid{grid-template-columns:minmax(220px,1.35fr) minmax(240px,.9fr) minmax(150px,.55fr) auto auto}
        .document-definition-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
        .document-scope-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
        .document-scope-option{min-height:42px;display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #d6e2f0;border-radius:10px;background:#fff;font-size:12px;font-weight:900;color:#0b1f3a;cursor:pointer;line-height:1.15;transition:.16s ease}
        .document-scope-option:hover{border-color:#b7c9df;background:#f8fbff}
        .document-scope-option input{position:absolute;opacity:0;pointer-events:none}
        .document-scope-option i{width:18px;height:18px;border-radius:50%;border:2px solid #94a3b8;background:#fff;box-shadow:inset 0 0 0 4px #fff;transition:.16s ease;flex:0 0 auto}
        .document-scope-option:has(input:checked){border-color:#7db5ff;background:#eef6ff;color:#005be8}
        .document-scope-option:has(input:checked) i{border-color:#0f7bff;background:#0f7bff}
        @media(max-width:1300px){.document-definition-grid,.program-definition-filter-grid,.program-exit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(max-width:760px){.document-definition-grid,.program-definition-filter-grid,.program-exit-filter-grid{grid-template-columns:1fr}.document-definition-actions{justify-content:stretch}.document-definition-actions .btn-small,.document-definition-actions .btn-secondary{width:100%}}
        @media(max-width:1180px){
            body:not(.login-body){overflow-x:hidden}
            .admin-layout.app-shell{display:block;min-width:0;max-width:100%;overflow-x:hidden}
            .admin-layout .sidebar{width:min(280px,86vw);transform:translateX(-100%);transition:.25s ease}
            .admin-layout .sidebar.open{transform:translateX(0)}
            .admin-layout .main-panel{margin-left:0;width:100%;max-width:100%;min-width:0}
            .admin-layout .topbar{height:auto;min-height:var(--admin-topbar-height,72px);padding:0 20px;gap:12px;flex-wrap:wrap}
            .admin-layout .topbar-left{gap:12px;flex:1 1 auto;min-width:0}
            .admin-layout .page-title-area{gap:10px;min-width:0}
            .admin-layout .page-title{white-space:normal;line-height:1.25}
            .admin-layout .breadcrumb-text{white-space:normal}
            .admin-layout .topbar-right{gap:10px;margin-left:auto}
            .admin-layout .topbar-user-copy{display:none}
            .admin-layout .content-area{padding:22px;max-width:100%;overflow-x:hidden;overflow-y:visible}
            .admin-layout .content-area>*:not(.content-decor-lines){max-width:100%}
            .table-wrap,.employee-table-wrap,.leave-table-wrap,.equipment-table-wrap,.report-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
            .card,.workplace-list-card,.workplace-form-card,.training-list-card,.training-form-card,.training-preview-card,.employee-list-card,.employee-dashboard-card,.main-dashboard-card{max-width:100%;min-width:0}
            .employee-command-panel,.training-command-panel,.workplace-command-panel{grid-template-columns:minmax(0,1fr);align-items:stretch}
            .employee-search-form{justify-content:flex-start;flex-wrap:wrap}
            .employee-search-form input{min-width:0;width:100%;flex:1 1 100%}
            .employee-result-summary{text-align:left;border-left:0;padding-left:0}
        }
        @media(max-width:900px){
            .admin-layout .sidebar{transform:translateX(-100%);transition:.25s ease}
            .admin-layout .sidebar.open{transform:translateX(0)}
            .admin-layout .main-panel{margin-left:0;width:100%}
            .admin-layout .topbar{padding:0 18px}
            .admin-layout .topbar-user-copy{display:none}
            .admin-layout .content-area{padding:22px}
        }
        @media(max-width:640px){
            .admin-layout .topbar{padding:10px 14px;align-items:flex-start}
            .admin-layout .topbar-left,.admin-layout .topbar-right{width:100%}
            .admin-layout .topbar-right{justify-content:flex-start}
            .admin-layout .breadcrumb-arrow,.admin-layout .breadcrumb-text{display:none}
            .admin-layout .content-area{padding:14px}
            .training-list-card,.workplace-list-card,.card{padding:14px}
            .table-wrap table{min-width:720px}
        }
        .employee-import-inline-input.is-warning{
            border-color:#f59e0b!important;
            background:#fffbeb!important;
            box-shadow:0 0 0 3px rgba(245,158,11,.14)!important;
        }
        @media(min-width:1181px){
            body:not(.login-body){font-size:13px}
    .admin-layout .topbar{height:var(--admin-topbar-height,54px);min-height:var(--admin-topbar-height,54px);padding:0 18px;gap:10px}
    .admin-layout .content-area{min-height:calc(100vh - var(--admin-topbar-height,54px));padding:18px 20px}
            body:not(.login-body){overflow-x:hidden}
            .admin-layout.app-shell{overflow-x:hidden}
            .admin-layout .main-panel.is-resolution-compact{
                --app-ui-scale:.8;
                margin-left:var(--admin-sidebar-width);
                width:calc(100vw - var(--admin-sidebar-width));
                max-width:none!important;
                min-height:100vh;
                zoom:1;
                transform:none;
                overflow-x:hidden;
                overflow-y:visible;
            }
            .admin-layout.nav-collapsed .main-panel.is-resolution-compact{
                margin-left:0;
                width:100vw;
            }
            .admin-layout .main-panel.is-resolution-compact>.topbar,
            .admin-layout .main-panel.is-resolution-compact>.content-area{
                width:100%;
                max-width:100%!important;
                zoom:1;
                transform:none;
                transform-origin:top left;
                box-sizing:border-box;
            }
            .admin-layout .main-panel.is-resolution-compact>.content-area{
                min-height:calc(125vh - 85px);
            }
            .admin-layout .main-panel.is-belge-onay-page.is-resolution-compact>.content-area{
                padding-top:0;
            }
            .admin-layout .main-panel.is-resolution-compact>.content-area>.content-decor-lines{
                width:520px;
                background-size:520px 100%;
            }
    .admin-layout .menu-toggle{width:32px;height:32px}
            .admin-layout .page-title{font-size:16px}
            .admin-layout .breadcrumb-arrow,.admin-layout .breadcrumb-text{font-size:12px}
            .admin-layout .topbar-right{gap:12px}
            .admin-layout .topbar-user-avatar{width:34px;height:34px}
            .admin-layout .topbar-user-copy strong{font-size:12px;max-width:170px}
            .admin-layout .topbar-user-copy span{font-size:11px;max-width:170px}
            .topbar h1{font-size:22px}
            .topbar p{font-size:13px;margin-top:5px}
            .main{padding:18px}
            .card,.workplace-list-card,.workplace-form-card,.training-list-card,.training-form-card,.training-preview-card,.employee-list-card,.employee-dashboard-card,.main-dashboard-card{padding:14px 16px;margin-bottom:12px;border-radius:10px}
            .card h3,.workplace-list-head h3,.training-list-head h3,.employee-list-head h3,.main-dashboard-card h3{font-size:17px}
            label{margin-bottom:5px;font-size:11px}
            input,select{min-height:38px;padding:0 10px;font-size:13px}
            textarea{min-height:96px;padding:10px 11px;font-size:13px;line-height:1.45}
            .btn{height:42px;font-size:13px}
            .btn-small,.btn-secondary,.mini-btn,.tab-btn{min-height:34px;padding:7px 10px;font-size:11.5px}
            .mini-btn.icon-only{width:32px;height:32px;min-width:32px;border-radius:8px}
            .toolbar{gap:8px;margin-bottom:10px}
            .stats{gap:10px}
            .stat .v{font-size:26px;margin-top:6px}
            .stat .k{font-size:11px}
            thead th{padding:10px 12px;font-size:10.5px}
            tbody td{padding:10px 12px;font-size:13px;line-height:1.32}
            .row-sub{margin-top:3px;font-size:11.5px}
            .detail-row{padding:9px 0}
            .detail-value{font-size:14px}
            .message{padding:11px 13px;font-size:13px}
            .list-panel .list-head{margin-bottom:10px}
            .list-panel .list-head h3{font-size:18px}
            .list-panel .list-head p{font-size:12px}
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-control{
                gap:12px;
                max-width:100%;
                overflow:hidden;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-topline{
                padding:12px 14px;
                gap:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-breadcrumb{
                min-height:34px;
                padding:7px 10px;
                font-size:11px;
                gap:7px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-breadcrumb .current{
                padding:5px 9px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-actions{
                gap:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-search{
                width:260px;
                height:36px;
                padding:0 10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-hero{
                grid-template-columns:minmax(0,1fr) 300px;
                gap:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-hero-main{
                padding:14px!important;
                gap:9px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-eyebrow{
                font-size:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-hero-main h2{
                font-size:22px;
                line-height:1.15;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-hero-main p{
                font-size:12px;
                line-height:1.42;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-badges{
                gap:6px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-badge{
                min-height:26px;
                padding:0 9px;
                font-size:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-summary{
                padding:12px!important;
                gap:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-summary h3{
                font-size:14px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-summary-line{
                padding:7px 0;
                font-size:11px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metrics{
                grid-template-columns:repeat(4,minmax(0,1fr));
                gap:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metric{
                padding:10px!important;
                gap:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metric-top{
                gap:9px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-icon{
                width:36px;
                height:36px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-icon svg{
                width:18px;
                height:18px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metric-copy span{
                font-size:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metric-copy strong{
                font-size:20px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-metric small{
                font-size:10px;
                line-height:1.35;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-grid{
                grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
                gap:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-grid.three{
                grid-template-columns:repeat(3,minmax(0,1fr));
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-panel-head{
                min-height:44px;
                padding:0 11px;
                gap:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-panel-head h3{
                font-size:13px;
                gap:6px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-panel-head svg{
                width:16px;
                height:16px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-panel-head a{
                font-size:10px;
                white-space:nowrap;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-panel-body{
                padding:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-list,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-quick-grid{
                gap:7px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-work-row{
                grid-template-columns:34px minmax(0,1fr) 62px;
                gap:8px;
                padding:8px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-row-icon{
                width:32px;
                height:32px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-row-icon svg{
                width:16px;
                height:16px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-row-copy strong,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-deadline-copy strong,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-simple-row strong{
                font-size:11px;
                white-space:normal;
                overflow-wrap:anywhere;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-row-copy span,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-deadline-copy span,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-simple-row span{
                font-size:10px;
                line-height:1.3;
                overflow-wrap:anywhere;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-row-action{
                min-height:28px;
                padding:0 7px;
                font-size:10px;
                border-radius:7px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-deadline-row{
                grid-template-columns:42px minmax(0,1fr) 46px;
                gap:8px;
                padding:8px 0;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-date-box{
                width:40px;
                height:40px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-date-box strong{
                font-size:14px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-date-box span,
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-deadline-status{
                font-size:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-simple-row{
                padding:8px;
                gap:7px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-pill{
                min-height:24px;
                padding:0 8px;
                font-size:10px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-quick-card{
                min-height:62px;
                gap:6px;
                font-size:11px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-quick-card span{
                width:30px;
                height:30px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-quick-card svg{
                width:16px;
                height:16px;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-empty{
                padding:12px;
                font-size:11px;
                line-height:1.4;
            }
            .admin-layout .main-panel.is-dashboard.is-resolution-compact .main-dashboard-footer{
                font-size:10px;
            }
        }
        @media(min-width:1600px){
            .admin-layout .content-area{padding:20px 22px}
            .card,.workplace-list-card,.workplace-form-card,.training-list-card,.training-form-card,.employee-list-card,.employee-dashboard-card,.main-dashboard-card{padding:13px 15px}
            thead th{padding:9px 11px}
            tbody td{padding:9px 11px}
        }
        .training-topic-copy{display:grid;gap:3px;min-width:0}
        .training-topic-copy strong{display:block;min-width:0;color:#0f172a;font-size:13px;font-weight:850;line-height:1.35;text-transform:none;letter-spacing:0;word-break:break-word}
        .training-topic-video-meta{display:none;color:#0f766e;font-size:11px;font-weight:850;line-height:1.35}
        .training-topic-item.is-remote-topic .training-topic-video-meta{display:block}
        .training-topic-video-list{display:none;gap:7px;margin-top:8px}
        .training-topic-item.is-remote-topic .training-topic-video-list{display:grid}
        .training-topic-video-option{display:grid!important;grid-template-columns:18px minmax(180px,.8fr) minmax(0,1.2fr) auto 32px;gap:8px;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #cfe0ef;border-radius:7px;background:#f8fafc}
        .training-topic-video-option input{width:15px!important;height:15px!important;min-height:15px!important;margin:0!important;accent-color:#0f766e}
        .training-topic-video-topic{display:block;min-width:0;color:#0f172a;font-size:12px;font-weight:950;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .training-topic-video-name{display:block;color:#334155;font-size:12px;font-style:normal;font-weight:900;line-height:1.3;word-break:break-word;text-transform:uppercase}
        .training-topic-video-duration{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#e7f5f2;color:#0f766e;font-size:11px;font-weight:900;white-space:nowrap}
        .training-topic-video-preview-btn{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:7px!important}
        .training-topic-video-preview-btn svg{width:15px!important;height:15px!important}
        .training-topic-video-preview-dialog{display:grid;gap:12px;min-width:min(760px,86vw)}
        .training-topic-video-preview-meta{display:grid;gap:4px;padding:10px 12px;border:1px solid #dbe6f2;border-radius:8px;background:#f8fafc}
        .training-topic-video-preview-meta strong{color:#0f172a;font-size:15px;font-weight:950}
        .training-topic-video-preview-meta span{color:#475569;font-size:12px;font-weight:850}
        #trainingTopicModal .training-topic-box{display:grid!important;gap:8px!important;align-content:start!important}
        #trainingTopicModal .training-topic-item.is-remote-topic.training-topic-item-with-duration{grid-template-columns:34px minmax(0,1fr)!important;gap:0!important;align-items:start!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #dbe6f2!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important}
        #trainingTopicModal .training-topic-item.is-remote-topic>input[name="konular[]"]{align-self:start!important;justify-self:center!important;margin-top:14px!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0 12px!important;min-width:0!important;padding:0!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-copy>strong{display:flex!important;align-items:center!important;min-height:44px!important;margin:0!important;padding:0 0!important;border-bottom:1px solid #edf2f7!important;color:#0f172a!important;font-size:13px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:44px!important;margin:0!important;padding:0 12px 0 0!important;border-bottom:1px solid #edf2f7!important;color:#0f766e!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-list{grid-column:1 / -1!important;display:grid!important;gap:0!important;margin:0!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-option{grid-template-columns:22px minmax(230px,.9fr) minmax(0,1.1fr) 104px 34px!important;min-height:42px!important;gap:10px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-top:1px solid #edf2f7!important;border-radius:0!important;background:#f8fbfd!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-option:hover{background:#eefaf7!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-option input{justify-self:center!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-topic{font-size:12px!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-name{font-size:12px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-duration{justify-self:end!important;min-width:84px!important}
        #trainingTopicModal .training-topic-item.is-remote-topic .training-topic-video-preview-btn{justify-self:end!important}
        .training-topic-item.has-video-selection-warning{border-color:#f59e0b!important;background:#fffbeb!important}
        .training-selected-topic-title{display:flex;align-items:center;gap:6px}
        .training-selected-topic-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
        .training-selected-topic-video-meta{font-size:11px;font-weight:900;color:#0f766e;background:#e7f5f2;border:1px solid #b9ded8;border-radius:999px;padding:4px 8px;white-space:nowrap}
        .training-selected-topic-row input[readonly],.training-selected-topic-row select:disabled{background:#eef7f5!important;border-color:#b9ded8!important;color:#0f766e!important;opacity:1!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.training-basic-exam-apply-field{grid-column:1 / span 2!important;grid-row:4!important}@media(max-width:1100px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.training-basic-exam-apply-field{grid-column:1 / -1!important;grid-row:7!important}}@media(max-width:680px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.training-basic-exam-apply-field{grid-column:1!important;grid-row:auto!important}}
        .training-definition-card .training-basic-grid>.field.remote-training-settings-field{grid-column:1 / -1!important;display:block!important;grid-template-rows:none!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
        .remote-training-settings-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:14px;align-items:stretch;width:100%;padding:14px;border:1px solid #cfe0ef;border-radius:10px;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%);box-shadow:0 10px 24px rgba(15,23,42,.055)}
        .remote-training-settings-card .training-command-copy{display:grid;align-content:start;gap:5px;min-width:0}
        .remote-training-settings-card .training-command-copy strong{font-size:16px;color:#0f172a}
        .remote-training-settings-card .training-command-copy span{margin:0;color:#64748b;font-size:12px;font-weight:850;line-height:1.45}
        .remote-training-portal-link{display:block!important;margin-top:6px!important;word-break:break-all;color:#334155!important}
        .remote-training-portal-link a{color:#0f766e;font-weight:900;text-decoration:none}
        .remote-training-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:10px;align-items:stretch;min-width:0}
        .remote-training-settings-grid>.field,.remote-training-settings-grid>.permission-item{margin:0!important;min-height:66px!important;padding:9px 10px!important;border:1px solid #dbe6f2!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
        .remote-training-settings-grid>.field{display:grid!important;grid-template-rows:15px 38px!important;gap:5px!important}
        .remote-training-settings-grid>.field label{margin:0!important;font-size:10.5px!important;line-height:15px!important;color:#334155!important}
        .remote-training-settings-grid>.field input,.remote-training-settings-grid>.field select{height:38px!important;min-height:38px!important;max-height:38px!important}
        .remote-training-settings-grid>.permission-item{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
        .remote-training-settings-grid>.permission-item span{display:grid!important;gap:3px!important}
        .remote-training-settings-grid>.permission-item strong{font-size:12px!important;line-height:1.25!important;white-space:normal!important}
        .remote-training-settings-grid>.permission-item small{font-size:10.5px!important;line-height:1.25!important}
        @media(max-width:1300px){.remote-training-settings-card{grid-template-columns:1fr}.remote-training-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(max-width:700px){.remote-training-settings-grid{grid-template-columns:1fr}}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:start!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:auto!important;grid-row:auto!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6){grid-column:1!important;grid-row:1!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(9){grid-column:2!important;grid-row:1!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(10){grid-column:3!important;grid-row:1!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2){grid-column:4!important;grid-row:1!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(1){grid-column:1 / span 2!important;grid-row:2!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3){grid-column:3!important;grid-row:2!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4){grid-column:4!important;grid-row:2!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5){grid-column:1!important;grid-row:3!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(7){grid-column:2 / span 2!important;grid-row:3!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:4!important;grid-row:3!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.training-basic-exam-apply-field{grid-column:1 / span 2!important;grid-row:4!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.full-span{grid-column:1 / -1!important;grid-row:5!important}
        .training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field.remote-training-settings-field{grid-column:1 / -1!important;grid-row:6!important}
        .training-definition-card [data-training-step-panel="basic"] .training-remote-deadline-field input{font-weight:800}
        .training-summary-remote-control{margin-top:14px;border:1px solid #d8e8e5;border-radius:10px;background:linear-gradient(135deg,#f8fffd 0%,#ffffff 64%,#eefaf7 100%);padding:14px;box-shadow:0 10px 22px rgba(15,118,110,.055)}
        .training-summary-remote-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #dbece8}
        .training-summary-remote-head span{display:grid;gap:3px}
        .training-summary-remote-head strong{color:#0f766e;font-size:14px}
        .training-summary-remote-head small{color:#64748b;font-size:12px;line-height:1.45}
        .training-summary-remote-grid{display:grid;grid-template-columns:minmax(260px,1.3fr) repeat(2,minmax(150px,.65fr));gap:10px;align-items:stretch}
        .training-summary-remote-grid>.field{margin:0!important;background:#fff!important;border:1px solid #dbe6f2!important;border-radius:9px!important;padding:10px!important;display:grid!important;grid-template-rows:16px 40px!important;gap:6px!important}
        .training-summary-remote-grid>.field label{margin:0!important;font-size:10.5px!important;line-height:16px!important;color:#334155!important}
        .training-summary-remote-grid>.field input,.training-summary-remote-grid>.field select{height:40px!important;min-height:40px!important;max-height:40px!important}
        @media(max-width:1200px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1 / -1!important;grid-row:auto!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(6),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(9),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(10),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(2),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(3),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(4),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(5),.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(8){grid-column:auto!important}.training-summary-remote-grid{grid-template-columns:1fr 1fr}}
        @media(max-width:720px){.training-definition-card [data-training-step-panel="basic"] .training-basic-grid{grid-template-columns:1fr!important}.training-definition-card [data-training-step-panel="basic"] .training-basic-grid>.field:nth-child(n){grid-column:1!important}.training-summary-remote-grid{grid-template-columns:1fr}}
        .training-video-upload-stack{position:fixed;right:18px;bottom:18px;z-index:10080;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
        .training-video-upload-card{pointer-events:auto;display:grid;gap:10px;padding:14px;border:1px solid #cfe0ef;border-radius:8px;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.22);color:#0f172a}
        .training-video-upload-card.is-ok{border-color:#a7f3d0;background:#f0fdf4}
        .training-video-upload-card.is-error{border-color:#fecaca;background:#fef2f2}
        .training-video-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
        .training-video-upload-copy{display:grid;gap:4px;min-width:0}
        .training-video-upload-copy strong{font-size:13px;font-weight:900;line-height:1.3}
        .training-video-upload-copy span{color:#52627a;font-size:12px;font-weight:800;line-height:1.45;word-break:break-word}
        .training-video-upload-percent{flex:0 0 auto;color:#0f766e;font-size:12px;font-weight:950}
        .training-video-upload-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}
        .training-video-upload-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#0f766e,#14b8a6);transition:width .18s ease}
        .training-video-upload-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
        .training-video-upload-actions button{min-height:30px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:6px 9px;font-size:11px;font-weight:900;cursor:pointer}
        .training-video-upload-actions button:hover{border-color:#94a3b8;background:#f8fafc}

/* Belge talep kapsam modal compact layout */
#belgeTalepOnayciModal.approval-assignee-modal{padding:12px}
#belgeTalepOnayciModal .approval-assignee-panel{width:min(1240px,calc(100vw - 24px));max-height:88vh;border-radius:14px}
#belgeTalepOnayciModal .approval-assignee-head{padding:14px 18px}
#belgeTalepOnayciModal .approval-assignee-title{gap:12px}
#belgeTalepOnayciModal .approval-assignee-icon{width:42px;height:42px;border-radius:12px}
#belgeTalepOnayciModal .approval-assignee-icon svg{width:20px;height:20px}
#belgeTalepOnayciModal .approval-assignee-head h4{font-size:20px}
#belgeTalepOnayciModal .approval-assignee-head p{margin-top:4px;font-size:12px;line-height:1.35}
#belgeTalepOnayciModal .approval-assignee-body{padding:12px 14px;gap:12px}
#belgeTalepOnayciModal .approval-assignee-mode{padding:10px 12px;border-radius:12px}
#belgeTalepOnayciModal .belge-scope-addbar{grid-template-columns:minmax(260px,1fr) auto!important;gap:10px}
#belgeTalepOnayciModal .approval-assignee-field{gap:5px}
#belgeTalepOnayciModal .approval-assignee-field label{font-size:10.5px}
#belgeTalepOnayciModal .approval-assignee-field select,
#belgeTalepOnayciModal .approval-assignee-search{min-height:38px;height:38px;border-radius:9px;padding:0 11px;font-size:13px}
#belgeTalepOnayciModal .belge-scope-add-button{min-height:38px;border-radius:9px;padding:8px 12px}
#belgeTalepOnayciModal .approval-assignee-project-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}
#belgeTalepOnayciModal .approval-assignee-count{min-height:32px;padding:6px 11px;font-size:11px}
#belgeTalepOnayciModal .belge-scope-project-list{max-height:min(48vh,430px);gap:6px;padding-right:0;overflow-y:auto;overflow-x:hidden}
#belgeTalepOnayciModal .approval-assignee-project-row.belge-scope-project-row{grid-template-columns:minmax(220px,.34fr) minmax(730px,1fr);gap:12px;min-height:48px;padding:8px 10px;border-radius:10px;box-sizing:border-box;width:100%;min-width:0}
#belgeTalepOnayciModal .belge-scope-project-copy{min-width:0;overflow:hidden!important}
#belgeTalepOnayciModal .belge-scope-project-copy strong{font-size:13px;line-height:1.2}
#belgeTalepOnayciModal .belge-scope-project-copy small{font-size:10.5px;line-height:1.2}
#belgeTalepOnayciModal .belge-scope-controls{display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr) 42px;gap:10px;align-items:center;width:100%;min-width:0}
#belgeTalepOnayciModal .belge-scope-controls>*{min-width:0;max-width:100%;box-sizing:border-box}
#belgeTalepOnayciModal .belge-scope-control-group{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:center;min-width:0;max-width:100%}
#belgeTalepOnayciModal .belge-scope-control-group>*{min-width:0;max-width:100%;box-sizing:border-box}
#belgeTalepOnayciModal .belge-scope-controls select{width:100%;min-width:0;max-width:100%;min-height:36px!important;height:36px!important;border-radius:9px!important;font-size:12px!important;padding:0 9px!important}
#belgeTalepOnayciModal .belge-scope-switch{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px;align-items:center;min-height:36px;padding:5px 7px;border-radius:9px;font-size:10px;line-height:1.1}
#belgeTalepOnayciModal .belge-scope-switch input{position:absolute;opacity:0;pointer-events:none}
#belgeTalepOnayciModal .belge-scope-switch-ui{position:relative;width:40px;height:22px;border-radius:999px;border:1px solid #cbd5e1;background:#e2e8f0;box-shadow:inset 0 1px 2px rgba(15,23,42,.10);transition:background .18s ease,border-color .18s ease}
#belgeTalepOnayciModal .belge-scope-switch-ui i{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:transform .18s ease}
#belgeTalepOnayciModal .belge-scope-switch-ui em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-size:7px;font-weight:950;line-height:1;color:#64748b}
#belgeTalepOnayciModal .belge-scope-switch-ui .is-off{right:5px}
#belgeTalepOnayciModal .belge-scope-switch-ui .is-on{left:6px;opacity:0;color:#fff}
#belgeTalepOnayciModal .belge-scope-switch input:checked + .belge-scope-switch-ui{border-color:#0f766e;background:#0f766e}
#belgeTalepOnayciModal .belge-scope-switch input:checked + .belge-scope-switch-ui i{transform:translateX(18px)}
#belgeTalepOnayciModal .belge-scope-switch input:checked + .belge-scope-switch-ui .is-off{opacity:0}
#belgeTalepOnayciModal .belge-scope-switch input:checked + .belge-scope-switch-ui .is-on{opacity:1}
#belgeTalepOnayciModal .belge-scope-switch-text{min-width:0;color:#334155;font-size:10px;font-weight:950;text-transform:uppercase;white-space:normal}
#belgeTalepOnayciModal .belge-scope-remove{width:42px!important;min-width:42px!important;height:36px!important;padding:0!important;border-radius:9px!important;font-size:10px!important}
#belgeTalepOnayciModal .approval-assignee-hint{padding:9px 11px;border-radius:10px;font-size:12px;line-height:1.35}
#belgeTalepOnayciModal .approval-assignee-hint svg{width:16px;height:16px}
#belgeTalepOnayciModal .approval-assignee-actions{padding:12px 14px}

/* Belge talep read-only detail preview */
.app-dialog-panel.is-wide:has(.belge-rule-detail-preview){width:min(1080px,94vw)}
.app-dialog-panel.is-wide:has(.belge-rule-detail-preview) .app-dialog-content{gap:12px}
.app-dialog-panel.is-wide:has(.belge-rule-detail-preview) .app-dialog-message{padding-top:2px}
.app-dialog-panel.is-wide:has(.belge-rule-detail-preview) .app-dialog-actions{padding-top:10px}
.belge-rule-detail-preview{display:grid;gap:10px;max-width:100%;padding:0}
.belge-rule-detail-preview>.workplace-copy{margin-bottom:0!important;padding:0 2px}
.belge-rule-detail-preview>.workplace-copy strong{display:block;font-size:18px;line-height:1.2;color:#0f172a}
.belge-rule-detail-preview>.workplace-copy span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800;line-height:1.35}
.belge-rule-detail-grid{display:grid;gap:10px}
.belge-rule-detail-card{border:1px solid #dbe4ee;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.belge-rule-detail-card-head{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #e5edf7;background:#f8fbff}
.belge-rule-detail-card-head strong{font-size:14px;line-height:1.25;color:#0f172a}
.belge-rule-detail-summary{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:10px 11px;border-bottom:1px solid #edf2f7}
.belge-rule-detail-summary .training-preview-stat{min-height:52px;padding:8px 10px;border-radius:9px;gap:3px}
.belge-rule-detail-summary .training-preview-label{font-size:9.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.belge-rule-detail-summary .training-preview-value{font-size:13px;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.belge-rule-workplace-card{margin:0;padding:10px 11px;background:#fff}
.belge-rule-workplace-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #edf2f7;color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase}
.belge-rule-workplace-list{display:grid;gap:6px}
.belge-rule-workplace-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.55fr);align-items:center;gap:10px;min-height:34px;padding:7px 10px;border:1px solid #dbe4ee;border-radius:9px;background:#fbfdff}
.belge-rule-workplace-row span,
.belge-rule-workplace-row strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.belge-rule-workplace-row strong{justify-self:end;color:#0f766e}
.belge-rule-workplace-empty{padding:9px 10px;border:1px dashed #cbd5e1;border-radius:9px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800}
@media(max-width:1180px){
    #belgeTalepOnayciModal .approval-assignee-project-row.belge-scope-project-row{grid-template-columns:1fr}
    #belgeTalepOnayciModal .belge-scope-controls{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) 42px}
    .belge-rule-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
    #belgeTalepOnayciModal .belge-scope-addbar,
    #belgeTalepOnayciModal .approval-assignee-project-toolbar,
    #belgeTalepOnayciModal .belge-scope-controls{grid-template-columns:1fr!important}
    #belgeTalepOnayciModal .belge-scope-control-group{grid-template-columns:112px minmax(0,1fr)}
    #belgeTalepOnayciModal .belge-scope-remove{width:100%!important;min-width:0!important}
    .belge-rule-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .belge-rule-workplace-row{grid-template-columns:1fr}
    .belge-rule-workplace-row strong{justify-self:start}
}

/* Senkra login viewport no-scroll standard: desktop login must fit the viewport without document scroll. */
@media (min-width:641px){
    html:has(body.login-body){height:100%;max-height:100%;overflow:hidden!important;background:#0c1f38}
    body.login-body{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none;background:#0c1f38}
    body.login-body>.login-page{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;overflow:hidden!important;padding:clamp(10px,2.2vh,22px) 18px!important}
    body.login-body .login-wrapper{max-height:100%;overflow:visible!important}
}
@media (max-width:640px){
    html:has(body.login-body){overflow:auto!important}
    body.login-body,body.login-body>.login-page{height:auto!important;max-height:none!important;overflow:auto!important}
}

/* Senkra global dialog backdrop standard: transparent blur, no gray/dark wash. */
.app-dialog-modal:not(.is-toast){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    backdrop-filter:blur(6px) saturate(100%)!important;
    -webkit-backdrop-filter:blur(6px) saturate(100%)!important;
    isolation:isolate!important;
}
.app-dialog-modal:not(.is-toast)::before{
    display:none!important;
    content:none!important;
    background:transparent!important;
    background-image:none!important;
}
.app-dialog-modal:not(.is-toast)::after{
    display:none!important;
    content:none!important;
    background:transparent!important;
    background-image:none!important;
}
.app-dialog-modal:not(.is-toast) .app-dialog-panel{
    position:relative!important;
    z-index:1!important;
}

.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus),
.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus) .employee-main-page,
.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus) .employee-detail-v1,
.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus) .detail1-ozluk-focus-card{
    background:#fff!important;
    background-image:none!important;
}

.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus) .employee-detail-v1,
.admin-layout .main-panel.is-hr-list-v2 .content-area:has(.employee-detail-v1.is-ozluk-focus) .detail1-ozluk-focus-card{
    min-height:calc(100vh - var(--admin-topbar-height, 48px) - 12px)!important;
    align-self:stretch!important;
}
body.ibys-modal-scroll-locked .admin-layout .modal-backdrop,
body.ibys-modal-scroll-locked .admin-layout .modal-overlay::before,
body.ibys-modal-scroll-locked .admin-layout .modal-overlay::after{
    display:none!important;
    content:none!important;
    background:transparent!important;
    background-image:none!important;
}
.modal-overlay,
.ozluk-document-action-modal,
.approval-review-modal,
.document-upload-modal,
.doc-preview-modal,
.annual-plan-modal,
.training-upload-modal,
.employee-report-modal,
.bulk-upload-approval-modal,
.equipment-modal,
.leave-upload-modal,
.attendance-modal:not(.attendance-inline-panel),
.permission-modal-backdrop,
.approval-assignee-modal,
.gsy-public-modal,
.ask-preview-modal,
.ozluk-document-action-modal,
.ibys-attendance-force-modal,
#ozlukBelgePreviewModal.ask-preview-modal,
#ozlukBelgeOnayModal.ozluk-document-action-modal,
#attendanceRejectModal.ibys-attendance-force-modal,
#attendanceDailyRejectModal.ibys-attendance-force-modal,
.senkra-transfer-file-modal,
.senkra-transfer-detail-modal,
.senkra-ftp-settings-overlay,
.senkra-ftp-progress-overlay,
[data-ibys-modal-backdrop="blur"],
[data-ibys-modal-lock="1"],
#attendanceDailyRejectModal.ibys-attendance-force-modal,
#attendanceRejectModal.ibys-attendance-force-modal{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    backdrop-filter:blur(6px) saturate(100%)!important;
    -webkit-backdrop-filter:blur(6px) saturate(100%)!important;
    isolation:isolate!important;
}
.modal-overlay::before,
.ozluk-document-action-modal::before,
.approval-review-modal::before,
.document-upload-modal::before,
.doc-preview-modal::before,
.annual-plan-modal::before,
.training-upload-modal::before,
.employee-report-modal::before,
.bulk-upload-approval-modal::before,
.equipment-modal::before,
.leave-upload-modal::before,
.attendance-modal:not(.attendance-inline-panel)::before,
.permission-modal-backdrop::before,
.approval-assignee-modal::before,
.gsy-public-modal::before,
.ask-preview-modal::before,
.ozluk-document-action-modal::before,
.ibys-attendance-force-modal::before,
#ozlukBelgePreviewModal.ask-preview-modal::before,
#ozlukBelgeOnayModal.ozluk-document-action-modal::before,
#attendanceRejectModal.ibys-attendance-force-modal::before,
#attendanceDailyRejectModal.ibys-attendance-force-modal::before,
.senkra-transfer-file-modal::before,
.senkra-transfer-detail-modal::before,
.senkra-ftp-settings-overlay::before,
.senkra-ftp-progress-overlay::before,
[data-ibys-modal-backdrop="blur"]::before,
[data-ibys-modal-lock="1"]::before,
#attendanceDailyRejectModal.ibys-attendance-force-modal::before,
#attendanceRejectModal.ibys-attendance-force-modal::before{
    display:none!important;
    content:none!important;
    background:transparent!important;
    background-image:none!important;
}
.modal-overlay::after,
.ozluk-document-action-modal::after,
.approval-review-modal::after,
.document-upload-modal::after,
.doc-preview-modal::after,
.annual-plan-modal::after,
.training-upload-modal::after,
.employee-report-modal::after,
.bulk-upload-approval-modal::after,
.equipment-modal::after,
.leave-upload-modal::after,
.attendance-modal:not(.attendance-inline-panel)::after,
.permission-modal-backdrop::after,
.approval-assignee-modal::after,
.gsy-public-modal::after,
.ask-preview-modal::after,
.ozluk-document-action-modal::after,
.ibys-attendance-force-modal::after,
#ozlukBelgePreviewModal.ask-preview-modal::after,
#ozlukBelgeOnayModal.ozluk-document-action-modal::after,
#attendanceRejectModal.ibys-attendance-force-modal::after,
#attendanceDailyRejectModal.ibys-attendance-force-modal::after,
.senkra-transfer-file-modal::after,
.senkra-transfer-detail-modal::after,
.senkra-ftp-settings-overlay::after,
.senkra-ftp-progress-overlay::after,
[data-ibys-modal-backdrop="blur"]::after,
[data-ibys-modal-lock="1"]::after,
#attendanceDailyRejectModal.ibys-attendance-force-modal::after,
#attendanceRejectModal.ibys-attendance-force-modal::after{
    display:none!important;
    content:none!important;
    background:transparent!important;
    background-image:none!important;
}
.modal-overlay > *,
.ozluk-document-action-modal > *,
.approval-review-modal > *,
.document-upload-modal > *,
.doc-preview-modal > *,
.annual-plan-modal > *,
.training-upload-modal > *,
.employee-report-modal > *,
.bulk-upload-approval-modal > *,
.equipment-modal > *,
.leave-upload-modal > *,
.attendance-modal:not(.attendance-inline-panel) > *,
.permission-modal-backdrop > *,
.approval-assignee-modal > *,
.gsy-public-modal > *,
.ask-preview-modal > *,
.ozluk-document-action-modal > *,
.ibys-attendance-force-modal > *,
#ozlukBelgePreviewModal.ask-preview-modal > *,
#ozlukBelgeOnayModal.ozluk-document-action-modal > *,
#attendanceRejectModal.ibys-attendance-force-modal > *,
#attendanceDailyRejectModal.ibys-attendance-force-modal > *,
.senkra-transfer-file-modal > *,
.senkra-transfer-detail-modal > *,
.senkra-ftp-settings-overlay > *,
.senkra-ftp-progress-overlay > *,
[data-ibys-modal-backdrop="blur"] > *,
[data-ibys-modal-lock="1"] > *,
#attendanceDailyRejectModal.ibys-attendance-force-modal > *,
#attendanceRejectModal.ibys-attendance-force-modal > *{
    position:relative!important;
    z-index:1!important;
}

/* User action log preview header refresh - 2026-07-01 */
.user-log-preview-body .user-log-hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    border:1px solid #d9e7f7;
    border-radius:16px;
    background:linear-gradient(135deg,#f8fbff 0%,#ffffff 48%,#eef6ff 100%);
    box-shadow:0 14px 34px rgba(15,23,42,.07);
    padding:16px 18px;
}
.user-log-preview-body .user-log-hero-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#1d4ed8;background:#eaf2ff;border:1px solid #cfe0ff}
.user-log-preview-body .user-log-hero-icon svg{width:22px;height:22px}
.user-log-preview-body .user-log-hero-copy{display:grid;gap:4px;min-width:0}
.user-log-preview-body .user-log-hero-copy span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:0}
.user-log-preview-body .user-log-hero-copy strong{color:#0f172a;font-size:20px;line-height:1.15;overflow-wrap:anywhere}
.user-log-preview-body .user-log-hero-copy small{color:#64748b;font-size:11px;font-weight:800}
.user-log-preview-body .user-log-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:8px;min-width:0}
.user-log-preview-body .user-log-hero-metrics span{display:grid;gap:4px;min-height:48px;align-content:center;border:1px solid #dbe7f7;border-radius:12px;background:rgba(255,255,255,.78);padding:8px 10px}
.user-log-preview-body .user-log-hero-metrics b{color:#64748b;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:0}
.user-log-preview-body .user-log-hero-metrics strong{color:#0f172a;font-size:12px;font-weight:900;white-space:nowrap}
@media (max-width:900px){.user-log-preview-body .user-log-hero{grid-template-columns:1fr}.user-log-preview-body .user-log-hero-icon{display:none}.user-log-preview-body .user-log-hero-metrics{grid-template-columns:1fr}}
/* User action log preview polish - 2026-06-30 */
.user-log-preview-body{
    gap:12px;
    padding:16px;
}
.user-log-preview-body .user-preview-summary,
.user-log-preview-body .user-log-section{
    border:1px solid #dbe6f2;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.user-log-preview-body .user-preview-summary{
    background:linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#eef7ff 100%);
}
.user-log-preview-body .workplace-section-title{
    margin-bottom:10px;
}
.user-log-preview-body .workplace-section-title span{
    color:#64748b;
    font-size:11px;
    letter-spacing:0;
    text-transform:none;
}
.user-log-preview-body .workplace-section-title h4{
    margin-top:2px;
    font-size:20px;
    line-height:1.15;
}
.user-log-preview-body .user-preview-stat-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.user-log-preview-body .user-preview-stat-grid span{
    min-height:54px;
    border-color:#dbe6f2;
    border-radius:10px;
    background:rgba(255,255,255,.82);
    padding:10px 12px;
}
.user-log-preview-body .user-preview-stat-grid b{
    color:#64748b;
    font-size:10px;
}
.user-log-preview-body .user-preview-stat-grid strong{
    margin-top:5px;
    font-size:13px;
}
.user-log-preview-body .user-log-list{
    gap:8px;
}
.user-log-preview-body .user-log-row{
    grid-template-columns:124px minmax(0,1fr);
    gap:12px;
    align-items:center;
    border-color:#dbe6f2;
    border-radius:10px;
    background:#fff;
    padding:10px 12px;
    box-shadow:0 6px 18px rgba(30,64,175,.04);
}
.user-log-preview-body .user-log-row:hover{
    border-color:#b9d7ff;
    background:#fbfdff;
}
.user-log-preview-body .user-log-date{
    min-height:28px;
    border-radius:999px;
    font-size:10.5px;
    padding:0 10px;
    white-space:nowrap;
}
.user-log-preview-body .user-log-copy{
    display:grid;
    gap:3px;
    min-width:0;
}
.user-log-preview-body .user-log-copy strong{
    color:#0f172a;
    font-size:12.5px;
    line-height:1.25;
}
.user-log-preview-body .user-log-copy p{
    margin:0;
    color:#475569;
    font-size:12px;
    line-height:1.4;
}
.user-log-preview-body .user-log-copy small{
    color:#64748b;
    font-size:10.5px;
    line-height:1.35;
}
@media (max-width:760px){
    .user-log-preview-body .user-preview-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .user-log-preview-body .user-log-row{
        grid-template-columns:1fr;
    }
    .user-log-preview-body .user-log-date{
        width:max-content;
    }
}
/* Permission preview modal polish - 2026-06-30 */
.user-permission-preview-body{
    grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr);
    gap:14px;
    padding:16px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.user-permission-preview-body .user-preview-section{
    border-color:#dbe6f2;
    border-radius:12px;
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 24px rgba(15,23,42,.05);
    padding:14px;
}
.user-permission-preview-body .user-preview-summary{
    position:relative;
    overflow:hidden;
    border-color:#cfe0f2;
    background:linear-gradient(135deg,#ffffff 0%,#f6fbff 52%,#eef8f7 100%);
}
.user-permission-preview-body .user-preview-summary:after{
    content:"";
    position:absolute;
    right:-44px;
    top:-56px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(15,118,110,.08);
    pointer-events:none;
}
.user-permission-preview-body .workplace-section-title{
    position:relative;
    z-index:1;
    margin-bottom:10px;
}
.user-permission-preview-body .workplace-section-title span{
    color:#64748b;
    font-size:11px;
    letter-spacing:0;
    text-transform:none;
}
.user-permission-preview-body .workplace-section-title h4{
    margin-top:2px;
    color:#0f172a;
    font-size:20px;
    line-height:1.15;
}
.user-permission-preview-body .user-preview-stat-grid{
    position:relative;
    z-index:1;
    grid-template-columns:1.35fr repeat(5,minmax(92px,1fr));
    gap:8px;
}
.user-permission-preview-body .user-preview-stat-grid span{
    min-height:58px;
    border-color:#dbe6f2;
    border-radius:10px;
    background:#fff;
    padding:10px 12px;
    box-shadow:inset 3px 0 0 rgba(37,99,235,.18);
}
.user-permission-preview-body .user-preview-stat-grid b{
    color:#64748b;
    font-size:10px;
    letter-spacing:0;
}
.user-permission-preview-body .user-preview-stat-grid strong{
    margin-top:6px;
    color:#0f172a;
    font-size:13px;
}
.user-permission-preview-body .user-preview-chip-grid{
    gap:8px;
}
.user-permission-preview-body .user-preview-chip{
    position:relative;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
    border-color:#dbe6f2;
    border-radius:10px;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    padding:11px 12px 11px 14px;
    box-shadow:0 6px 18px rgba(15,23,42,.04);
}
.user-permission-preview-body .user-preview-chip:before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:0 999px 999px 0;
    background:#2563eb;
}
.user-permission-preview-body .user-preview-chip strong{
    color:#0f172a;
    font-size:13px;
    line-height:1.25;
}
.user-permission-preview-body .user-preview-chip small{
    color:#64748b;
    font-size:10.5px;
    line-height:1.35;
}
.user-permission-preview-body .user-preview-permission-groups{
    gap:8px;
}
.user-permission-preview-body .user-preview-permission-group{
    border-color:#dbe6f2;
    border-radius:10px;
    background:#fff;
    padding:11px 12px;
    box-shadow:0 6px 18px rgba(15,23,42,.035);
}
.user-permission-preview-body .user-preview-permission-group>strong{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
    color:#0f172a;
    font-size:13px;
    line-height:1.25;
}
.user-permission-preview-body .user-preview-permission-group>strong:after{
    content:"Yetki grubu";
    flex:0 0 auto;
    border-radius:999px;
    background:#f1f5f9;
    color:#64748b;
    padding:4px 8px;
    font-size:9.5px;
    font-weight:900;
}
.user-permission-preview-body .user-preview-permission-group>div{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.user-permission-preview-body .user-preview-permission-group span{
    min-height:28px;
    border-radius:999px;
    background:#f8fafc;
    border-color:#dbe6f2;
    color:#0f172a;
    padding:5px 7px 5px 10px;
    font-size:10.5px;
    font-weight:900;
    line-height:1.15;
}
.user-permission-preview-body .user-preview-permission-group span em{
    background:#fff;
    border:1px solid currentColor;
    opacity:.82;
    padding:2px 5px;
    font-size:9px;
}
.user-permission-preview-body .user-preview-permission-group span.source-role{
    background:#eff6ff;
    border-color:#bfdbfe;
    color:#1d4ed8;
}
.user-permission-preview-body .user-preview-permission-group span.source-special{
    background:#ecfdf3;
    border-color:#bbf7d0;
    color:#15803d;
}
.user-permission-preview-body .user-preview-permission-group span.source-linked{
    background:#f0fdfa;
    border-color:#99f6e4;
    color:#0f766e;
}
.user-permission-preview-body .user-preview-denied{
    margin-top:10px;
    border-color:#fecaca;
    border-radius:10px;
    background:linear-gradient(180deg,#fff7f7,#fff);
    padding:10px 12px;
}
.user-permission-preview-body .user-preview-denied strong{
    color:#b91c1c;
    font-size:12px;
}
.user-permission-preview-body .user-preview-denied span{
    border-color:#fecaca;
    background:#fff;
    color:#b91c1c;
    font-size:10.5px;
}
@media(max-width:1180px){
    .user-permission-preview-body{
        grid-template-columns:1fr;
    }
    .user-permission-preview-body .user-preview-stat-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:720px){
    .user-permission-preview-body{
        padding:12px;
    }
    .user-permission-preview-body .user-preview-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .user-permission-preview-body .workplace-section-title h4{
        font-size:18px;
    }
}

/* 2026-07-02 - Eğitim takip çalışan detay ekranı */
.training-follow-page{
    display:grid;
    gap:14px;
}
.training-follow-detail-card{
    margin-bottom:0;
    overflow:hidden;
    border-color:#d4e2ef;
    box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.training-follow-detail-card .training-preview-head{
    position:relative;
    top:auto;
    z-index:1;
    min-height:86px;
    padding:14px 18px;
    background:linear-gradient(135deg,#ffffff 0%,#f5fafc 58%,#eefaf7 100%);
    box-shadow:none;
}
.training-follow-identity{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
    align-items:center;
    min-width:0;
}
.training-follow-avatar{
    width:48px;
    height:48px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0f766e;
    color:#fff;
    font-size:14px;
    font-weight:900;
    box-shadow:0 10px 20px rgba(15,118,110,.18);
}
.training-follow-detail-card .training-preview-head h3{
    margin:5px 0 0;
    font-size:22px;
    line-height:1.15;
}
.training-follow-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:8px!important;
}
.training-follow-meta span{
    min-height:25px;
    display:inline-flex;
    align-items:center;
    max-width:260px;
    padding:4px 9px;
    border:1px solid #d7e5f0;
    border-radius:999px;
    background:#fff;
    color:#475569;
    font-size:11px;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.training-follow-detail-card .training-preview-body{
    display:grid;
    gap:12px;
    padding:14px 16px 16px;
    background:#f7fafc;
}
.training-follow-summary-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
}
.training-follow-summary-grid .training-preview-stat{
    min-height:70px;
    padding:10px 12px;
    background:#fff;
    border-color:#d8e6f1;
    box-shadow:0 5px 14px rgba(15,23,42,.035);
}
.training-follow-summary-grid .training-preview-label{
    font-size:10px;
    color:#64748b;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.training-follow-summary-grid .training-preview-value{
    font-size:20px;
    line-height:1.05;
    color:#0f172a;
}
.training-follow-detail-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
    gap:12px;
    align-items:start;
    margin-top:0!important;
}
.training-follow-detail-grid>.training-form-section:nth-child(1),
.training-follow-detail-grid>.training-form-section:nth-child(2){
    grid-column:1;
}
.training-follow-detail-grid>.training-form-section:nth-child(3){
    grid-column:2;
    grid-row:1 / span 2;
}
.training-follow-expiring-section{
    margin-top:0!important;
}
.training-follow-detail-card .training-form-section{
    border-color:#d8e6f1;
    box-shadow:0 6px 16px rgba(15,23,42,.04);
    padding:0;
    overflow:hidden;
}
.training-follow-detail-card .training-section-title{
    min-height:58px;
    margin:0;
    padding:12px 14px;
    background:#fff;
}
.training-follow-detail-card .training-section-title h4{
    margin-top:2px;
    font-size:16px;
}
.training-follow-table-wrap{
    overflow-x:hidden;
}
.training-follow-detail-card .training-table{
    width:100%;
    min-width:0!important;
    table-layout:fixed;
}
.training-follow-detail-card .training-table th,
.training-follow-detail-card .training-table td{
    padding:9px 10px;
    font-size:12px;
    vertical-align:middle;
}
.training-follow-detail-card .training-table th:first-child,
.training-follow-detail-card .training-table td:first-child{
    min-width:0;
    width:34%;
}
.training-follow-detail-card .training-table th:nth-child(2),
.training-follow-detail-card .training-table td:nth-child(2),
.training-follow-detail-card .training-table th:nth-child(3),
.training-follow-detail-card .training-table td:nth-child(3){
    width:104px;
}
.training-follow-detail-card .training-table th:nth-child(4),
.training-follow-detail-card .training-table td:nth-child(4){
    width:76px;
}
.training-follow-detail-card .training-table th:nth-child(5),
.training-follow-detail-card .training-table td:nth-child(5){
    width:128px;
}
.training-follow-detail-card .training-table th:nth-child(6),
.training-follow-detail-card .training-table td:nth-child(6){
    width:70px;
}
.training-follow-detail-card .training-topic-cell{
    gap:6px;
}
.training-follow-detail-card .training-topic-cell strong{
    max-width:100%;
    display:block;
}
.training-follow-detail-card .training-topic-badge{
    max-width:120px;
}
.training-follow-detail-card .mini-btn.toggle{
    min-width:58px;
    min-height:30px;
    padding:6px 9px;
    border-radius:8px;
    font-size:11px;
}
.training-follow-detail-card .training-preview-list{
    padding:12px;
}
.training-follow-detail-card .training-preview-list li{
    padding:10px 12px;
    background:#fff;
    border-color:#dce8f2;
}
.training-follow-detail-card .training-preview-empty{
    margin:12px;
    padding:14px;
    background:#fff;
}
@media(max-width:1400px){
    .training-follow-summary-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:1180px){
    .training-follow-detail-grid{
        grid-template-columns:1fr!important;
    }
    .training-follow-detail-grid>.training-form-section:nth-child(1),
    .training-follow-detail-grid>.training-form-section:nth-child(2),
    .training-follow-detail-grid>.training-form-section:nth-child(3){
        grid-column:1;
        grid-row:auto;
    }
    .training-follow-table-wrap{
        overflow-x:auto;
    }
    .training-follow-detail-card .training-table{
        min-width:780px!important;
    }
}
@media(max-width:760px){
    .training-follow-summary-grid{
        grid-template-columns:1fr!important;
    }
    .training-follow-detail-card .training-preview-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .training-follow-identity{
        grid-template-columns:42px minmax(0,1fr);
    }
    .training-follow-avatar{
        width:42px;
        height:42px;
    }
    .training-follow-detail-card .training-preview-body{
        padding:10px;
    }
}