@font-face{font-family:Cairo;src:url(/fonts/cairo-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url(/fonts/cairo-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/tajawal-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/tajawal-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/almarai-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}:root{--font: "Cairo", "Tajawal", "Segoe UI", Tahoma, sans-serif;--serif: "Amiri", Georgia, serif;--primary: #04518C;--primary-dark: #033f6e;--primary-2: #0a5c9c;--primary-soft: #e8eff7;--accent: #C6A15B;--accent-2: #A29475;--accent-deep: #786C52;--accent-ink: #3a2a10;--teal: #4194B3;--bg: #F4F6F9;--surface: #ffffff;--surface-2: #F7F9FC;--text: #161C22;--text-2: #3A4653;--muted: #667085;--border: #E5EAF1;--border-strong: #D2DAE5;--success: #2f9e6b;--danger: #c0392b;--warning: #c98a1e;--info: #2f6fb0;--shadow-sm: 0 1px 2px rgba(13,42,66,.05), 0 1px 3px rgba(13,42,66,.05);--shadow: 0 12px 30px -12px rgba(13,42,66,.16);--shadow-lg: 0 24px 48px -18px rgba(13,42,66,.28);--ring: 0 0 0 3px var(--primary-soft);--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--radius: 16px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sidebar: 244px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}a{color:inherit;text-decoration:none}h1{font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--text)}h2{font-size:16px;font-weight:700;letter-spacing:-.2px}h3{font-size:14px;font-weight:700}small{font-size:12px;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(60rem 40rem at 88% -12%,rgba(198,161,91,.28),transparent 60%),linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 55%,#022c4e 100%);padding:20px}.login-card{background:#fffffffa;padding:40px 34px;border-radius:22px;box-shadow:var(--shadow-lg);width:400px;max-width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-card h1{font-size:24px;margin-bottom:24px;text-align:center}.login-card .sub{color:var(--muted);text-align:center;margin-bottom:26px;font-size:14px}.hint{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center}.login-logo{width:66px;height:66px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;font-size:30px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 14px 30px -12px var(--primary)}.login-input{position:relative;margin-bottom:14px}.login-input .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.7}.login-input input{width:100%;padding:13px 42px 13px 14px;border:1px solid var(--border);border-radius:12px;font-size:15px;font-family:inherit;background:#fff;transition:border .15s,box-shadow .15s}.login-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.login-btn{width:100%;margin-top:6px;padding:14px 0;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:800;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 26px -12px var(--primary);transition:transform .1s,filter .15s}.login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-btn:disabled{opacity:.6}.forgot-link{display:block;width:100%;margin-top:16px;background:none;border:none;cursor:pointer;font-size:13.5px;color:var(--primary);font-weight:600;font-family:inherit}.forgot-link:hover{text-decoration:underline}.forgot-note{margin-top:12px;background:var(--primary-soft);color:var(--primary-dark);padding:12px 14px;border-radius:12px;font-size:13px;text-align:center}.demo-accounts{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.demo-title{font-size:12px;color:var(--muted);text-align:center;margin-bottom:10px;font-weight:600}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-chip{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--text);transition:.12s}.demo-chip:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.login-lang{position:absolute;top:20px;inset-inline-end:22px;z-index:2;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:700;font-size:13px;font-family:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.15s}.login-lang:hover{background:#ffffff52}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:linear-gradient(185deg,#05599b,#04518c 55%,#033f6e);color:#cfe0f0;padding:14px 14px 24px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.14)}.brand-logo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 6px 16px -6px var(--primary);flex-shrink:0}.brand-logo svg{width:19px;height:19px;display:block}.brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.2px}.nav-group{margin-top:10px}.nav-group-title{display:flex;align-items:center;gap:8px;width:100%;font-size:11.5px;font-weight:800;color:#ffffff8c;letter-spacing:.5px;padding:8px 12px;background:none;border:none;cursor:pointer;font-family:inherit;border-radius:10px;transition:background .15s,color .15s}.nav-group-title:hover{background:#ffffff14;color:#ffffffd9}.nav-group-title .caret{font-size:13px;color:#ffffffe6;transition:transform .18s;display:inline-block}.nav-group-title .caret.down{transform:rotate(90deg)}html[dir=rtl] .nav-group-title .caret{transform:scaleX(-1)}html[dir=rtl] .nav-group-title .caret.down{transform:rotate(90deg)}.lang-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:800;font-size:13px;color:var(--primary);font-family:inherit;transition:.15s}.lang-btn:hover{background:var(--primary-soft)}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;margin-bottom:2px;color:#fffc;font-size:13px;font-weight:600;border-radius:10px;transition:background .15s,color .15s}.sidebar nav a .icon{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:inherit}.sidebar nav a .icon svg{width:20px;height:20px;display:block}.sidebar nav a:hover{background:#ffffff1f;color:#fff}.sidebar nav a.active{background:#fff;color:#04518c;font-weight:700;box-shadow:0 8px 20px -12px #00000073}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:11px 24px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20}.topbar-title{font-weight:800;font-size:15px;color:var(--text);margin-inline-end:auto;letter-spacing:-.2px}.topbar-spacer{flex:1}.hamburger{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:none;border:1px solid var(--border);font-size:18px;cursor:pointer;color:var(--text)}.hamburger:hover{background:#f3f4f8}.user{position:relative}.user-btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-family:inherit;padding:4px;border-radius:12px}.user-btn:hover{background:#f3f4f8}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary-soft)}.user-meta{display:flex;flex-direction:column;line-height:1.25;text-align:start}.user-name{font-size:13.5px;font-weight:700}.user-role{font-size:11.5px;color:var(--muted)}.caret-sm{font-size:11px;color:var(--muted)}.profile-menu{position:absolute;top:52px;inset-inline-end:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:200px;z-index:30;display:flex;flex-direction:column}.profile-menu button{display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;border-radius:8px;text-align:start;color:var(--text)}.profile-menu button:hover{background:var(--primary-soft)}.profile-menu button.danger{color:var(--danger)}.profile-menu button.danger:hover{background:#fee2e2}.content{padding:24px 28px;flex:1;width:100%;max-width:1600px;margin-inline:auto}.nav-scrim,.bottom-nav{display:none}@media (min-width: 861px){.layout.nav-collapsed .sidebar{width:72px;padding:12px 8px 20px}.layout.nav-collapsed .brand{justify-content:center;padding:6px 0 12px;gap:0}.layout.nav-collapsed .brand-name,.layout.nav-collapsed .nav-group-title{display:none}.layout.nav-collapsed .nav-group{margin-top:4px}.layout.nav-collapsed .sidebar nav a{justify-content:center;padding:11px 0;margin-bottom:4px}.layout.nav-collapsed .sidebar nav a .lbl{display:none}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:26px}.stat-card{background:var(--surface);border-radius:var(--r-lg);padding:18px 20px;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.stat-card .label{color:var(--muted);font-size:12.5px;margin-bottom:8px;font-weight:600}.stat-card .value{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--text)}.stat-card .icon{font-size:18px;float:inline-end;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);opacity:1}.stat-card.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;box-shadow:var(--shadow)}.stat-card.hero .label{color:#ffffffd1}.stat-card.hero .value{color:#fff}.stat-card.hero .icon{background:#fff3}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px}.card-head{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h2,.card-head h3{margin:0}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;text-align:start;font-size:13.5px;border-bottom:1px solid var(--border)}th{background:var(--surface-2);color:var(--muted);font-weight:700;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}td{color:var(--text-2)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--primary-soft)}tbody tr:last-child td{border-bottom:none}.btn{background:var(--primary);color:#fff;border:1px solid transparent;padding:10px 18px;border-radius:var(--r-md);cursor:pointer;font-size:13.5px;font-weight:700;font-family:inherit;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2}.btn:hover{background:var(--primary-dark);box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.sm{padding:7px 12px;font-size:12.5px;border-radius:var(--r-sm);box-shadow:none}.btn.gray{background:#eef1f6;color:var(--text-2);box-shadow:none}.btn.gray:hover{background:#e3e8ef}.btn.ghost{background:transparent;color:var(--muted);box-shadow:none;border:1px solid var(--border)}.btn.ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn.green{background:var(--success);box-shadow:none}.btn.green:hover{background:#15803d}.btn.red{background:var(--danger);box-shadow:none}.btn.red:hover{background:#b91c1c}.btn.outline{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.outline:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.btn.gold{background:var(--accent);color:var(--accent-ink);box-shadow:none}.btn.gold:hover{background:#b8934e}.field{margin-bottom:16px}.field label{display:block;font-size:13px;margin-bottom:6px;color:var(--text-2);font-weight:600}.field input,.field select,.field textarea{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r-md);font-size:13.5px;font-family:inherit;background:#fff;transition:border .15s,box-shadow .15s;color:var(--text)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dateinput{position:relative}.di-field{width:100%;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r-md);background:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--text);text-align:start;transition:border .15s,box-shadow .15s}.di-field:hover{border-color:var(--border-strong)}.di-field:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.di-field .di-ph{color:var(--muted)}.di-field .di-cal{font-size:15px}.di-pop{z-index:5000;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:12px;animation:acPop .14s ease}.di-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700}.di-head button{width:30px;height:30px;border:none;background:var(--primary-soft);color:var(--primary);border-radius:8px;cursor:pointer;font-size:18px}.di-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.di-wd span{text-align:center;font-size:11px;color:var(--muted);font-weight:700;padding:4px 0}.di-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.di-day{height:32px;border:none;background:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text)}.di-day:hover{background:var(--primary-soft)}.di-day.today{border:1px solid var(--primary)}.di-day.sel{background:var(--primary);color:#fff;font-weight:700}.di-foot{display:flex;justify-content:space-between;margin-top:8px}.di-foot button{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;font-family:inherit;font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.toolbar h1{padding-bottom:2px}.toolbar input,.toolbar select{padding:9px 13px;border:1px solid var(--border);border-radius:var(--r-md);font-family:inherit;font-size:13.5px;background:#fff;color:var(--text);height:40px;transition:border .15s,box-shadow .15s}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.badge{padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px;border:none;line-height:1.5}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.green{color:#2f9e6b;background:#2f9e6b1f}.badge.red{color:#b04a4a;background:#b04a4a1f}.badge.yellow{color:#c98a1e;background:#c98a1e21}.badge.gray{color:#51606f;background:#51606f1a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--r-xl);padding:24px 26px;width:560px;max-width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:pop .18s ease}.modal.wide{width:820px}@keyframes pop{0%{transform:translateY(12px) scale(.98);opacity:.6}to{transform:none;opacity:1}}.modal h3{margin-bottom:18px;font-size:19px}.modal-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:22px}.error-box{background:#fef2f2;color:#b91c1c;padding:11px 15px;border-radius:11px;font-size:14px;margin-bottom:16px;border:1px solid #fecaca}.empty{padding:44px;text-align:center;color:var(--muted)}.bar-chart{display:flex;flex-direction:column;gap:13px;padding:22px}.bar-row{display:flex;align-items:center;gap:12px}.bar-row .name{width:170px;font-size:14px;flex-shrink:0;font-weight:600}.bar-track{flex:1;background:#f1f3f9;border-radius:8px;height:28px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#fff;font-size:12px;font-weight:700;min-width:fit-content}.chart-card{margin-bottom:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.donut-wrap{display:flex;align-items:center;gap:14px;padding:16px 20px;flex-wrap:wrap}.donut-svg{width:150px;height:150px;flex-shrink:0}.donut-total{font-size:22px;font-weight:800;fill:var(--text)}.donut-total-sub{font-size:11px;fill:var(--muted);font-weight:600}.legend{display:flex;flex-direction:column;gap:7px;flex:1;min-width:150px}.legend-row{display:flex;align-items:center;gap:8px;font-size:13px}.legend-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.legend-k{flex:1;color:var(--text)}.legend-v{color:var(--muted);font-weight:700;font-size:12px}.col-chart{display:flex;align-items:flex-end;gap:10px;padding:20px 20px 14px;height:210px}.col-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}.col-val{font-size:12px;font-weight:700;color:var(--text)}.col-bar{width:68%;max-width:46px;border-radius:8px 8px 4px 4px;min-height:4px;transition:height .3s}.col-lbl{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.25;word-break:break-word}.line-svg{width:100%;height:auto;overflow:visible}.line-val{font-size:9px;fill:var(--text);font-weight:700}.line-lbls{display:flex;margin-top:6px;font-size:11.5px;color:var(--muted)}.barh-chart{display:flex;flex-direction:column;gap:11px;padding:20px}.barh-row{display:flex;align-items:center;gap:12px}.barh-name{width:150px;font-size:13.5px;flex-shrink:0;font-weight:600}.barh-track{flex:1;background:#f1f3f9;border-radius:8px;height:26px;overflow:hidden}.barh-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#fff;font-size:12px;font-weight:700;min-width:fit-content}.gauge-card{display:flex;flex-direction:column;align-items:center;padding:16px}.gauge-svg{width:120px;height:120px}.gauge-pct{font-size:22px;font-weight:800;fill:var(--text)}.gauge-sub{font-size:10px;fill:var(--muted)}.gauge-label{font-size:13px;font-weight:600;text-align:center;margin-top:8px;color:var(--text)}.geo-wrap{display:flex;align-items:center;gap:10px;padding:12px 18px;flex-wrap:wrap}.geo-svg{width:190px;height:auto;flex-shrink:0}.geo-count{font-size:11px;font-weight:800;fill:#fff}@media (max-width: 560px){.donut-wrap,.geo-wrap{justify-content:center}.barh-name{width:100px;font-size:12.5px}.col-chart{height:180px;gap:6px}}.forms-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.pf-manual{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.pf-manual-title{font-weight:700;font-size:13px;color:var(--muted);margin-bottom:10px}.pf-manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.print-area{display:flex;justify-content:center}.print-sheet{background:#fff;color:#111;width:794px;max-width:100%;min-height:1000px;padding:40px 44px;margin:0 auto 24px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);font-size:13px;line-height:1.6}.pf-head{text-align:center;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:16px}.pf-brand{font-size:20px;font-weight:800;letter-spacing:.3px}.pf-title{display:flex;justify-content:center;gap:14px;margin-top:6px;font-size:16px;font-weight:700}.pf-title-ar{color:#333}.pf-note{font-size:11px;color:#555;margin-top:4px}.pf-section{display:flex;justify-content:space-between;background:#f0f0f0;border:1px solid #ddd;padding:5px 10px;font-weight:700;font-size:13px;margin:14px 0 8px}.pf-grid{border:1px solid #ddd;border-radius:4px;overflow:hidden}.pf-row{display:grid;grid-template-columns:1fr 1.3fr 1fr;border-bottom:1px solid #eee}.pf-row:last-child{border-bottom:none}.pf-row.wide{grid-template-columns:1fr 2.6fr}.pf-row>span{padding:6px 10px}.pf-en{color:#444;font-weight:600}.pf-val{font-weight:700;text-align:center;border-inline:1px solid #eee;min-height:30px}.pf-ar{color:#444;font-weight:600;text-align:end}.pf-para{margin:10px 2px;font-size:13px}.pf-para.small{font-size:11.5px;color:#333}.pf-para.rtl{direction:rtl;text-align:right}.pf-checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 2px}.pf-checks.col{flex-direction:column;gap:6px}.pf-check{display:flex;align-items:center;gap:7px;font-size:12.5px}.pf-box{width:15px;height:15px;border:1.5px solid #333;border-radius:3px;display:inline-grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}.pf-box.on{background:#111;color:#fff}.pf-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.pf-table th,.pf-table td{border:1px solid #ccc;padding:6px 8px;text-align:start}.pf-table th{background:#f0f0f0;font-weight:700}.pf-table.eval td:last-child,.pf-table.eval th:last-child{width:90px;text-align:center}.pf-total{margin:12px 2px;font-weight:700}.pf-signs{display:flex;flex-wrap:wrap;gap:26px 40px;margin-top:34px}.pf-sign{flex:1 1 180px;text-align:center}.pf-sign-line{border-top:1px solid #333;margin-bottom:6px;height:40px}.pf-sign-role{display:flex;flex-direction:column;font-size:12px;font-weight:600}.pf-sign-role span:last-child{color:#555}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.sidebar,.topbar,.bottom-nav,.nav-scrim,.no-print,.pf-manual{display:none!important}.layout,.main,.content{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.content{overflow:visible!important}.print-area{display:block!important}.print-sheet{width:auto!important;max-width:none!important;min-height:0!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.print-sheet,.print-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{border:none;background:#fff;padding:8px 12px;cursor:pointer;font-size:16px;color:var(--muted)}.seg button.on{background:var(--primary);color:#fff}.emp-tools{padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.emp-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.emp-filters input,.emp-filters select{flex:1 1 160px;min-width:140px;max-width:210px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--r-md);font-family:inherit;font-size:13.5px;background:#fff;height:40px;color:var(--text);transition:border .15s,box-shadow .15s}.emp-filters input:focus,.emp-filters select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.emp-filters input:first-child{flex:2 1 220px;max-width:320px}.emp-filters .btn{flex:0 0 auto;height:40px}.emp-io{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:12px}.emp-count{font-size:13px;color:var(--muted);margin-inline-end:auto}.btn.sm.outline{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.sm.outline:hover{background:var(--primary-soft);border-color:var(--primary)}.emp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.emp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .12s,box-shadow .12s}.emp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.emp-card-top{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.emp-ava{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.emp-ava.ph{display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-size:18px}.emp-card-id{flex:1;min-width:0}.emp-card-name{font-weight:700;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-actions{display:inline-flex;gap:6px;align-items:center}.cell-flex{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);transition:.15s;padding:0;flex-shrink:0}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn.view:hover{color:var(--primary-dark);border-color:var(--primary);background:var(--primary-soft)}.icon-btn.del:hover{color:var(--danger);border-color:#fecdca;background:#fef3f2}.emp-card-code{font-size:12.5px;color:var(--muted)}.emp-card-body{padding:12px 16px;display:grid;gap:7px}.emp-card-body>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.emp-card-body>div span{color:var(--muted)}.emp-card-body>div b{text-align:end}.emp-card-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:#fafbfc}.emp-form{display:flex;flex-direction:column;gap:16px}.fsec{padding:18px 20px;margin-bottom:0}.fsec-h{color:var(--text);font-size:13px;font-weight:800;margin-bottom:14px;padding-bottom:10px;padding-inline-start:11px;border-bottom:1px solid var(--border);position:relative}.fsec-h:before{content:"";position:absolute;inset-inline-start:0;top:1px;width:3px;height:15px;border-radius:3px;background:var(--primary)}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.fsec-total{margin-top:14px;background:var(--primary-soft);color:var(--primary-dark);padding:10px 14px;border-radius:10px;font-size:14px}.emp-form-actions{display:flex;gap:10px;position:sticky;bottom:0;background:var(--bg);padding:12px 0}.dt-head{display:flex;align-items:center;gap:18px;padding:20px 22px;margin-bottom:16px;flex-wrap:wrap}.dt-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--primary-soft)}.dt-photo.ph{display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-size:30px}.dt-head-info{flex:1;min-width:180px}.dt-name{font-size:17px;font-weight:800}.dt-sub{color:var(--muted);margin:4px 0 10px}.dt-badges{display:flex;gap:8px;flex-wrap:wrap}.dt-head-salary{text-align:center;padding-inline-start:18px;border-inline-start:1px solid var(--border)}.dt-salary-label{color:var(--muted);font-size:12.5px}.dt-salary-val{font-size:19px;font-weight:800;color:var(--primary-dark)}.dt-cols{columns:2;column-gap:16px}.dt-block{break-inside:avoid;display:inline-block;width:100%;padding:16px 18px}.dt-grid{display:grid;gap:8px}.dt-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.dt-row:last-child{border-bottom:none}.dt-k{color:var(--muted)}.dt-v{font-weight:600;text-align:end}@media (max-width: 720px){.dt-cols{columns:1}}.emp-file{display:block}.emp-file-menu{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:6px;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow-x:auto}.emp-file-tab{white-space:nowrap;padding:8px 14px;border-radius:var(--r-md);border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);transition:.15s}.emp-file-tab:hover{background:var(--surface-2);color:var(--text)}.emp-file-tab.on{background:var(--primary);color:#fff}.emp-file-body{min-width:0}.emp-file-body .dt-block,.emp-file-body .dt-child{margin:0}.dt-head-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-inline-start:18px;border-inline-start:1px solid var(--border)}.dt-head-btns{display:flex;gap:8px;flex-wrap:wrap}.dt-head-actions .dt-head-salary{text-align:start;padding:0;border:none}.dt-child{margin-top:16px}.dt-child-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--border)}.dt-child-form{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.dt-file-link{color:var(--primary);font-weight:700}.dt-file-link:hover{text-decoration:underline}.theme-teal{--acg1:#0d9488;--acg2:#0891b2}.theme-gold{--acg1:#a9762f;--acg2:#d0a45a}.theme-purple{--acg1:#6d28d9;--acg2:#db2777}.theme-rose{--acg1:#be123c;--acg2:#f0577f}.ac-svg{width:100%;height:100%;display:block}.ac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.ac-course{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s,box-shadow .18s}.ac-course:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.ac-course-art{position:relative;height:92px;background:linear-gradient(135deg,var(--acg1),var(--acg2));display:grid;place-items:center;padding:20px}.ac-course-art .ac-svg{width:200px;max-width:80%}.ac-course-icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.ac-course-num{position:absolute;top:14px;inset-inline-start:16px;width:34px;height:34px;border-radius:50%;background:#ffffff40;color:#fff;display:grid;place-items:center;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ac-course-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.ac-course-badge{align-self:flex-start;font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;background:var(--primary-soft);color:var(--primary-dark);margin-bottom:10px}.ac-course-badge.ok{background:#ecfdf5;color:#065f46}.ac-course-title{font-size:19px;font-weight:800}.ac-course-sub{color:var(--muted);font-size:13.5px;margin:6px 0 12px;flex:1}.ac-course-meta{display:flex;gap:16px;font-size:12.5px;color:var(--text);margin-bottom:12px}.ac-progress{background:#eef1f5;border-radius:20px;height:8px;overflow:hidden}.ac-progress-fill{height:100%;background:linear-gradient(90deg,var(--acg1, var(--primary)),var(--acg2, var(--primary-2)));border-radius:20px;transition:width .5s}.ac-course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px}.ac-course-pct{color:var(--muted)}.ac-course-go{color:var(--acg1);font-weight:800}body.ac-locked{overflow:hidden}.ac-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#f3f5f8;display:flex;flex-direction:column;direction:inherit}.ac-fs-top{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:2}.ac-fs-exit{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:16px;color:var(--text);flex-shrink:0}.ac-fs-exit:hover{background:#fee2e2;color:var(--danger);border-color:#fecaca}.ac-fs-title{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-fs-prog{flex:1;height:8px;background:#eef1f5;border-radius:20px;overflow:hidden}.ac-fs-prog-fill{height:100%;background:linear-gradient(90deg,var(--acg1),var(--acg2));border-radius:20px;transition:width .5s}.ac-fs-pct{font-size:12.5px;font-weight:800;color:var(--acg1);flex-shrink:0}.ac-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth}.ac-intro{position:relative;overflow:hidden;padding:44px 24px;background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff}.ac-blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ac-blob{position:absolute;border-radius:50%;background:#ffffff1f;filter:blur(6px);animation:acFloat 9s ease-in-out infinite}.ac-blob.b1{width:220px;height:220px;top:-60px;inset-inline-end:-40px}.ac-blob.b2{width:150px;height:150px;bottom:-40px;inset-inline-start:8%;animation-delay:1.5s}.ac-blob.b3{width:90px;height:90px;top:40%;inset-inline-start:40%;animation-delay:3s}@keyframes acFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.08)}}.ac-intro-inner{position:relative;max-width:760px;margin:0 auto;text-align:center;z-index:1}.ac-intro-art{width:200px;height:150px;margin:0 auto 14px;animation:acPop .6s cubic-bezier(.2,.8,.3,1.2)}.ac-intro-kicker{font-weight:700;opacity:.9}.ac-intro-title{font-size:34px;font-weight:900;margin:6px 0}.ac-intro-sub{font-size:16px;opacity:.95}.ac-intro-meta{display:flex;gap:20px;justify-content:center;margin:18px 0;font-size:14px;flex-wrap:wrap}.ac-cta{background:#fff;color:var(--acg1);border:none;border-radius:30px;padding:14px 34px;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px -12px #0006;transition:transform .12s,filter .15s}.ac-cta:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.03)}.ac-cta:disabled{opacity:.55;cursor:default}.ac-cta.sm{background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;padding:11px 24px;font-size:15px}.ac-syllabus-card{position:relative;z-index:1;max-width:760px;margin:22px auto 0;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:18px;padding:20px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ac-syllabus-card h3{font-size:16px;margin-bottom:12px}.ac-syllabus-list{list-style:none;display:grid;gap:8px}.ac-syllabus-list li{display:flex;align-items:center;gap:12px;padding:9px 12px;background:#ffffff1a;border-radius:10px;cursor:pointer;font-size:14px;transition:.12s}.ac-syllabus-list li:hover{background:#ffffff38}.ac-syllabus-list li.done{opacity:.85}.ac-syllabus-list li.quiz{font-weight:800}.ac-sy-n{width:26px;height:26px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.ac-learn{display:grid;grid-template-columns:280px 1fr;max-width:1200px;margin:0 auto}.ac-rail{border-inline-end:1px solid var(--border);background:#fff;padding:18px 12px;min-height:calc(100vh - 61px)}.ac-rail-close{display:none}.ac-rail-item{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--text);padding:10px 12px;border-radius:10px;margin-bottom:3px}.ac-rail-item:hover{background:#f3f5f8}.ac-rail-item.active{background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;font-weight:700}.ac-rail-n{width:24px;height:24px;border-radius:50%;background:#eef1f5;display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;color:var(--muted)}.ac-rail-item.active .ac-rail-n{background:#ffffff47;color:#fff}.ac-rail-item.done .ac-rail-n{background:#d1fae5;color:#065f46}.ac-rail-item.quiz{margin-top:8px;border-top:1px dashed var(--border);padding-top:14px;font-weight:700}.ac-syllabus-toggle{display:none}.ac-stage{padding:30px 40px 60px;max-width:820px;margin:0 auto;animation:acSlide .45s ease}@keyframes acSlide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ac-stage-hero{display:flex;align-items:center;gap:20px;margin-bottom:26px}.ac-stage-scene{width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,var(--acg1),var(--acg2));padding:14px;flex-shrink:0;box-shadow:0 12px 26px -12px var(--acg1)}.ac-scene-svg{width:100%;height:100%}.ac-stage-step{font-size:13px;font-weight:700;color:var(--acg1)}.ac-stage-title{font-size:27px;font-weight:900;margin-top:4px}.ac-stage-body{display:flex;flex-direction:column;gap:18px}.ac-stage-nav{display:flex;justify-content:space-between;margin-top:34px}.ac-in{opacity:0;animation:acIn .5s ease forwards}@keyframes acIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes acPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.ac-p{font-size:15.5px;line-height:1.95;color:var(--text)}.ac-quote{background:linear-gradient(135deg,#0d948814,#0891b20f);border-inline-start:4px solid var(--acg1, var(--primary));border-radius:12px;padding:18px 22px;font-size:16.5px;font-weight:600;color:var(--text)}.ac-quote-label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--acg1);margin-bottom:6px}.ac-stat{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;border-radius:18px;padding:22px 26px;box-shadow:0 14px 30px -14px var(--acg1)}.ac-stat-num{font-size:48px;font-weight:900;line-height:1}.ac-stat-txt{font-size:15.5px;font-weight:600}.ac-callout{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:15px 18px;font-size:14.5px;line-height:1.75;border:1px solid}.ac-callout-ico{font-size:20px;flex-shrink:0}.ac-callout.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.ac-callout.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.ac-callout.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.ac-callout.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ac-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.ac-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.ac-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px 16px;text-align:center;box-shadow:var(--shadow-sm);opacity:0;animation:acIn .5s ease forwards;transition:transform .15s,box-shadow .15s}.ac-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow)}.ac-card-ico{font-size:34px;margin-bottom:8px}.ac-card-title{font-weight:800;font-size:15px;margin-bottom:6px;color:var(--acg1)}.ac-card-desc{font-size:13px;color:var(--muted);line-height:1.65}.ac-dodont{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ac-dd{border-radius:16px;padding:18px;border:1px solid}.ac-dd.do{background:#ecfdf5;border-color:#a7f3d0}.ac-dd.dont{background:#fef2f2;border-color:#fecaca}.ac-dd-h{font-weight:800;font-size:14px;margin-bottom:10px}.ac-dd.do .ac-dd-h{color:#065f46}.ac-dd.dont .ac-dd-h{color:#991b1b}.ac-dd-item{font-size:13.5px;line-height:1.6;padding:7px 0;border-top:1px dashed rgba(0,0,0,.08)}.ac-timeline{display:flex;flex-direction:column}.ac-tl-item{display:flex;gap:16px;align-items:flex-start;opacity:0;animation:acIn .5s ease forwards}.ac-tl-item:not(:last-child) .ac-tl-badge:after{content:"";position:absolute;top:42px;inset-inline-start:50%;width:2px;height:calc(100% - 22px);background:linear-gradient(var(--acg1),transparent);transform:translate(-50%)}.ac-tl-badge{position:relative;flex-shrink:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--acg1),var(--acg2));box-shadow:0 8px 18px -8px var(--acg1)}.ac-tl-body{padding-bottom:22px}.ac-tl-title{font-weight:800;font-size:15.5px;color:var(--acg1)}.ac-tl-desc{font-size:14px;color:var(--text);line-height:1.75;margin-top:3px}.ac-quiz-wrap{padding:30px 20px 60px}.ac-quiz{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.ac-q{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);opacity:0;animation:acIn .5s ease forwards}.ac-q-title{font-size:15.5px;font-weight:700;margin-bottom:12px;line-height:1.6}.ac-q-opts{display:grid;gap:8px}.ac-opt{text-align:start;background:#f7f8fa;border:1.5px solid var(--border);border-radius:12px;padding:12px 15px;cursor:pointer;font-family:inherit;font-size:14px;transition:.12s}.ac-opt:hover:not(:disabled){border-color:var(--acg1);background:#fff}.ac-opt.chosen{border-color:var(--acg1);background:#0d948814;font-weight:700}.ac-opt.correct{border-color:var(--success);background:#ecfdf5;color:#065f46;font-weight:700}.ac-opt.wrong{border-color:var(--danger);background:#fef2f2;color:#991b1b}.ac-fail{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:14px 18px;border-radius:12px;font-weight:600}.ac-cert-wrap{max-width:720px;margin:40px auto;padding:0 20px}.ac-cert{position:relative;background:linear-gradient(135deg,#fffdf8,#fff);border:3px double var(--acg1);border-radius:18px;padding:44px 40px;text-align:center;box-shadow:var(--shadow-lg);animation:acPop .6s cubic-bezier(.2,.8,.3,1.2)}.ac-cert-seal{font-size:64px;animation:acFloat 3s ease-in-out infinite}.ac-cert-h{font-size:27px;font-weight:900;color:var(--acg1);letter-spacing:1px;margin-top:6px}.ac-cert-sub{color:var(--muted);margin:14px 0 6px}.ac-cert-name{font-size:32px;font-weight:800;color:var(--text);border-bottom:2px solid rgba(13,148,136,.2);display:inline-block;padding:0 24px 8px;margin-bottom:14px}.ac-cert-course{font-size:18px;font-weight:700;color:var(--acg1)}.ac-cert-score{margin-top:10px;font-weight:700;color:var(--success)}.ac-cert-date{color:var(--muted);font-size:13px;margin-top:6px}.ac-cert-brand{margin-top:22px;font-weight:800;letter-spacing:2px;color:var(--acg1);font-size:14px}@media (max-width: 860px){.ac-learn{grid-template-columns:1fr}.ac-rail{position:fixed;inset:61px auto 0 0;width:280px;transform:translate(-100%);transition:transform .25s;z-index:5;box-shadow:var(--shadow-lg)}html[dir=rtl] .ac-rail{inset:61px 0 0 auto;transform:translate(100%)}.ac-rail.open{transform:translate(0)!important}.ac-rail-close{display:block;margin-inline-start:auto;background:none;border:none;font-size:18px;cursor:pointer;margin-bottom:8px}.ac-syllabus-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary-dark);border:none;border-radius:20px;padding:8px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;margin-bottom:18px}.ac-stage{padding:22px 18px 60px}.ac-intro-title{font-size:26px}.ac-stat-num{font-size:38px}.ac-dodont{grid-template-columns:1fr}}.ac-fs-lang{flex-shrink:0;min-width:52px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:13px;font-weight:800;color:var(--acg1);font-family:inherit;transition:.15s}.ac-fs-lang:hover{background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;border-color:transparent}@media print{.ac-fs-top,.no-print{display:none!important}.ac-fs{position:static}}.ac-stage-banner{border-radius:20px;overflow:hidden;margin-bottom:18px;box-shadow:0 18px 40px -22px var(--acg1);animation:acPop .5s ease}.ac-scene-art{display:block;width:100%;height:auto;max-height:220px}.ac-kp{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ac-kp-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;opacity:0;animation:acIn .5s ease forwards;box-shadow:var(--shadow-sm)}.ac-kp-ico{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:11px;background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;box-shadow:0 8px 18px -10px var(--acg1)}.ac-kp-title{font-weight:800;font-size:15px;color:var(--text)}.ac-kp-desc{font-size:13.5px;color:var(--muted);line-height:1.7;margin-top:3px}@media (max-width: 700px){.ac-kp{grid-template-columns:1fr}}.home-grid{display:grid;grid-template-columns:1fr minmax(300px,360px);gap:20px;align-items:start}.home-checkin{min-width:0}.home-side{display:flex;flex-direction:column;gap:16px}.home-today{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow)}.home-today .ht-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.home-today .ht-lbl{font-size:12px;color:#fffc;font-weight:600}.home-today .ht-status{font-size:22px;font-weight:800;margin-top:3px}.home-today .ht-date{border:1px solid rgba(255,255,255,.25)}.home-today .ht-io{display:flex;gap:12px}.home-today .ht-io>div{flex:1;background:#ffffff21;border-radius:var(--r-md);padding:11px 12px;text-align:center}.home-today .ht-io span{display:block;font-size:11.5px;color:#ffffffd1;margin-bottom:4px}.home-today .ht-io b{font-size:19px;font-variant-numeric:tabular-nums}.home-today .ht-cta{margin-top:16px;width:100%}.home-today .ht-cta:hover{filter:brightness(1.04)}.notif-card{padding:18px 20px}.notif-card h3{font-size:14px;font-weight:800;margin-bottom:14px}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.6;border:1px solid}.notif-item .ni-ic{font-size:16px;flex-shrink:0;line-height:1.5}.notif-item.warn{background:#fffaeb;border-color:#fedf89;color:#b54708}.notif-item.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.notif-item.ok{background:#ecfdf3;border-color:#abefc6;color:#067647}.home-month{padding:18px 20px}.home-month .hm-title{font-weight:800;font-size:14px;margin-bottom:14px}.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hm-stats>div{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 6px}.hm-stats b{display:block;font-size:22px;font-weight:800;color:var(--primary-dark);font-variant-numeric:tabular-nums}.hm-stats span{font-size:11px;color:var(--muted);line-height:1.35}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-2);font-size:12.5px;font-weight:700;box-shadow:var(--shadow-sm);transition:.15s}.quick-link:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft);transform:translateY(-2px)}.quick-link .ql-ic{width:26px;height:26px;color:var(--primary);display:grid;place-items:center}.quick-link .ql-ic svg{width:24px;height:24px}.quick-link .ql-badge{position:absolute;top:8px;inset-inline-end:8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:800;display:grid;place-items:center}@media (max-width: 900px){.home-grid{grid-template-columns:1fr}.home-checkin{max-width:460px;margin-inline:auto;width:100%}}.checkin-wrap{display:flex;justify-content:center;padding:12px}.checkin-wrap.embedded{padding:0;justify-content:center;margin:0}.checkin-wrap.embedded .checkin-card{max-width:460px}.checkin-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:100%;max-width:420px;box-shadow:var(--shadow);overflow:hidden}.ck-hero{background:linear-gradient(160deg,var(--primary),var(--primary-dark));color:#fff;padding:24px 20px 20px;text-align:center}.ck-hero-ava{width:76px;height:76px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;border:3px solid rgba(255,255,255,.5);box-shadow:0 8px 20px -8px #0006}.ck-hero-ava.ph{display:grid;place-items:center;font-weight:800;font-size:26px;background:#ffffff2e;color:#fff}.ck-hero-name{font-size:18px;font-weight:800;letter-spacing:-.2px}.ck-hero-code{font-size:12.5px;opacity:.85;margin-top:3px}.ck-body{padding:20px}.ck-clock{text-align:center;margin-bottom:18px}.ck-date{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:4px}.ck-time{font-size:34px;font-weight:800;letter-spacing:-.5px;color:var(--text);font-variant-numeric:tabular-nums}.ck-video{position:relative;width:200px;height:200px;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:#0f172a;border:4px solid #fff;box-shadow:0 12px 30px -14px #10182880,0 0 0 1px var(--border)}.ck-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.ck-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.ck-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.ck-ok{background:#dcfce7;color:#15803d;padding:12px 14px;border-radius:12px;text-align:center;font-weight:700;margin-bottom:12px}.ck-busy{text-align:center;color:var(--muted);margin-bottom:12px}.ck-today{display:flex;justify-content:space-between;background:#f6f7fb;padding:13px 16px;border-radius:12px;margin-bottom:14px;font-size:14px}.ck-btn{width:100%;padding:16px 0;margin-bottom:12px;border:none;border-radius:14px;font-size:17px;font-weight:800;font-family:inherit;cursor:pointer;color:#fff;transition:.15s}.ck-btn.primary{background:var(--primary);box-shadow:var(--shadow)}.ck-btn.primary:not(:disabled):hover{background:var(--primary-dark)}.ck-btn.out{background:var(--danger)}.ck-btn:disabled{opacity:.5;cursor:not-allowed}.ck-btn:not(:disabled):hover{filter:brightness(1.06)}@media (max-width: 860px){.sidebar{position:fixed;top:0;right:0;left:auto;z-index:46;transform:translate(100%);width:78%;max-width:300px;height:100vh;transition:transform .22s ease;box-shadow:var(--shadow-lg)}html[dir=ltr] .sidebar{right:auto;left:0;transform:translate(-100%)}.layout.nav-open .sidebar{transform:translate(0)!important}.layout.nav-collapsed .sidebar{width:78%}.nav-open .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:35}.hamburger{display:none}.topbar{padding:9px 12px;gap:8px}.topbar-title{display:block;font-size:13px}.content{padding:14px 12px 82px}.row2{grid-template-columns:1fr}.user-meta,.user-btn .caret-sm{display:none}.lang-btn,.avatar,.avatar-img{width:34px;height:34px}h1{font-size:17px}h2{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.stat-card{padding:13px}.stat-card .label{font-size:11.5px;margin-bottom:5px}.stat-card .value{font-size:19px}.card{border-radius:14px;margin-bottom:16px}.card-head{padding:13px 15px}th,td{padding:9px 10px;font-size:12.5px}.btn{padding:11px 16px;font-size:13.5px}.modal{padding:18px;border-radius:16px}.toolbar{gap:8px}.toolbar h1{width:100%;margin-left:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;z-index:45;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;justify-content:space-around;box-shadow:0 -6px 18px -10px #0f172a40}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--muted);text-decoration:none}.bottom-nav .bn-icon{line-height:1;display:grid;place-items:center}.bottom-nav .bn-icon svg{width:22px;height:22px;display:block}.bottom-nav .bn-lbl{font-size:9.5px;font-weight:700}.bottom-nav a.active{color:var(--primary)}.bottom-nav a.active .bn-icon{transform:scale(1.12)}.bottom-nav .bn-home{flex:0 0 auto;width:58px;height:58px;margin-top:-22px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 20px -6px var(--primary);border:4px solid var(--surface);justify-content:center}.bottom-nav .bn-home .bn-icon svg{width:26px;height:26px}.bottom-nav .bn-home.active{color:#fff}.bottom-nav .bn-home.active .bn-icon{transform:scale(1.05)}}@media (max-width: 340px){.stats-grid{grid-template-columns:1fr}}.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:18px 0 6px}.pager-num,.pager-btn{min-width:34px;height:34px;padding:0 12px;border:1px solid var(--border);background:#fff;color:var(--text-2);border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .15s}.pager-num:hover,.pager-btn:not(:disabled):hover{border-color:var(--primary);color:var(--primary)}.pager-num.on{background:var(--primary);color:#fff;border-color:var(--primary)}.pager-btn:disabled{opacity:.4;cursor:default}.pager-gap{padding:0 4px;color:var(--muted);align-self:flex-end}.cw-fab{position:fixed;top:50%;z-index:6000;direction:ltr;display:flex;align-items:center;gap:9px;height:50px;padding:0 16px;border:none;cursor:pointer;color:#fff;line-height:0;background:linear-gradient(135deg,var(--primary),#6a3fb5);box-shadow:0 10px 26px #04518c59;opacity:.5;transition:transform .42s cubic-bezier(.2,.85,.25,1),opacity .35s ease,box-shadow .35s ease}.cw-fab-core{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;animation:cwFloat 3s ease-in-out infinite}.cw-fab-label{font-weight:800;font-size:12.5px;letter-spacing:.6px;white-space:nowrap}.cw-fab.side-left{left:0;border-radius:0 26px 26px 0;flex-direction:row-reverse;transform:translateY(-50%) translate(-64%)}.cw-fab.side-right{right:0;border-radius:26px 0 0 26px;flex-direction:row;transform:translateY(-50%) translate(64%)}.cw-fab.side-left:hover,.cw-fab.side-left.near,.cw-fab.side-left.open,.cw-fab.side-right:hover,.cw-fab.side-right.near,.cw-fab.side-right.open{transform:translateY(-50%) translate(0);opacity:1;box-shadow:0 14px 34px #6a3fb580}.cw-fab.open{width:48px;height:48px;padding:0;border-radius:50%!important;justify-content:center}.cw-fab.open .cw-fab-label{display:none}.cw-fab.side-left.open{transform:translateY(-50%) translate(12px)}.cw-fab.side-right.open{transform:translateY(-50%) translate(-12px)}.cw-fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 #785adc80;animation:cwGlow 2.6s ease-out infinite}.cw-fab.open:after{animation:none}@keyframes cwGlow{0%{box-shadow:0 0 #785adc73}70%{box-shadow:0 0 0 12px #785adc00}to{box-shadow:0 0 #785adc00}}@keyframes cwFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.cw-fab-core,.cw-fab:after{animation:none}}.cw-panel{position:fixed;top:50%;transform:translateY(-50%);z-index:6000;width:370px;max-width:calc(100vw - 28px);height:540px;max-height:calc(100vh - 90px);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #00000047;display:flex;flex-direction:column;overflow:hidden}.cw-panel.side-left{left:86px}.cw-panel.side-right{right:86px}.cw-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:var(--primary);color:#fff}.cw-title{font-weight:700;font-size:14px}.cw-x{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.85}.cw-x:hover{opacity:1}.cw-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f6f8fb}.cw-hint{color:var(--muted);font-size:12.5px;text-align:center;margin:auto 8px;line-height:1.8}.cw-msg{max-width:85%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.cw-msg.user{align-self:flex-start;background:var(--primary);color:#fff;border-end-start-radius:4px}.cw-msg.bot{align-self:flex-end;background:#fff;color:var(--text);border:1px solid var(--border);border-end-end-radius:4px}.cw-msg.err{align-self:flex-end;background:#fdecec;color:#b42318;border:1px solid #f7c9c9}.cw-typing{letter-spacing:3px}.cw-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border);background:#fff}.cw-input input{flex:1;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:13px;font-family:inherit}.cw-input input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.cw-send{border:none;background:var(--primary);color:#fff;width:42px;border-radius:12px;cursor:pointer;font-size:15px}.cw-send:disabled{opacity:.5;cursor:default}@media (max-width: 600px){.cw-panel,.cw-panel.side-left,.cw-panel.side-right{left:8px;right:8px;width:auto;max-width:none;height:calc(100vh - 110px)}}@media (hover: none){.cw-fab{opacity:.85}.cw-fab.side-left{transform:translateY(-50%) translate(-44%)}.cw-fab.side-right{transform:translateY(-50%) translate(44%)}.cw-fab.side-left.open{transform:translateY(-50%) translate(12px)}.cw-fab.side-right.open{transform:translateY(-50%) translate(-12px)}}.cw-welcome{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;width:100%}.cw-welcome-title{font-weight:800;font-size:16px;color:var(--text)}.cw-welcome-sub{font-size:12px;color:var(--muted);margin-bottom:10px;text-align:center}.cw-menu{display:flex;flex-direction:column;gap:8px;width:100%}.cw-menu-item{display:flex;align-items:center;gap:11px;width:100%;text-align:start;padding:11px 13px;border:1px solid var(--border);background:#fff;border-radius:13px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text);transition:all .15s}.cw-menu-item:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px);box-shadow:0 4px 12px #04518c1a}.cw-menu-item:disabled{opacity:.55;cursor:default}.cw-menu-ic{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border-radius:9px;font-size:16px}.cw-menu-tx{flex:1}.cw-menu-arrow{color:var(--muted);font-size:18px;font-weight:700}.install-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary-dark);border-radius:10px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;transition:all .15s}.install-btn:hover{background:var(--primary);color:#fff}@media (max-width: 600px){.install-btn span{display:none}.install-btn{padding:0 9px}}.install-ios{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}.install-ios-card{background:#fff;border-radius:16px;padding:20px;max-width:340px;width:100%;box-shadow:0 20px 50px #0000004d}.install-ios-title{font-weight:800;font-size:15px;margin-bottom:12px}.install-ios-steps{margin:0 0 14px;padding-inline-start:20px;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.7;color:var(--text-2)}@supports (padding: env(safe-area-inset-top)){.topbar{padding-top:calc(11px + env(safe-area-inset-top))}.sidebar{padding-top:calc(14px + env(safe-area-inset-top))}}@media (max-width: 900px){.bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}.cw-home{background:#ffffff2e;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;margin-inline-start:auto;margin-inline-end:8px;transition:background .15s}.cw-home:hover{background:#ffffff4d}.section-title{font-size:15px;font-weight:800;color:var(--text);margin:22px 4px 12px}.doc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.doc-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.doc-card-ic{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--primary-soft);border-radius:12px}.doc-card-label{font-size:12.5px;color:var(--muted);font-weight:600}.doc-card-no{font-size:16px;font-weight:800;color:var(--text);letter-spacing:.3px;margin:2px 0}.doc-card-exp{font-size:12px;color:var(--text-2)}.emp-home{display:flex;flex-direction:column;gap:16px}.eh-greet{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.eh-greet h1{margin:0;font-size:20px}.eh-date{color:var(--muted);font-size:13px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:15px 14px;display:flex;flex-direction:column;gap:3px;position:relative;text-decoration:none;color:inherit}.kpi-tile.linked{cursor:pointer;transition:transform .15s,box-shadow .15s}.kpi-tile.linked:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1a}.kpi-ic{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:11px;margin-bottom:6px;background:var(--k-soft, #eef2f7)}.kpi-val{font-size:26px;font-weight:800;line-height:1.05;color:var(--k, var(--text));letter-spacing:-.5px}.kpi-lbl{font-size:12.5px;color:var(--text-2);font-weight:600}.kpi-sub{font-size:11.5px;color:var(--muted)}.tone-green{--k: #0f9d58;--k-soft: #e5f6ec}.tone-blue{--k: #04518C;--k-soft: #e6f0f8}.tone-amber{--k: #c77700;--k-soft: #fdf1dd}.tone-red{--k: #d33a3a;--k-soft: #fbe7e7}.tone-violet{--k: #6a3fb5;--k-soft: #efe8fa}.eh-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}.next-shift h3,.notif-card h3,.mgr-roster h3{margin:0 0 12px;font-size:15px}.ns-body{display:flex;flex-direction:column;gap:6px}.ns-date{font-size:17px;font-weight:800;color:var(--text)}.ns-time{font-size:13px;color:var(--text-2);margin-bottom:6px}.roster-scroll{max-height:360px;overflow:auto}.mgr-actions{display:flex;flex-direction:column;gap:8px}.mgr-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;text-decoration:none;color:var(--text);font-weight:600;font-size:13.5px;transition:all .15s}.mgr-action:hover{border-color:var(--primary);background:var(--primary-soft)}.mgr-branches{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.mb-title{font-size:12.5px;color:var(--muted);font-weight:700;margin-bottom:8px}.mb-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}@media (max-width: 860px){.eh-cols{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.kpi-val{font-size:23px}}.theme-blue{--acg1:#0a63b0;--acg2:#3b9ae0}.theme-green{--acg1:#0f9d58;--acg2:#43c67e}.theme-orange{--acg1:#d2691e;--acg2:#f0a95a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.grid2{grid-template-columns:1fr}}.emoji-row,.theme-row{display:flex;flex-wrap:wrap;gap:6px}.emoji-pick{width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:9px;font-size:18px;cursor:pointer}.emoji-pick.on{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.05)}.theme-pick{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:linear-gradient(135deg,var(--acg1),var(--acg2))}.theme-pick.on{border-color:var(--text);transform:scale(1.15)}.cover-prev{margin-top:8px;height:90px;border-radius:10px;background-size:cover;background-position:center;position:relative}.cover-x{position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer}.lesson-edit{border:1px solid var(--border);border-radius:10px;padding:10px;margin-top:8px;background:var(--bg);display:flex;flex-direction:column;gap:7px}.lesson-edit-head{display:flex;justify-content:space-between;font-weight:700;font-size:13px}.lesson-rm{border:none;background:#fbe7e7;color:#b91c1c;width:24px;height:24px;border-radius:6px;cursor:pointer}.tp-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tp-admin-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.tp-admin-cover{height:96px;background:linear-gradient(135deg,var(--acg1),var(--acg2));background-size:cover;background-position:center;display:grid;place-items:center;position:relative}.tp-admin-emoji{font-size:38px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.tp-draft{position:absolute;top:8px;inset-inline-start:8px;background:#0009;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px}.tp-admin-body{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.tp-admin-sub{font-size:12.5px;color:var(--muted)}.tp-admin-meta{font-size:12px;color:var(--text-2);margin:2px 0 8px}.tp-admin-actions{display:flex;gap:8px}.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:8px}.tp-card{text-align:start;padding:0;border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);font-family:inherit;color:inherit;opacity:0;transform:translateY(16px);animation:tpIn .5s cubic-bezier(.2,.8,.25,1) forwards;transition:transform .2s,box-shadow .2s}.tp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}@keyframes tpIn{to{opacity:1;transform:none}}.tp-cover{height:130px;background:linear-gradient(135deg,var(--acg1),var(--acg2));background-size:cover;background-position:center;position:relative;display:grid;place-items:center;overflow:hidden}.tp-cover-emoji{font-size:54px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));animation:tpFloat 4s ease-in-out infinite}@keyframes tpFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(4deg)}}.tp-cover-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%);pointer-events:none}.tp-cover:after{content:"";position:absolute;top:-60%;inset-inline-start:-30%;width:60%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(18deg);transition:inset-inline-start .6s}.tp-card:hover .tp-cover:after{inset-inline-start:130%}.tp-status{position:absolute;top:12px;inset-inline-end:12px;background:#ffffffe6;color:#7a5b12;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tp-status.ok{background:#ecfdf5;color:#065f46}.tp-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.tp-card-title{font-size:17px;font-weight:800}.tp-card-sub{color:var(--muted);font-size:13px}.tp-card-meta{display:flex;gap:14px;font-size:12.5px;color:var(--text-2);margin:8px 0}.tp-card-go{color:var(--acg1);font-weight:800;font-size:13.5px}.tp-section-h{font-size:17px;margin:26px 0 10px}.tp-viewer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6500;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s}.tp-viewer{width:640px;max-width:100%;max-height:92vh;overflow:auto;background:var(--surface);border-radius:20px;box-shadow:0 24px 60px #0006;animation:tpPop .3s cubic-bezier(.2,.9,.3,1)}@keyframes tpPop{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.tp-viewer-cover{height:180px;background:linear-gradient(135deg,var(--acg1),var(--acg2));background-size:cover;background-position:center;position:relative;display:grid;place-items:center}.tp-viewer-emoji{font-size:66px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.tp-viewer-x{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:16px;cursor:pointer}.tp-viewer-head{position:absolute;inset-inline:0;bottom:0;padding:16px 20px;background:linear-gradient(transparent,#0000008c);color:#fff}.tp-viewer-head h2{font-size:21px;margin:0}.tp-viewer-head span{font-size:13px;opacity:.9}.tp-viewer-body{padding:18px 20px 20px}.tp-viewer-desc{color:var(--text-2);line-height:1.8;margin-bottom:14px}.tp-lessons{display:flex;flex-direction:column;gap:8px}.tp-lesson{border:1px solid var(--border);border-radius:12px;overflow:hidden}.tp-lesson.open{border-color:var(--acg1)}.tp-lesson-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg);border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;color:var(--text);text-align:start}.tp-lesson-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--acg1),var(--acg2));color:#fff;display:grid;place-items:center;font-size:13px}.tp-lesson-t{flex:1}.tp-lesson-c{transition:transform .2s;color:var(--muted)}.tp-lesson.open .tp-lesson-c{transform:rotate(180deg)}.tp-lesson-body{padding:4px 16px 16px 52px;color:var(--text-2);line-height:1.85;font-size:13.5px;animation:tpExpand .25s ease}@keyframes tpExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tp-viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.tp-done-badge{color:#065f46;font-weight:800;background:#ecfdf5;padding:8px 14px;border-radius:10px}