:root{--bg:#eff6ff;--panel:#ffffffef;--line:#b9d9f7;--line2:#dbeafe;--sky:#2563eb;--sky2:#0ea5e9;--text:#0f172a;--muted:#64748b;--good:#10b981;--warn:#f97316;--danger:#e11d48;--shadow:0 18px 48px rgba(37,99,235,.08);}
:root{--keyboard-offset:0px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}
body{margin:0;width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,rgba(96,165,250,.35),rgba(191,219,254,.75) 28%,#dbeafe 60%,#eff6ff 100%);color:var(--text)}
body.app-booting{overflow-x:hidden;overflow-y:auto}
body.app-booting header,body.app-booting main{opacity:1;transform:none;pointer-events:auto}
body.app-ready header,body.app-ready main{animation:appShellIn .65s cubic-bezier(.2,.8,.2,1) forwards}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 14px}
.splash-screen{position:fixed;inset:0;z-index:120;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.18),transparent 24%),radial-gradient(circle at 82% 22%,rgba(239,68,68,.10),transparent 20%),linear-gradient(180deg,#030b16 0%,#061a33 40%,#0b2d57 100%);display:grid;place-items:center;overflow:hidden;transition:opacity .55s ease,visibility .55s ease,transform .55s ease}
body.app-ready .splash-screen{opacity:0;visibility:hidden;transform:scale(1.02);pointer-events:none}
.splash-poster-shell{position:relative;width:min(100vw,980px);height:min(100vh,1720px);display:grid;place-items:center;padding:18px;animation:splashPanelIn .82s cubic-bezier(.16,1,.3,1) forwards}
.splash-poster-glow{position:absolute;border-radius:999px;filter:blur(36px);opacity:.7;pointer-events:none}
.splash-poster-glow-a{width:42vw;height:42vw;max-width:440px;max-height:440px;left:-8%;top:8%;background:radial-gradient(circle,rgba(59,130,246,.36),transparent 70%);animation:orbitFloat 7.5s ease-in-out infinite}
.splash-poster-glow-b{width:34vw;height:34vw;max-width:340px;max-height:340px;right:-6%;bottom:10%;background:radial-gradient(circle,rgba(251,191,36,.22),transparent 70%);animation:orbitFloat 6.2s ease-in-out infinite reverse}
.splash-poster-frame{position:relative;width:min(94vw,860px);max-height:calc(100vh - 36px);border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(2,6,23,.52),0 0 0 1px rgba(125,211,252,.08) inset;background:#06182d}
.splash-poster-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 14%,transparent 84%,rgba(2,6,23,.24));pointer-events:none}
.splash-poster{display:block;width:100%;height:100%;max-height:calc(100vh - 36px);object-fit:contain;animation:splashPosterFloat 3.2s ease-in-out infinite}
.splash-logo-shell{position:relative;width:min(92vw,520px);display:grid;place-items:center;animation:splashPanelIn .78s cubic-bezier(.16,1,.3,1) forwards}
.splash-orbit{position:absolute;border-radius:999px;filter:blur(22px);pointer-events:none}
.splash-orbit-a{width:320px;height:320px;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 68%);animation:orbitFloat 7s ease-in-out infinite}
.splash-orbit-b{width:210px;height:210px;right:0;bottom:0;background:radial-gradient(circle,rgba(250,204,21,.22),transparent 68%);animation:orbitFloat 5.8s ease-in-out infinite reverse}
.splash-logo-card{position:relative;display:grid;justify-items:center;gap:12px;width:min(90vw,420px);padding:32px 24px;border-radius:34px;border:1px solid rgba(191,219,254,.24);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:0 30px 80px rgba(2,6,23,.46),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.splash-logo{width:min(58vw,240px);height:min(58vw,240px);object-fit:contain;filter:drop-shadow(0 24px 34px rgba(2,6,23,.46));animation:splashLogoPulse 2.35s ease-in-out infinite}
.splash-title{font-size:20px;font-weight:900;letter-spacing:.08em;color:#f8fafc;text-align:center;text-shadow:0 12px 30px rgba(0,0,0,.35)}
.splash-subtitle{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#bae6fd}
.splash-rails{width:78%;display:grid;gap:8px;margin-top:4px}
.splash-rails span{height:7px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(125,211,252,.9),rgba(255,255,255,.12));animation:railPulse 1.25s ease-in-out infinite}
.splash-rails span:nth-child(2){animation-delay:.18s}.splash-rails span:nth-child(3){animation-delay:.36s}
header{position:sticky;top:0;z-index:50;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.96) 52%,rgba(219,234,254,.9));backdrop-filter:blur(16px);border-bottom:1px solid rgba(147,197,253,.58);box-shadow:0 12px 34px rgba(15,23,42,.06)}
header::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(37,99,235,.10) 0 1px,transparent 1px 24px),linear-gradient(135deg,rgba(14,165,233,.14),transparent 38%,rgba(248,113,113,.08));opacity:.52}
.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:132px;padding:14px 0 18px;isolation:isolate}
.topbar::before{content:"";position:absolute;inset:0 -18px 6px -18px;z-index:0;pointer-events:none;opacity:.94;border-radius:0 0 22px 22px;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 24%,rgba(255,255,255,.5) 49%,rgba(255,255,255,.08) 72%),url("images/header_banner.png") center center/cover no-repeat;filter:saturate(1.04)}
.topbar>*{position:relative;z-index:1}
.topbar::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;z-index:1;height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(29,78,216,.18),rgba(14,165,233,.95),rgba(248,113,113,.72),rgba(250,204,21,.88),rgba(14,165,233,.95),rgba(29,78,216,.18));background-size:220% 100%;opacity:.82;animation:topbarRailFlow 5.5s linear infinite;box-shadow:0 8px 20px rgba(37,99,235,.14)}
.topbar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.topbar-slogan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);padding:8px 18px;border:1px solid rgba(59,130,246,.20);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(219,234,254,.92));box-shadow:0 16px 34px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.82);color:#1d4ed8;font-size:13px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.topbar-slogan.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.menu-toggle{width:42px;height:42px;border:1px solid rgba(185,217,247,.8);border-radius:14px;background:rgba(255,255,255,.78);display:grid;place-items:center;gap:4px;padding:0;cursor:pointer;box-shadow:none}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#1e3a8a}
.brand{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 14px 6px 0;border-radius:24px}
.brand img{width:112px;height:112px;border-radius:0;object-fit:contain;border:none;background:transparent;padding:0;box-shadow:none;filter:drop-shadow(0 18px 28px rgba(15,23,42,.18))}
.brand h1{margin:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:grid;gap:3px}
.brand h1 span{overflow:hidden;text-overflow:ellipsis}
.brand h1 small{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8;line-height:1.15;overflow:hidden;text-overflow:ellipsis}
.topbar-slogan{display:none}
.brand-home{border:none;background:transparent;padding:0;cursor:pointer;text-align:left}
.topbar-session-logout{position:relative;z-index:1;border:1px solid rgba(37,99,235,.20);border-radius:999px;background:linear-gradient(135deg,#ffffff,#eff6ff);color:#1d4ed8;font-size:12px;font-weight:950;letter-spacing:.03em;padding:10px 14px;box-shadow:0 12px 24px rgba(37,99,235,.10);cursor:pointer;white-space:nowrap}
.topbar-session-logout:hover{border-color:rgba(37,99,235,.38);box-shadow:0 16px 30px rgba(37,99,235,.14)}
body.android-webview .web-menu-toggle{display:none}
@keyframes topbarRailFlow{0%{background-position:0 0}100%{background-position:220% 0}}
.nav-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-weight:800;color:#334155;cursor:pointer;transition:.18s}
.nav-btn.active{background:var(--sky);border-color:var(--sky);color:#fff}
.nav-drawer-shell{position:fixed;inset:0;z-index:90;pointer-events:none}
.nav-drawer-backdrop{position:absolute;inset:0;border:none;background:rgba(15,23,42,.42);opacity:0;transition:opacity .25s ease;cursor:pointer}
.nav-drawer{position:absolute;left:0;top:0;height:100%;width:min(84vw,340px);background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);border-right:1px solid var(--line);box-shadow:22px 0 60px rgba(15,23,42,.16);padding:18px 16px calc(24px + var(--android-bottom-inset, 0px));display:grid;align-content:start;gap:18px;transform:translateX(-103%);transition:transform .28s ease}
body.nav-open .nav-drawer-shell{pointer-events:auto}
body.nav-open .nav-drawer-backdrop{opacity:1}
body.nav-open .nav-drawer{transform:translateX(0)}
body.nav-open{overflow-x:hidden;overflow-y:auto}
.nav-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.nav-drawer-head h3{margin:4px 0 0 0;font-size:28px}
.nav-drawer-menu{display:grid;gap:10px}
.nav-drawer-menu .nav-btn{width:100%;text-align:left;border-radius:18px;padding:14px 16px}
.nav-drawer-session{display:grid;gap:8px;padding:12px;border:1px solid rgba(191,219,254,.82);border-radius:20px;background:linear-gradient(135deg,#eff6ff,#ffffff);box-shadow:0 12px 26px rgba(37,99,235,.08)}
.nav-logout-btn{width:100%;border:1px solid rgba(225,29,72,.22);border-radius:16px;background:linear-gradient(135deg,#fff7f7,#fff);color:#be123c;font-weight:950;padding:13px 14px;cursor:pointer;box-shadow:0 10px 22px rgba(225,29,72,.08)}
.nav-logout-btn:hover{border-color:rgba(225,29,72,.42);box-shadow:0 14px 28px rgba(225,29,72,.12)}
.nav-btn-social{display:flex;align-items:center;gap:10px}
.nav-mini-icon{width:32px;height:32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:950;letter-spacing:.06em;box-shadow:0 10px 22px rgba(37,99,235,.10)}
.nav-social-icons{width:38px;height:32px;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2px;padding:4px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;box-shadow:0 10px 22px rgba(37,99,235,.10)}
.nav-social-icons span{height:22px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:950;letter-spacing:0;background:#1877f2}
.nav-social-icons span:nth-child(2){background:#ef4444;font-size:8px}
.nav-social-icons span:nth-child(3){background:linear-gradient(135deg,#f97316,#db2777);font-size:7px;text-transform:uppercase}
.nav-drawer-legal{display:grid;gap:8px;padding:12px;border:1px solid rgba(191,219,254,.78);border-radius:18px;background:linear-gradient(135deg,#f8fbff,#ffffff)}
.nav-drawer-legal a{color:#33527a;font-size:12px;font-weight:900;text-decoration:none}
.nav-drawer-legal a:hover{color:#1d4ed8;text-decoration:underline}
main{padding:18px 0 28px}
.section{display:none}
.section.active{display:block;animation:sectionLift .42s cubic-bezier(.2,.8,.2,1)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.hero{padding:14px}
.hero h2{margin:0;font-size:48px;line-height:1;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,#0f172a 0%,#1d4ed8 50%,#0ea5e9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 24px rgba(37,99,235,.08)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hero-head h2{margin:0}
.home-panel{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.96) 0%,rgba(239,246,255,.98) 56%,rgba(219,234,254,.92) 100%)}
.home-glow{position:absolute;border-radius:999px;filter:blur(12px);opacity:.55;pointer-events:none}
.home-glow-a{width:220px;height:220px;right:-40px;top:-34px;background:radial-gradient(circle,rgba(56,189,248,.42),transparent 70%)}
.home-glow-b{width:180px;height:180px;left:-36px;bottom:-24px;background:radial-gradient(circle,rgba(37,99,235,.26),transparent 70%)}
.home-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:12px;align-items:center}
.home-copy{display:grid;gap:14px;position:relative;z-index:1}
.home-lead{max-width:660px;margin:0;color:#475569;font-size:clamp(17px,2.1vw,22px);line-height:1.55;font-weight:700}
.home-kicker-row{display:flex;align-items:center;gap:12px;justify-content:flex-start;flex-wrap:wrap}
.home-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(185,217,247,.9);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#0f4aa7}
.home-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.home-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(185,217,247,.88);font-size:12px;font-weight:900;color:#334155;box-shadow:0 10px 26px rgba(37,99,235,.06)}
.home-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-btn{border:none;border-radius:18px;padding:14px 18px;font-weight:900;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;cursor:pointer;box-shadow:0 18px 32px rgba(37,99,235,.18)}
.hero-btn.secondary{background:#fff;color:#1e40af;border:1px solid rgba(185,217,247,.95);box-shadow:0 12px 24px rgba(15,23,42,.06)}
.home-showcase{position:relative;min-height:176px;display:grid;place-items:center;isolation:isolate}
.home-showcase::before{content:"";position:absolute;inset:8% 10% 16%;border-radius:40px;background:radial-gradient(circle at center,rgba(255,255,255,.68),rgba(219,234,254,.28) 46%,transparent 82%);filter:blur(14px)}
.showcase-logo-stage{position:relative;z-index:3;width:min(74%,230px);aspect-ratio:1/1;display:grid;place-items:center;animation:showcaseFloat 6.2s ease-in-out infinite}
.showcase-logo-stage::before{content:"";position:absolute;inset:14% 11%;border-radius:999px;background:radial-gradient(circle,rgba(125,211,252,.38),rgba(14,165,233,.16) 48%,transparent 82%);filter:blur(18px)}
.showcase-logo{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 36px rgba(15,23,42,.2))}
.showcase-rails{position:absolute;left:18%;right:18%;bottom:4px;display:grid;gap:7px}
.showcase-rails span{height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(15,23,42,.88),rgba(37,99,235,.42),rgba(14,165,233,.2));opacity:.8}
.home-announcement{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;border:1px solid #bfdbfe;background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(236,254,255,.94));box-shadow:0 14px 28px rgba(37,99,235,.08)}
.home-announcement.hidden{display:none}
.home-announcement-copy{display:grid;gap:4px}
.home-announcement-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}
.home-announcement-copy strong{font-size:18px;color:#0f172a}
.home-announcement-copy span{font-size:13px;color:#475569;line-height:1.45}
.home-management-panel{position:relative;margin-top:18px;display:grid;gap:14px;padding:16px;border-radius:26px;border:1px solid rgba(125,211,252,.78);background:radial-gradient(circle at 12% 18%,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,rgba(236,254,255,.96),rgba(255,255,255,.96) 62%,rgba(239,246,255,.92));box-shadow:0 18px 36px rgba(14,165,233,.10),inset 0 1px 0 rgba(255,255,255,.78)}
.home-management-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.home-management-head img{width:82px;height:66px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(15,23,42,.12))}
.home-management-head h3{margin:5px 0 0;font-size:25px;color:#0f172a}
.home-management-head p{margin:4px 0 0;color:#475569;font-size:13px;line-height:1.45}
.home-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-management-card{position:relative;overflow:hidden;display:grid;gap:5px;text-align:left;padding:15px 16px;border:1px solid rgba(191,219,254,.92);border-radius:20px;background:rgba(255,255,255,.82);cursor:pointer;box-shadow:0 12px 24px rgba(37,99,235,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-management-card::after{content:"";position:absolute;right:-34px;bottom:-34px;width:100px;height:100px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 70%);pointer-events:none}
.home-management-card:hover,.home-management-card:active{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 18px 32px rgba(37,99,235,.12)}
.home-management-card span{font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;color:#0f766e}
.home-management-card strong{font-size:16px;line-height:1.25;color:#0f172a}
.membership-gate-home{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:24px;border:1px solid rgba(147,197,253,.88);background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.96) 58%,rgba(236,254,255,.92));box-shadow:0 16px 30px rgba(37,99,235,.08)}
.membership-gate-icon{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(37,99,235,.18)}
.membership-gate-copy{display:grid;gap:4px}
.membership-gate-copy strong{font-size:16px;color:#0f172a}
.membership-gate-copy span{font-size:13px;line-height:1.45;color:#475569}
.membership-gate-home.member-ready{border-color:#86efac;background:linear-gradient(135deg,#ecfdf5,#ffffff 58%,#eff6ff)}
.membership-gate-home.member-ready .membership-gate-icon{background:linear-gradient(135deg,#10b981,#0ea5e9)}
.home-legal-note{margin-top:14px;display:grid;gap:4px;padding:14px 16px;border-radius:22px;border:1px solid rgba(251,191,36,.68);background:linear-gradient(135deg,#fffaf0,#ffffff 62%,#eff6ff);box-shadow:0 12px 26px rgba(217,119,6,.06);color:#7c3f10}
.home-legal-note strong{font-size:14px;color:#b45309}
.home-legal-note span{font-size:13px;line-height:1.5;color:#6b4b2a}
.home-bulletin-panel{margin-top:18px;padding:16px 18px;border-radius:26px;border:1px solid rgba(191,219,254,.95);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.96) 58%,rgba(224,242,254,.92));box-shadow:0 16px 32px rgba(37,99,235,.08);display:grid;gap:12px}
.home-bulletin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.home-bulletin-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}
.home-bulletin-head strong{display:block;margin-top:4px;font-size:20px;color:#0f172a}
.home-bulletin-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:14px;align-items:stretch}
.home-bulletin-feature{position:relative;overflow:hidden;border-radius:22px;padding:16px 18px;border:1px solid rgba(147,197,253,.9);background:linear-gradient(135deg,#eff6ff,#ffffff 58%,#e0f2fe);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.home-bulletin-feature::after{content:"";position:absolute;right:-28px;top:-26px;width:96px;height:96px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 72%)}
.home-bulletin-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.home-bulletin-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid rgba(191,219,254,.95);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1e40af}
.home-bulletin-pill.live::before{content:"";width:8px;height:8px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.14)}
.home-bulletin-icon,.home-bulletin-item-icon,.home-bulletin-link-icon,.home-bulletin-foot-chip svg{width:16px;height:16px;display:block;fill:currentColor}
.home-bulletin-icon{width:18px;height:18px}
.home-bulletin-date{font-size:12px;font-weight:800;color:#64748b}
.home-bulletin-title{margin-top:12px;font-size:24px;line-height:1.1;font-weight:900;color:#0f172a}
.home-bulletin-image-link{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#f8fbff,#eff6ff 58%,#e0f2fe);margin-top:12px;cursor:zoom-in}
.home-bulletin-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
.home-bulletin-text{margin-top:8px;font-size:14px;line-height:1.55;color:#475569}
.home-bulletin-link,.home-bulletin-action{display:inline-flex;align-items:center;gap:8px;margin-top:14px}
.home-bulletin-link{font-size:13px;font-weight:800;color:#2563eb;text-decoration:none}
.home-bulletin-link:hover{text-decoration:underline}
.home-bulletin-list{display:grid;gap:10px}
.home-bulletin-item{padding:14px 16px;border-radius:20px;border:1px solid rgba(191,219,254,.92);background:rgba(255,255,255,.92);display:grid;gap:6px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-bulletin-item.active,.home-bulletin-item:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 12px 24px rgba(37,99,235,.1)}
.home-bulletin-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-bulletin-item-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8}
.home-bulletin-item-icon{width:15px;height:15px;color:#2563eb}
.home-bulletin-item-date{font-size:12px;font-weight:800;color:#64748b}
.home-bulletin-item-title{font-size:16px;font-weight:900;line-height:1.2;color:#0f172a}
.home-bulletin-item-text{font-size:13px;line-height:1.45;color:#475569}
.home-bulletin-foot{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:2px}
.home-bulletin-foot-chip{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(191,219,254,.95);color:#2563eb;box-shadow:0 8px 18px rgba(37,99,235,.08)}
.home-grid-rich{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}
.rich-card{position:relative;overflow:hidden;isolation:isolate;min-height:188px;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,255,.99));box-shadow:0 16px 32px rgba(37,99,235,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;--card-tint:rgba(59,130,246,.12);--card-glow:rgba(125,211,252,.16);--card-line:rgba(96,165,250,.10)}
.rich-card::before{content:"";position:absolute;inset:auto auto 42% -8%;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle,var(--card-tint),transparent 72%);filter:blur(4px);opacity:.95;animation:cardAuraDrift 10s ease-in-out infinite}
.rich-card::after{content:"";position:absolute;right:-8%;bottom:-10%;width:210px;height:130px;border-radius:32px;background:
radial-gradient(circle at top left,var(--card-glow),transparent 58%),
repeating-linear-gradient(135deg,transparent 0 14px,var(--card-line) 14px 16px,transparent 16px 28px);
opacity:.9;transform:rotate(-8deg);animation:cardTextureShift 12s ease-in-out infinite}
.rich-card > *{position:relative;z-index:1}
.rich-card:active,.rich-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(37,99,235,.14);border-color:#7cb3f5}
.rich-card[data-page="mevzuat"]{--card-tint:rgba(250,204,21,.12);--card-glow:rgba(251,191,36,.14);--card-line:rgba(217,119,6,.08)}
.rich-card[data-page="salary"]{--card-tint:rgba(59,130,246,.14);--card-glow:rgba(96,165,250,.18);--card-line:rgba(37,99,235,.10)}
.rich-card[data-page="work"]{--card-tint:rgba(56,189,248,.14);--card-glow:rgba(34,211,238,.16);--card-line:rgba(8,145,178,.10)}
.rich-card[data-page="leave"]{--card-tint:rgba(253,224,71,.14);--card-glow:rgba(134,239,172,.14);--card-line:rgba(250,204,21,.10)}
.rich-card[data-page="form"]{--card-tint:rgba(248,113,113,.12);--card-glow:rgba(251,146,60,.14);--card-line:rgba(239,68,68,.08)}
.rich-card[data-page="social"]{--card-tint:rgba(125,211,252,.12);--card-glow:rgba(129,140,248,.16);--card-line:rgba(59,130,246,.08)}
.rich-card[data-page="facilities"]{--card-tint:rgba(251,146,60,.12);--card-glow:rgba(250,204,21,.12);--card-line:rgba(194,65,12,.08)}
.rich-card[data-page="exchange"]{--card-tint:rgba(59,130,246,.15);--card-glow:rgba(251,191,36,.16);--card-line:rgba(29,78,216,.09)}
.rich-card[data-page="notifications"]{--card-tint:rgba(34,211,238,.16);--card-glow:rgba(14,165,233,.16);--card-line:rgba(15,118,110,.10)}
.home-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2}
.home-card-figure{width:118px;height:92px;object-fit:contain;transform-origin:center;filter:drop-shadow(0 14px 24px rgba(15,23,42,.14))}
.leave-figure{width:118px;height:92px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.16))}
.facility-figure{width:118px;height:92px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.16))}
.work-figure{width:118px;height:92px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.16))}
.exchange-figure{width:118px;height:92px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.16))}
.home-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.86));border:1px solid rgba(191,219,254,.92);font-size:11px;font-weight:900;color:#1d4ed8;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 24px rgba(37,99,235,.08)}
.rich-card h3{position:relative;z-index:1;text-shadow:0 8px 24px rgba(255,255,255,.45)}
.home-card-line{position:relative;z-index:1;font-size:13px;font-weight:800;color:#64748b;letter-spacing:.02em}
.admin-home-card{border-color:#bae6fd;background:radial-gradient(circle at 14% 16%,rgba(34,211,238,.20),transparent 30%),linear-gradient(135deg,#ecfeff,#ffffff 58%,#eff6ff)}
.admin-home-card h3{color:#0f766e}
.home-facility-highlight{margin-top:18px}
.home-card-wide{min-height:0}
.facility-home-mark{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.facility-home-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;font-size:12px;font-weight:900;letter-spacing:.08em;color:#1d4ed8;box-shadow:0 12px 24px rgba(37,99,235,.08)}
.facility-home-pill.alt{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#a5f3fc;color:#0f766e}
.facility-highlight-meta{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.facility-highlight-meta span{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(191,219,254,.92);font-size:12px;font-weight:900;color:#33527a}
.home-signature{margin-top:24px;display:grid;justify-items:center;gap:10px}
.home-signature-line{display:block;width:min(240px,62%);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.38),rgba(14,165,233,.48),rgba(37,99,235,.38),transparent)}
.home-signature-text{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(191,219,254,.9);box-shadow:0 10px 24px rgba(37,99,235,.06);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#33527a}
.figure-float-a,.figure-float-b,.figure-float-c,.figure-float-d,.figure-float-e,.figure-float-f{animation:cardBadgeFloat 6.8s ease-in-out infinite}
.figure-float-b{animation-delay:.6s}
.figure-float-c{animation-delay:1.2s}
.figure-float-d{animation-delay:1.8s}
.figure-float-e{animation-delay:2.4s}
.figure-float-f{animation-delay:3s}
.info-trigger{width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#1d4ed8;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.08)}
.info-trigger[aria-expanded="true"]{background:#2563eb;border-color:#2563eb;color:#fff}
.info-panel{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;color:#475569;line-height:1.55;font-size:13px}
.policy-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.policy-link-row a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:14px;border:1px solid #bfdbfe;background:#fff;color:#1d4ed8;font-weight:900;text-decoration:none}
.policy-link-row a:hover{text-decoration:underline}
.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.home-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;cursor:pointer;min-height:126px;display:flex;flex-direction:column;justify-content:center}
.home-card h3{margin:0;font-size:30px}
.home-card p{margin:0;color:#475569;font-size:15px;line-height:1.6}
.home-sign{margin-top:18px;text-align:right;font-size:12px;color:#64748b}
.forum-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 12% -2%,rgba(56,189,248,.20),transparent 32%),radial-gradient(circle at 95% 8%,rgba(251,146,60,.18),transparent 30%),linear-gradient(180deg,#f8fbff 0%,#eefbf8 48%,#fff8ed 100%)}
.forum-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:42px 42px;opacity:.45;pointer-events:none}
.forum-panel::after{content:"";position:absolute;right:-54px;top:18px;width:210px;height:210px;border-radius:52px;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(20,184,166,.09)),repeating-linear-gradient(135deg,rgba(255,255,255,.42) 0 7px,transparent 7px 15px);box-shadow:0 28px 70px rgba(14,116,144,.12);transform:rotate(10deg);pointer-events:none}
.forum-panel>*{position:relative;z-index:1}
.forum-hero-head{align-items:flex-start}
.forum-hero-head::after{content:"Konu  Cevap  Akış";justify-self:end;align-self:start;display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(125,211,252,.42);color:#075985;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 14px 30px rgba(14,116,144,.10)}
.forum-title-wrap{display:grid;gap:8px;min-width:0}
.forum-hero-copy{margin:0;color:#475569;font-size:16px;line-height:1.55;max-width:680px}
.forum-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.forum-hero-stats div{position:relative;overflow:hidden;border:1px solid rgba(125,211,252,.42);border-radius:22px;background:rgba(255,255,255,.78);padding:13px 14px 13px 54px;box-shadow:0 12px 28px rgba(14,116,144,.08)}
.forum-hero-stats div::before{content:"K";position:absolute;left:13px;top:50%;width:29px;height:29px;border-radius:11px;display:grid;place-items:center;transform:translateY(-50%);background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:11px;font-weight:950;box-shadow:0 10px 22px rgba(14,165,233,.18)}
.forum-hero-stats div:nth-child(2)::before{content:"C";background:linear-gradient(135deg,#f97316,#f59e0b)}
.forum-hero-stats div:nth-child(3)::before{content:"A";background:linear-gradient(135deg,#0f766e,#14b8a6)}
.forum-hero-stats span{display:block;color:#0f172a;font-size:24px;font-weight:950;line-height:1.05}
.forum-hero-stats small{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.forum-category-rail{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity;margin-top:16px;padding:10px;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:rgba(255,255,255,.70);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);-webkit-overflow-scrolling:touch}
.forum-category-rail button{position:relative;min-width:142px;scroll-snap-align:start;border:1px solid rgba(148,163,184,.34);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);padding:12px 38px 11px 52px;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.forum-category-rail button::before{content:attr(data-icon);position:absolute;left:12px;top:50%;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;transform:translateY(-50%);background:linear-gradient(135deg,#0284c7,#14b8a6);color:#fff;font-size:11px;font-weight:950;box-shadow:0 10px 18px rgba(2,132,199,.16),inset 0 0 0 1px rgba(255,255,255,.34)}
.forum-category-rail button[data-tone="amber"]::before{background:linear-gradient(135deg,#f59e0b,#facc15);color:#0f172a}
.forum-category-rail button[data-tone="blue"]::before{background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.forum-category-rail button[data-tone="green"]::before{background:linear-gradient(135deg,#16a34a,#22c55e)}
.forum-category-rail button[data-tone="indigo"]::before{background:linear-gradient(135deg,#4f46e5,#0ea5e9)}
.forum-category-rail button[data-tone="orange"]::before{background:linear-gradient(135deg,#f97316,#fb923c)}
.forum-category-rail button[data-tone="rose"]::before{background:linear-gradient(135deg,#e11d48,#fb7185)}
.forum-category-rail button[data-tone="teal"]::before{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.forum-category-rail button::after{content:attr(data-count);position:absolute;right:11px;top:11px;min-width:24px;height:24px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;display:grid;place-items:center;font-size:11px;font-weight:950}
.forum-category-rail button span{display:block;color:#0f172a;font-size:14px;font-weight:950}
.forum-category-rail button small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:800;line-height:1.25}
.forum-category-rail button.active{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 16px 30px rgba(2,132,199,.14);background:linear-gradient(135deg,#eff6ff,#ffffff 54%,#ecfeff)}
.forum-status-card{margin-top:14px;border:1px solid rgba(56,189,248,.30);border-radius:18px;background:rgba(239,246,255,.92);color:#075985;padding:12px 14px;font-weight:850;line-height:1.45}
.forum-status-card.warn{border-color:rgba(251,146,60,.36);background:rgba(255,247,237,.94);color:#9a3412}
.forum-compose{margin-top:14px;display:grid;grid-template-columns:.78fr 1.22fr;gap:12px;border:1px solid rgba(125,211,252,.48);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(240,249,255,.94) 44%,rgba(255,251,235,.90));padding:16px;box-shadow:0 18px 42px rgba(14,116,144,.10)}
.forum-compose-intro{grid-column:1 / -1;display:grid;gap:5px;padding:2px 2px 4px}
.forum-compose-intro span{width:max-content;border:1px solid #bae6fd;border-radius:999px;background:#eff6ff;color:#075985;padding:7px 11px;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.forum-compose-intro strong{color:#0f172a;font-size:18px;line-height:1.25}
.forum-compose .field{margin:0}
.forum-compose .field label{display:flex;align-items:center;gap:8px;color:#334155;font-weight:950}
.forum-compose .field label::before{content:"";width:16px;height:16px;border-radius:7px;background:linear-gradient(135deg,#0284c7,#22d3ee);box-shadow:0 7px 14px rgba(2,132,199,.14),inset 0 0 0 4px rgba(255,255,255,.38)}
.forum-compose .field:nth-child(even) label::before{background:linear-gradient(135deg,#f97316,#facc15)}
.forum-compose .field label[data-icon]::before,.forum-reply-box .field label[data-icon]::before{content:attr(data-icon);width:auto;min-width:28px;height:24px;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:10px;font-weight:950;letter-spacing:.04em;box-shadow:0 8px 18px rgba(14,165,233,.16),inset 0 0 0 1px rgba(255,255,255,.35)}
.forum-compose .field:nth-child(even) label[data-icon]::before{background:linear-gradient(135deg,#f97316,#facc15);color:#0f172a}
.forum-compose .field select,.forum-compose .field input,.forum-compose .field textarea{background:rgba(255,255,255,.96);border-color:rgba(148,163,184,.28)}
.forum-body-field{grid-column:1 / -1}
.forum-body-field textarea,.forum-reply-box textarea{min-height:108px;resize:vertical}
.forum-compose-actions{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.forum-workspace{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px}
.forum-board{border:1px solid rgba(125,211,252,.44);border-radius:26px;background:rgba(255,255,255,.86);padding:16px;display:grid;gap:14px;align-content:start;min-width:0;box-shadow:0 18px 40px rgba(14,116,144,.08),inset 0 1px 0 rgba(255,255,255,.92)}
.forum-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.forum-board-head h3{margin:4px 0 0;font-size:24px;color:#0f172a}
.forum-board-head>span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ecfeff;border:1px solid #a5f3fc;color:#0e7490;font-size:12px;font-weight:950;white-space:nowrap}
.forum-strip-label{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#0369a1}
.forum-topic-list{display:grid;gap:10px;min-width:0}
.forum-empty{border:1px dashed #bae6fd;border-radius:18px;background:rgba(248,250,252,.85);color:#64748b;padding:16px;line-height:1.5}
.forum-topic-row{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:20px;background:#fff;padding:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.forum-topic-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:5px;border-radius:999px;background:linear-gradient(180deg,#0284c7,#22d3ee)}
.forum-topic-row[data-tone="amber"]::before{background:linear-gradient(180deg,#f59e0b,#facc15)}
.forum-topic-row[data-tone="green"]::before{background:linear-gradient(180deg,#16a34a,#22c55e)}
.forum-topic-row[data-tone="indigo"]::before{background:linear-gradient(180deg,#4f46e5,#0ea5e9)}
.forum-topic-row[data-tone="orange"]::before{background:linear-gradient(180deg,#f97316,#fb923c)}
.forum-topic-row[data-tone="rose"]::before{background:linear-gradient(180deg,#e11d48,#fb7185)}
.forum-topic-row[data-tone="teal"]::before{background:linear-gradient(180deg,#0f766e,#2dd4bf)}
.forum-topic-row:hover,.forum-topic-row.active{border-color:#38bdf8;box-shadow:0 18px 34px rgba(2,132,199,.13);transform:translateY(-1px)}
.forum-topic-row.active{background:linear-gradient(135deg,#eff6ff,#ffffff 62%,#ecfeff)}
.forum-topic-avatar,.forum-reply-avatar{position:relative;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 10px 22px rgba(14,165,233,.20)}
.forum-topic-avatar[data-tone="amber"]{background:linear-gradient(135deg,#f59e0b,#facc15);color:#0f172a}
.forum-topic-avatar[data-tone="green"]{background:linear-gradient(135deg,#16a34a,#22c55e)}
.forum-topic-avatar[data-tone="indigo"]{background:linear-gradient(135deg,#4f46e5,#0ea5e9)}
.forum-topic-avatar[data-tone="orange"]{background:linear-gradient(135deg,#f97316,#fb923c)}
.forum-topic-avatar[data-tone="rose"]{background:linear-gradient(135deg,#e11d48,#fb7185)}
.forum-topic-avatar[data-tone="teal"]{background:linear-gradient(135deg,#0f766e,#2dd4bf)}
.forum-topic-avatar-initial{line-height:1}
.forum-topic-badge{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid rgba(191,219,254,.95);color:#1d4ed8;font-size:9px;font-weight:950;box-shadow:0 7px 14px rgba(15,23,42,.12)}
.forum-topic-avatar.large{width:50px;height:50px;border-radius:18px}
.forum-topic-content{display:grid;gap:5px;min-width:0}
.forum-topic-content strong{font-size:16px;line-height:1.28;color:#0f172a;overflow-wrap:anywhere}
.forum-topic-excerpt{color:#475569;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.forum-topic-author{font-size:12px;font-weight:900;color:#0e7490}
.forum-topic-meta,.forum-reply-meta,.forum-detail-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#64748b;font-size:12px;line-height:1.4}
.forum-topic-meta span,.forum-detail-meta span,.forum-reply-meta span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f8fbff;border:1px solid #dbeafe}
.forum-chip{gap:6px;color:#0f172a}
.forum-chip b{min-width:20px;height:20px;border-radius:8px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:9px;line-height:1}
.forum-chip[data-tone="amber"] b{background:#fef3c7;color:#92400e}
.forum-chip[data-tone="green"] b{background:#dcfce7;color:#166534}
.forum-chip[data-tone="indigo"] b{background:#e0e7ff;color:#3730a3}
.forum-chip[data-tone="orange"] b{background:#ffedd5;color:#9a3412}
.forum-chip[data-tone="rose"] b{background:#ffe4e6;color:#be123c}
.forum-chip[data-tone="teal"] b{background:#ccfbf1;color:#0f766e}
.forum-topic-stat{min-width:52px;display:grid;justify-items:center;gap:2px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 7px;color:#0f172a}
.forum-topic-stat strong{font-size:18px;line-height:1}
.forum-topic-stat small{font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase}
.forum-topic-detail{display:grid;gap:14px;min-height:130px}
.forum-detail-title{display:grid;gap:9px}
.forum-detail-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.forum-detail-title h3{margin:0;font-size:26px;line-height:1.22;color:#0f172a;overflow-wrap:anywhere}
.forum-detail-body{margin:0;color:#334155;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.forum-detail-actions,.forum-reply-actions{display:flex;gap:8px;flex-wrap:wrap}
.forum-danger-btn{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:12px;min-height:34px;padding:0 10px;font-weight:900;cursor:pointer}
.forum-soft-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:12px;min-height:34px;padding:0 10px;font-weight:900;cursor:pointer}
.forum-soft-btn:hover{border-color:#60a5fa;background:#dbeafe}
.forum-reply-list{display:grid;gap:10px}
.forum-reply-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:13px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.forum-reply-card:nth-child(odd){border-color:#bae6fd;background:linear-gradient(135deg,#f0f9ff,#ffffff)}
.forum-reply-card:nth-child(even){border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#ffffff)}
.forum-reply-card:nth-child(even) .forum-reply-avatar{background:linear-gradient(135deg,#f97316,#facc15)}
.forum-reply-content{display:grid;gap:7px;min-width:0}
.forum-reply-card p{margin:0;color:#334155;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.forum-reply-box{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.forum-reply-box .field{margin:0}
.simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.simple-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;gap:12px;align-content:start;box-shadow:0 12px 26px rgba(37,99,235,.06)}
.simple-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:5px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#0ea5e9)}
.simple-card:nth-child(3n+2){background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa}
.simple-card:nth-child(3n+2)::before{background:linear-gradient(180deg,#f97316,#facc15)}
.simple-card:nth-child(3n){background:linear-gradient(135deg,#ecfeff,#ffffff);border-color:#a5f3fc}
.simple-card:nth-child(3n)::before{background:linear-gradient(180deg,#0891b2,#22d3ee)}
.simple-card > *{position:relative;z-index:1}
.simple-card h3,.simple-card h4{margin:0 0 10px 0}
.simple-card p{margin:0;color:#475569;line-height:1.6}
.law-library{display:grid;gap:18px}
.law-group{display:grid;gap:12px}
.law-group-head{display:flex;align-items:center;gap:12px;padding:4px 2px}
.law-group-head span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:950;letter-spacing:.12em}
.law-group-head h3{margin:0;color:#0f172a;font-size:24px}
.law-grid .simple-card{border-radius:20px;padding:16px}
.law-grid .simple-card h3{font-size:18px;line-height:1.25}
.law-grid .simple-card .pdf-link{margin-top:2px}
.form-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}
.form-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;gap:14px}
.form-panel h3{margin:0;font-size:24px}
.form-panel p{margin:0;color:#475569;line-height:1.6}
.form-panel.form-preview{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.leave-shell{display:grid;gap:18px}
.facility-shell{display:grid;gap:18px}
.facility-hero-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:stretch}
.facility-map-card,.facility-source-card{border:1px solid rgba(191,219,254,.92);border-radius:26px;background:linear-gradient(135deg,#f8fbff,#ffffff 60%,#ecfeff);box-shadow:0 18px 40px rgba(37,99,235,.08)}
.facility-map-card{min-height:150px;padding:20px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;overflow:hidden;position:relative}
.facility-map-card::before{content:"";position:absolute;inset:16px;border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(20,184,166,.08));border:1px dashed rgba(96,165,250,.38)}
.facility-map-node{position:relative;z-index:1;display:grid;place-items:center;min-height:74px;border-radius:22px;background:#fff;border:1px solid rgba(191,219,254,.9);font-weight:950;letter-spacing:.08em;color:#0f172a;box-shadow:0 14px 26px rgba(15,23,42,.08)}
.facility-map-node.tcdd{color:#1d4ed8}
.facility-map-node.union{color:#0f766e}
.facility-map-line{position:relative;z-index:1;width:54px;height:8px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#14b8a6);box-shadow:0 10px 22px rgba(20,184,166,.22)}
.facility-source-card{padding:18px;display:grid;align-content:center;gap:10px}
.facility-source-card strong{font-size:24px;color:#0f172a}
.facility-source-card span{color:#475569;line-height:1.55}
.facility-source-links{display:flex;flex-wrap:wrap;gap:8px}
.facility-source-links a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:900;text-decoration:none}
.facility-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.facility-kpi{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#f8fbff,#ffffff);padding:16px;box-shadow:0 12px 24px rgba(37,99,235,.05)}
.facility-kpi .k{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.facility-kpi .v{margin-top:8px;font-size:28px;font-weight:900;color:#0f172a}
.facility-shell-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.facility-inline-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;font-size:11px;font-weight:900;color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase}
.facility-list{display:grid;gap:12px}
.facility-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:#fff;padding:16px;display:grid;gap:12px;box-shadow:0 14px 28px rgba(15,23,42,.05)}
.facility-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#60a5fa,#14b8a6)}
.facility-card.active{background:linear-gradient(145deg,#f8fbff,#ffffff 68%,#ecfeff);border-color:#bfdbfe}
.facility-card.restricted{background:linear-gradient(145deg,#fff7ed,#ffffff 70%,#eff6ff);border-color:#fdba74}
.facility-card.closed{background:linear-gradient(145deg,#fff7f7,#ffffff);border-color:#fecaca}
.facility-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.facility-card h4{margin:0;font-size:19px;line-height:1.35;color:#0f172a}
.facility-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.facility-pill.tcdd{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}
.facility-pill.demiryolis{background:#ecfeff;border:1px solid #a5f3fc;color:#0f766e}
.facility-meta{display:flex;flex-wrap:wrap;gap:8px}
.facility-meta span,.facility-status-line{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f8fbff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#475569}
.facility-status-line{justify-content:center;width:max-content}
.facility-note{font-size:13px;line-height:1.6;color:#475569}
.facility-contact{display:grid;gap:8px}
.facility-contact-line{font-size:13px;line-height:1.55;color:#334155}
.facility-contact-line strong{color:#0f172a}
.facility-actions{display:flex;flex-wrap:wrap;gap:8px}
.facility-actions .pdf-link,.facility-actions .btn{padding:10px 12px}
.facility-source-line{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.facility-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.facility-support-card{display:grid;gap:10px}
.facility-support-card h4{margin:0}
.facility-support-card .support-lines{display:grid;gap:6px}
.facility-empty{padding:16px;border:1px dashed #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#ffffff);color:#64748b;font-size:13px;line-height:1.55}
.leave-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.leave-profile-card{min-width:280px}
.leave-layout{grid-template-columns:1.2fr .8fr}
.leave-calendar-panel{display:grid;gap:14px}
.leave-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.leave-weekdays span{display:grid;place-items:center;min-width:0;padding:10px 0;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;font-size:12px;font-weight:900;color:#1d4ed8;text-transform:uppercase}
.leave-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}
.leave-calendar-cell{min-width:0;min-height:96px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);display:grid;align-content:start;gap:8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.leave-calendar-cell:hover,.leave-calendar-cell:active{transform:translateY(-2px);border-color:#7cb3f5;box-shadow:0 14px 24px rgba(37,99,235,.08)}
.leave-calendar-cell.muted{opacity:.48;background:#f8fafc}
.leave-calendar-cell.weekend{background:linear-gradient(180deg,#fff7ed,#ffffff);border-color:rgba(251,146,60,.28)}
.leave-calendar-cell.today{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
.leave-calendar-cell.has-event{background:linear-gradient(180deg,#ffffff,#eef6ff)}
.leave-calendar-cell.range-selected{border-color:#0284c7;background:linear-gradient(135deg,#e0f2fe,#ffffff);box-shadow:inset 0 0 0 2px rgba(14,165,233,.18)}
.leave-day-number{font-size:14px;font-weight:900;color:#0f172a}
.leave-day-events{display:grid;gap:6px}
.leave-event-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border-radius:12px;font-size:11px;font-weight:800;line-height:1.2;text-align:center}
.leave-event-chip.annual{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}
.leave-event-chip.tis{background:#ecfeff;color:#0f766e;border:1px solid #99f6e4}
.leave-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.leave-kpi{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);padding:12px}
.leave-kpi .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.leave-kpi .v{margin-top:6px;font-size:18px;font-weight:900;color:#0f172a}
.leave-record-list{display:grid;gap:10px}
.leave-record-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.leave-record-item .name{font-weight:900;color:#0f172a}
.leave-record-item .meta{margin-top:4px;font-size:12px;line-height:1.45;color:#64748b}
.leave-empty{padding:14px 16px;border:1px dashed #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#ffffff);color:#64748b;font-size:13px;line-height:1.55}
#leaveEventList.leave-record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#leaveEventList .leave-record-item{grid-template-columns:1fr;align-content:space-between;align-items:start;min-height:118px;padding:14px 14px 12px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 10px 24px rgba(37,99,235,.06)}
#leaveEventList .leave-record-item:nth-child(odd){background:linear-gradient(180deg,#ffffff,#f8fbff)}
#leaveEventList .leave-record-item:nth-child(even){background:linear-gradient(180deg,#ffffff,#f0f9ff)}
#leaveEventList .leave-record-item .name{font-size:14px}
#leaveEventList .leave-record-item .meta{font-size:12px;line-height:1.5}
#leaveEventList .leave-record-item .btn{width:100%;margin-top:8px}
.work-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(248,251,255,.98) 0%,rgba(255,255,255,.96) 100%)}
.work-panel-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;font-size:11px;font-weight:900;color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase}
.work-calendar-grid .leave-event-chip.work{background:#eff6ff;color:#1d4ed8;border:1px solid #93c5fd}
.work-calendar-grid .leave-event-chip.work.vardiya{background:#ecfeff;color:#0f766e;border:1px solid #67e8f9}
.work-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.work-sync-note{padding:12px 14px;border-radius:16px;border:1px solid rgba(191,219,254,.92);background:linear-gradient(135deg,#f8fbff,#ffffff);color:#475569;font-size:13px;line-height:1.55}
.consent-list{display:grid;gap:10px}
.consent-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;color:#334155;font-weight:600}
.consent-row input{margin-top:3px}
.membership-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(248,251,255,.98) 0%,rgba(255,255,255,.96) 100%)}
.membership-layout{grid-template-columns:1.05fr .95fr}
.membership-form-panel,.membership-preview-panel{display:grid;gap:14px}
.membership-bottom{margin-top:16px}
.membership-kvkk-panel{display:grid;gap:10px;line-height:1.65}
.membership-kvkk-panel strong{font-size:15px;color:#0f172a}
.membership-kvkk-panel p{margin:0;color:#475569}
.compact-consent-panel{padding:14px;border-radius:22px;gap:12px;background:linear-gradient(135deg,#f8fbff,#ffffff 62%,#eff6ff);box-shadow:0 10px 26px rgba(37,99,235,.06)}
.compact-consent-panel .section-head h3{font-size:22px}
.compact-consent-panel .membership-kvkk-panel{gap:6px;line-height:1.45;padding:10px 12px;border-radius:16px}
.compact-consent-panel .membership-kvkk-panel p{font-size:13px}
.compact-consent-list{display:grid;gap:8px}
.compact-consent-list .consent-row{padding:9px 11px;border-radius:14px;font-size:13px;line-height:1.35}
.compact-consent-list .consent-row.optional{opacity:.86}
.submit-actions{justify-content:flex-end}
.submit-actions .btn.primary{min-width:190px}
.auth-gate-panel{position:relative;margin-top:18px;display:grid;grid-template-columns:.82fr 1fr 1.05fr;gap:16px;align-items:stretch;padding:16px;border-radius:30px;border:1px solid rgba(147,197,253,.88);background:radial-gradient(circle at 15% 12%,rgba(125,211,252,.26),transparent 28%),linear-gradient(135deg,#f8fbff,#ffffff 58%,#eff6ff);box-shadow:0 18px 40px rgba(37,99,235,.1);overflow:hidden}
.auth-visual{display:grid;place-items:center;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(219,234,254,.74));border:1px solid rgba(191,219,254,.9);min-height:220px}
.auth-visual img{width:min(220px,88%);object-fit:contain;filter:drop-shadow(0 18px 30px rgba(15,23,42,.18));animation:cardBadgeFloat 7.2s ease-in-out infinite}
.auth-copy{display:grid;align-content:center;gap:12px;padding:8px}
.auth-copy h3{margin:0;font-size:30px;line-height:1.06;color:#0f172a}
.auth-copy p{margin:0;color:#475569;line-height:1.6}
.auth-choice-row{display:flex;gap:10px;flex-wrap:wrap}
.auth-choice-row .btn{min-width:150px;padding:14px 18px;border-radius:18px}
.auth-login-card{display:grid;gap:12px;padding:16px;border-radius:24px;border:1px solid rgba(191,219,254,.95);background:rgba(255,255,255,.9);box-shadow:0 16px 32px rgba(37,99,235,.08)}
.guest-login-btn{position:absolute;right:18px;bottom:18px;width:auto;justify-content:center;font-size:12px;padding:9px 12px;border-radius:999px;z-index:2}
.membership-shell.auth-choice .auth-gate-panel{position:relative;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 170px);place-items:center;text-align:center;align-content:center;gap:22px;padding:28px 18px}
.membership-shell.auth-choice .auth-visual{display:grid}
.membership-shell.auth-choice .membership-entry-logo{width:min(74vw,360px);min-height:0;aspect-ratio:1/1;margin:0 auto 6px;border-color:rgba(191,219,254,.72);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),rgba(219,234,254,.52) 58%,rgba(248,251,255,.12) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 20px 50px rgba(37,99,235,.12)}
.membership-shell.auth-choice .membership-entry-logo img{width:min(82%,300px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(15,23,42,.18))}
.membership-shell.auth-choice .auth-copy{justify-items:center;max-width:620px}
.membership-shell.auth-choice .auth-copy h3,.membership-shell.auth-choice .auth-copy p{display:none}
.membership-shell.auth-choice .auth-choice-row{justify-content:center}
.membership-shell.auth-choice .auth-choice-row .btn{font-size:18px;min-width:min(42vw,220px)}
.membership-shell.auth-choice .auth-login-card,.membership-shell.auth-choice .membership-layout,.membership-shell.auth-choice .membership-bottom{display:none}
.membership-shell.auth-login .auth-visual,.membership-shell.auth-login .auth-copy,.membership-shell.auth-login .membership-layout,.membership-shell.auth-login .membership-bottom{display:none}
.membership-shell.auth-login{padding-bottom:calc(130px + var(--keyboard-offset,0px))}
.membership-shell.auth-login .auth-gate-panel{grid-template-columns:1fr;min-height:auto;place-items:start center;padding-bottom:calc(140px + var(--keyboard-offset,0px))}
.membership-shell.auth-login .auth-login-card{width:min(100%,520px);scroll-margin-bottom:220px}
.membership-shell.auth-signup .auth-login-card,.membership-shell.auth-signup #membershipAdminPanelShell{display:none}
.membership-shell.auth-signup .auth-gate-panel{display:none}
.membership-shell.auth-signup .auth-visual{min-height:150px}
.membership-shell.auth-signup .auth-copy p{display:none}
.membership-shell.auth-admin .auth-gate-panel,.membership-shell.auth-admin .membership-layout{display:none}
.membership-shell.auth-admin .membership-bottom{display:grid;grid-template-columns:1fr}
.membership-shell.auth-admin #membershipAdminPanelShell{display:grid}
.membership-signup-hero,.membership-admin-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;text-align:left;gap:14px;padding:14px;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid rgba(191,219,254,.92)}
.membership-signup-hero img,.membership-admin-hero img{width:98px;height:82px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.14));animation:cardBadgeFloat 7.4s ease-in-out infinite}
.membership-signup-hero h3{margin:4px 0 0 0;font-size:26px}
.membership-admin-hero h3{margin:4px 0 0 0;font-size:24px}
.membership-user-notice{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff)}
.membership-user-notice.ready{border-color:#86efac;background:linear-gradient(135deg,#ecfdf5,#ffffff);color:#166534}
.membership-user-notice.waiting{border-color:#fdba74;background:linear-gradient(135deg,#fff7ed,#ffffff);color:#9a3412}
.membership-user-notice.blocked{border-color:#fecaca;background:linear-gradient(135deg,#fff1f2,#ffffff);color:#be123c}
.membership-admin-area{display:grid;gap:14px}
.membership-admin-notice{display:none;padding:12px 14px;border-radius:18px;border:1px solid #fdba74;background:linear-gradient(135deg,#fff7ed,#ffffff);color:#9a3412;font-size:13px;font-weight:900;line-height:1.45}
.membership-admin-notice.show{display:block}
.membership-admin-actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow-x:auto;padding:2px 0 6px}
.membership-action-row{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;align-items:center;overflow:visible;padding-bottom:0}
.membership-action-row .btn{min-width:0;padding:9px 11px;border-radius:14px;font-size:12px;white-space:nowrap;flex:0 0 auto}
.membership-admin-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.membership-admin-stat{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:12px;display:grid;gap:6px;min-width:0}
.membership-admin-stat .k{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.membership-admin-stat .v{font-size:20px;font-weight:900;color:#0f172a;line-height:1.15}
.membership-admin-stat.good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#ffffff)}
.membership-admin-stat.warn{border-color:#fed7aa;background:linear-gradient(180deg,#fff7ed,#ffffff)}
.membership-admin-detail{display:grid;gap:12px}
.membership-admin-section{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:12px;display:grid;gap:10px}
.membership-admin-section h4{margin:0;font-size:14px;color:#0f172a}
.membership-admin-section .preview-item{border-radius:14px}
.membership-admin-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.membership-review-card{width:min(660px,100%);margin:0 auto;border:0;background:#f3f4f8;padding:18px;border-radius:32px;box-shadow:0 24px 70px rgba(15,23,42,.14);display:grid;gap:16px;overflow:hidden}
.membership-review-profile{display:grid;justify-items:center;text-align:center;gap:6px;padding:14px 8px 10px}
.membership-review-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.membership-review-avatar{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#bae6fd,#e0f2fe);color:#0f172a;font-size:30px;font-weight:900;box-shadow:0 18px 34px rgba(14,165,233,.20),inset 0 0 0 5px rgba(255,255,255,.55)}
.membership-review-profile h4{margin:4px 0 0;font-size:28px;line-height:1.05;color:#050816}
.membership-review-profile p{margin:0;color:#6b7280;font-size:15px;line-height:1.35}
.membership-review-main{display:grid;gap:14px}
.membership-review-group{display:grid;gap:0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.membership-review-group h5{display:flex;align-items:center;gap:10px;margin:0;padding:13px 16px 6px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.membership-review-group h5 span,.membership-review-row-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.18)}
.membership-review-group.tone-pink h5 span,.membership-review-group.tone-pink .membership-review-row-icon{background:linear-gradient(135deg,#db2777,#f472b6);box-shadow:0 8px 18px rgba(219,39,119,.18)}
.membership-review-group.tone-violet h5 span,.membership-review-group.tone-violet .membership-review-row-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 8px 18px rgba(124,58,237,.18)}
.membership-review-group.tone-orange h5 span,.membership-review-group.tone-orange .membership-review-row-icon{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 8px 18px rgba(249,115,22,.18)}
.membership-review-rows{display:grid;padding:0 14px 10px}
.membership-review-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:58px;padding:9px 0;border-bottom:1px solid rgba(229,231,235,.92)}
.membership-review-row:last-child{border-bottom:0}
.membership-review-row-copy{display:grid;gap:2px;min-width:0}
.membership-review-row-copy em{font-style:normal;font-size:15px;line-height:1.2;color:#0f172a}
.membership-review-row-copy strong{font-size:13px;line-height:1.28;color:#7b7f87;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.membership-review-row.missing .membership-review-row-copy strong{color:#be123c}
.membership-review-row.missing .membership-review-row-icon{background:linear-gradient(135deg,#be123c,#fb7185)}
.membership-review-chevron{color:#a3a8b3;font-size:28px;line-height:1;font-weight:400}
.membership-review-note{margin:0;border-radius:24px;background:#fff;padding:14px 16px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.membership-review-note label{padding-left:0}
.membership-review-note input{width:100%;background:#f8fafc}
.notification-admin-card{border-color:#bae6fd;background:linear-gradient(135deg,#ecfeff,#ffffff 64%,#eff6ff)}
.notification-admin-card h4{color:#0f766e}
.notification-shell{display:grid;gap:16px}
.notification-hero p{margin:6px 0 0;color:#475569;line-height:1.5}
.notification-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.notification-command-card{position:relative;overflow:hidden;border:1px solid rgba(125,211,252,.42);border-radius:22px;background:linear-gradient(145deg,#ffffff,#f8fbff);padding:13px;box-shadow:0 14px 28px rgba(37,99,235,.07)}
.notification-command-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#0ea5e9)}
.notification-command-card.platform::before{background:linear-gradient(180deg,#0f766e,#2dd4bf)}
.notification-command-card.tokens::before{background:linear-gradient(180deg,#f97316,#facc15)}
.notification-command-card span{display:block;padding-left:8px;color:#64748b;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.notification-command-card strong{display:block;margin-top:6px;padding-left:8px;color:#0f172a;font-size:22px;line-height:1.05}
.notification-command-card small{display:block;margin-top:5px;padding-left:8px;color:#475569;font-size:12px;line-height:1.35}
.notification-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid #bae6fd;border-radius:18px;background:rgba(255,255,255,.82)}
.notification-preview img{width:88px;height:64px;object-fit:cover;border-radius:14px;border:1px solid #dbeafe;background:#fff}
.notification-preview strong{display:block;color:#0f172a}
.notification-preview span{display:block;margin-top:2px;color:#64748b;font-size:12px;line-height:1.4}
.notification-history-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.notification-history-badges span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid rgba(125,211,252,.44);color:#1e3a8a;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.notification-history-meta{font-size:12px;line-height:1.4;color:#64748b;font-weight:800}
.account-delete-card{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(251,113,133,.28);background:linear-gradient(135deg,rgba(255,241,242,.92),rgba(255,255,255,.9));color:#7f1d1d}
.account-delete-card strong{display:block;color:#9f1239;font-size:13px}
.account-delete-card span{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45}
.account-delete-card a{color:#1d4ed8;font-weight:800;font-size:12px;text-decoration:none}
body.member-list-open{overflow-x:hidden;overflow-y:auto}
.member-list-panel{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));bottom:calc(12px + var(--android-bottom-inset, 0px));width:auto;max-height:none;transform:translateY(18px) scale(.985);opacity:0;pointer-events:none;z-index:260;display:grid;grid-template-rows:auto auto auto minmax(260px,1fr);gap:12px;overflow:hidden;padding:18px;border-radius:30px;border:1px solid rgba(125,211,252,.58);background:radial-gradient(circle at 8% 0,rgba(20,184,166,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(240,253,250,.99));box-shadow:0 30px 90px rgba(15,23,42,.28),inset 0 1px 0 rgba(255,255,255,.88);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;will-change:transform,opacity}
body.member-list-open .member-list-panel{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.member-list-panel .section-head{align-items:center;gap:12px}
.member-list-panel .facility-inline-label{min-width:max-content;padding:11px 15px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(37,99,235,.18);font-size:12px;letter-spacing:.10em}
.member-list{display:grid;align-content:start;gap:10px;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:2px 4px 10px 0;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.member-list-row{position:relative;overflow:visible;display:grid;grid-template-columns:1fr;gap:8px;align-items:start;width:100%;text-align:left;padding:14px 14px 14px 18px;border:1px solid rgba(125,211,252,.48);border-radius:20px;background:#fff;box-shadow:0 10px 22px rgba(15,118,110,.06);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;color:#0f172a}
.member-list-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:5px;border-radius:999px;background:linear-gradient(180deg,#14b8a6,#38bdf8)}
.member-list-row:nth-child(even){background:linear-gradient(135deg,#f8fbff,#ffffff)}
.member-list-row.tone-0{background:linear-gradient(135deg,#f0fdfa,#ffffff)}
.member-list-row.tone-1{background:linear-gradient(135deg,#f8fbff,#ffffff)}
.member-list-row.tone-2{background:linear-gradient(135deg,#fff7ed,#ffffff)}
.member-list-row.tone-1::before{background:linear-gradient(180deg,#2563eb,#38bdf8)}
.member-list-row.tone-2::before{background:linear-gradient(180deg,#f97316,#facc15)}
.member-list-row.active,.member-list-row:hover{border-color:#14b8a6;transform:translateY(-1px);box-shadow:0 16px 28px rgba(15,118,110,.14)}
.member-list-main,.member-list-detail{min-width:0;border-radius:14px;background:rgba(255,255,255,.72);padding:8px}
.member-list-main{display:grid;gap:4px}
.member-list-row .name{font-weight:950;color:#0f172a;line-height:1.2;font-size:16px;overflow-wrap:anywhere}
.member-list-row .meta,.member-list-row .role{font-size:13px;color:#475569;line-height:1.35;overflow-wrap:anywhere}
.member-list-detail{display:grid;align-content:start;gap:3px;border:1px solid rgba(191,219,254,.55)}
.member-list-detail span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.member-list-detail strong{font-size:12px;line-height:1.35;color:#0f172a;overflow-wrap:anywhere}
.member-list-detail.wide{grid-column:auto}
.member-list-empty{padding:14px;border:1px dashed #bfdbfe;border-radius:18px;background:#fff;color:#64748b;font-weight:800;text-align:center}
.member-list-close{justify-self:end;border:1px solid rgba(125,211,252,.72);background:#fff;border-radius:999px;padding:8px 14px;font-weight:900;color:#0f766e;box-shadow:0 8px 18px rgba(15,118,110,.08)}
.exchange-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(247,251,255,.98) 0%,rgba(255,255,255,.96) 100%)}
.exchange-shell::before{content:"";position:absolute;right:-80px;top:80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.14),rgba(20,184,166,0) 66%);pointer-events:none}
.exchange-layout{grid-template-columns:1.1fr .9fr}
.exchange-visual-band{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.exchange-flow-card{min-height:92px;border:1px solid rgba(191,219,254,.9);border-radius:24px;background:linear-gradient(135deg,#ffffff,#f8fbff);padding:14px;display:grid;gap:5px;box-shadow:0 14px 30px rgba(37,99,235,.06)}
.exchange-flow-card span{width:30px;height:30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:950}
.exchange-flow-card.target span{background:#ecfeff;border-color:#a5f3fc;color:#0f766e}
.exchange-flow-card.match span{background:#fef3c7;border-color:#fde68a;color:#92400e}
.exchange-flow-card strong{font-size:15px;color:#0f172a}
.exchange-flow-card small{font-size:12px;color:#64748b;font-weight:800}
.exchange-flow-rail{width:54px;height:10px;border-radius:999px;background:linear-gradient(90deg,#dbeafe,#cffafe);position:relative;overflow:hidden}
.exchange-flow-rail i{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#14b8a6);animation:railPulse 2.4s ease-in-out infinite}
@keyframes railPulse{0%,100%{transform:translateX(-15%)}50%{transform:translateX(115%)}}
.exchange-hero-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:24px;border:1px solid rgba(191,219,254,.92);background:linear-gradient(135deg,#eff6ff,#ffffff);box-shadow:0 14px 30px rgba(37,99,235,.06)}
.exchange-hero-card img{width:120px;height:96px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(15,23,42,.14))}
.exchange-hero-card h3{margin:0;font-size:26px}
.exchange-hero-card p{margin:6px 0 0 0;color:#475569;line-height:1.5}
.exchange-trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.exchange-trust-strip span{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid rgba(191,219,254,.9);font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#33527a}
.exchange-form-panel .field{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.exchange-form-panel .field:focus-within{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.10),inset 0 0 0 1px rgba(255,255,255,.72)}
.exchange-form-panel .field.exchange-from{background:linear-gradient(145deg,#f8fbff 0%,#edf6ff 100%);border-color:#bfdbfe}
.exchange-form-panel .field.exchange-to{background:linear-gradient(145deg,#f0fdff 0%,#ecfeff 100%);border-color:#a5f3fc}
.exchange-form-panel .field label[data-icon]::before{content:attr(data-icon);display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 5px;border-radius:10px;background:linear-gradient(135deg,#ffffff,#dbeafe);font-size:10px;font-weight:950;letter-spacing:.04em;color:#1d4ed8;box-shadow:0 8px 18px rgba(37,99,235,.12),inset 0 0 0 1px rgba(255,255,255,.86)}
.exchange-route-card{border:1px solid rgba(191,219,254,.92);border-radius:22px;background:linear-gradient(135deg,#f8fbff,#ffffff);padding:14px;display:grid;gap:12px;box-shadow:0 12px 26px rgba(37,99,235,.06)}
.exchange-route-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.exchange-route-head strong{font-size:17px;color:#0f172a}
.exchange-route-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}
.exchange-route-status.missing{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.exchange-route-body{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.exchange-route-point{display:grid;gap:4px;min-width:0}
.exchange-route-point span{font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.exchange-route-point strong{font-size:15px;line-height:1.25;color:#0f172a;overflow-wrap:anywhere}
.exchange-route-line{height:8px;width:42px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#14b8a6)}
.exchange-match-list{display:grid;gap:10px;margin-top:12px}
.exchange-match-card{border:1px dashed #bfdbfe;background:linear-gradient(135deg,#f8fbff,#ffffff);border-radius:18px;padding:13px;color:#475569;font-weight:800;line-height:1.45}
.exchange-match-card.match{border-style:solid;border-color:#86efac;background:linear-gradient(135deg,#ecfdf5,#f8fbff);color:#14532d}
.exchange-match-card.loading{background:linear-gradient(135deg,#eff6ff,#ffffff);color:#1d4ed8}
.exchange-match-card strong{display:block;color:#0f172a;font-size:16px;margin-top:4px}
.exchange-match-card span{display:block;margin-top:4px;color:#334155}
.exchange-match-card small{display:block;margin-top:6px;color:#64748b;font-size:12px}
.exchange-contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.exchange-contact-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(37,99,235,.22);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:#1d4ed8;text-decoration:none;box-shadow:0 8px 18px rgba(37,99,235,.08)}
.exchange-contact-actions a:first-child{background:linear-gradient(135deg,#dcfce7,#ffffff);color:#047857;border-color:#86efac}
.match-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#166534;border:1px solid #86efac;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.field.full{grid-column:1 / -1}
.home-bulletin-panel{max-width:780px;margin-left:auto;margin-right:auto}
.home-bulletin-stage{grid-template-columns:1fr}
.home-bulletin-list,.home-bulletin-foot{display:none}
.home-bulletin-feature{padding:14px 16px;min-height:auto}
.home-bulletin-title{font-size:20px;margin-top:10px}
.home-bulletin-link,.home-bulletin-action{margin-top:10px}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.status-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid var(--line)}
.status-pill.ready{background:#ecfdf5;border-color:#86efac;color:#166534}
.status-pill.pending{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.status-pill.warning{background:#fefce8;border-color:#fde68a;color:#a16207}
.status-pill.danger{background:#fff1f2;border-color:#fda4af;color:#be123c}
.preview-list{display:grid;gap:10px}
.preview-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.preview-item .label{color:#475569;font-weight:700}
.preview-item .value{font-weight:900;color:#0f172a;text-align:right}
.preview-item.missing .value{color:#be123c}
.notification-history-item{grid-template-columns:minmax(0,1fr)}
.notification-history-main{display:grid;gap:5px}
.notification-history-title{font-weight:900;color:#0f172a;line-height:1.3}
.notification-history-body{font-size:13px;line-height:1.45;color:#475569}
.notification-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.check-field{align-content:center}
.check-toggle{display:flex;align-items:center;gap:10px;font-weight:900;color:#0f172a}
.check-toggle input{width:18px;height:18px;accent-color:#2563eb}
.check-field small{display:block;margin-top:8px;color:#64748b;line-height:1.45}
.social-card{display:flex;flex-direction:column;gap:10px}
.social-url{font-size:12px;word-break:break-word;color:#1e40af}
.pdf-link{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#1d4ed8;font-weight:800;text-decoration:none;background:#f8fbff}
.salary-shell{padding:14px 14px calc(92px + var(--android-bottom-inset, 0px));display:grid;gap:14px}
.salary-top-actions{display:block}
.salary-top-buttons{display:flex;gap:10px;flex-wrap:wrap}
.personnel-summary-card{position:relative;isolation:isolate;width:100%;min-height:188px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(188px,240px);grid-template-areas:"head info" "copy avatar" "metrics metrics";align-items:center;gap:10px 16px;text-align:left;padding:18px 20px;border:1px solid rgba(191,219,254,.78);border-radius:28px;background:radial-gradient(circle at 84% 18%,rgba(14,165,233,.10),transparent 31%),radial-gradient(circle at 13% 6%,rgba(255,255,255,.92),transparent 34%),linear-gradient(145deg,#ffffff 0%,#f8fbff 58%,#f1f8ff 100%);box-shadow:0 20px 42px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.92);cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.personnel-summary-card::before{content:"";position:absolute;left:0;top:32px;bottom:32px;width:6px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#0ea5e9 0 42%,#2563eb 42% 51%,#dc2626 51% 61%,#f59e0b 61% 100%);box-shadow:0 0 20px rgba(37,99,235,.18);pointer-events:none}
.personnel-summary-card::after{content:"";position:absolute;right:16px;top:54px;bottom:70px;width:min(32%,270px);border-radius:24px;border:1px solid rgba(191,219,254,.62);background:radial-gradient(circle at 92% 14%,rgba(14,165,233,.20),transparent 32%),radial-gradient(circle,rgba(37,99,235,.13) 1.2px,transparent 2px),linear-gradient(135deg,rgba(239,246,255,.92),rgba(236,254,255,.70));background-size:auto,10px 10px,auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 18px 38px rgba(37,99,235,.08);pointer-events:none;z-index:0}
.personnel-summary-card > *{position:relative;z-index:1}
.personnel-summary-card:hover,.personnel-summary-card:active{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 22px 42px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.personnel-summary-head{grid-area:head;display:flex;align-items:center;gap:10px;min-width:0}
.personnel-summary-icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 12px 24px rgba(37,99,235,.18);position:relative;flex:0 0 auto}
.personnel-summary-icon.person-icon::before{content:"";position:absolute;top:8px;width:10px;height:10px;border-radius:999px;background:#fff}
.personnel-summary-icon.person-icon::after{content:"";position:absolute;bottom:8px;width:19px;height:10px;border-radius:14px 14px 8px 8px;background:#fff}
.personnel-summary-copy{grid-area:copy;display:grid;gap:6px;min-width:0}
.personnel-summary-card .k{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}
.personnel-summary-label{font-size:13px;font-weight:750;color:#64748b}
.personnel-summary-sicil{display:block;font-size:clamp(32px,4.2vw,46px);line-height:.96;color:#071126;font-weight:950;letter-spacing:0}
.personnel-summary-card .v{display:block;font-size:clamp(23px,2.7vw,32px);line-height:1.05;color:#071126;font-weight:950;overflow-wrap:anywhere;letter-spacing:0}
.personnel-summary-card .s{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;line-height:1.38;overflow-wrap:anywhere;font-weight:650}
.personnel-summary-card .s:not(:empty)::before{content:"";width:17px;height:17px;flex:0 0 auto;border-radius:4px;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:inset 5px 4px 0 rgba(255,255,255,.50),inset -5px -4px 0 rgba(15,23,42,.08)}
.personnel-summary-card .s:empty{display:none}
.personnel-summary-info{grid-area:info;justify-self:end;align-self:start;width:38px;height:38px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(191,219,254,.9);background:rgba(255,255,255,.88);color:#1d4ed8;font-size:21px;font-weight:950;box-shadow:0 10px 22px rgba(37,99,235,.08)}
.personnel-summary-avatar-wrap{grid-area:avatar;position:relative;width:100%;height:132px;justify-self:stretch;align-self:center;display:grid;place-items:center;align-content:center;gap:8px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(219,234,254,.66));color:#fff;overflow:hidden;border:1px solid rgba(191,219,254,.72);outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 14px 30px rgba(37,99,235,.10)}
.personnel-summary-avatar-wrap::before{content:"";position:absolute;inset:-28px;border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.16),transparent 30%),linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06));z-index:0;pointer-events:none}
.personnel-summary-avatar-wrap > *{position:relative;z-index:1}
.personnel-summary-metrics{grid-area:metrics;display:grid;grid-template-columns:1.2fr .85fr 1fr;gap:10px;padding-top:12px;border-top:1px solid rgba(191,219,254,.72)}
.personnel-summary-metrics>span{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;column-gap:9px;padding:10px 11px;border:1px solid rgba(226,232,240,.88);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 24px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.86)}
.personnel-summary-metrics em{grid-area:label;font-style:normal;font-size:12px;color:#1d4ed8;font-weight:900}
.personnel-summary-metrics strong{grid-area:value;color:#0f172a;font-size:14px;line-height:1.2;font-weight:950;overflow-wrap:anywhere}
.metric-icon{grid-area:icon;width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 20px rgba(37,99,235,.14);position:relative;display:block}
.briefcase-icon::before{content:"";position:absolute;left:9px;right:9px;bottom:11px;height:17px;border:4px solid #fff;border-radius:4px}
.briefcase-icon::after{content:"";position:absolute;left:15px;right:15px;top:10px;height:7px;border:4px solid #fff;border-bottom:0;border-radius:5px 5px 0 0}
.bars-icon::before{content:"";position:absolute;left:10px;bottom:10px;width:6px;height:13px;border-radius:4px;background:#fff;box-shadow:10px -7px 0 #fff,20px -15px 0 #fff}
.clock-icon::before{content:"";position:absolute;inset:9px;border:4px solid #fff;border-radius:999px}
.clock-icon::after{content:"";position:absolute;left:21px;top:14px;width:4px;height:13px;background:#fff;border-radius:4px;box-shadow:6px 9px 0 -1px #fff;transform-origin:bottom center;transform:rotate(-38deg)}
.profile-topbar-compact{display:block}
.compact-profile-card{min-height:178px}
.compact-profile-card .personnel-summary-avatar-wrap{height:124px}
.compact-profile-card .personnel-summary-sicil{font-size:clamp(30px,4.5vw,44px)}
.compact-profile-card .v{font-size:clamp(22px,3vw,30px)}
.profile-avatar-card{position:relative;isolation:isolate;min-width:164px;min-height:168px;border:1px solid rgba(96,165,250,.44);border-radius:24px;background:linear-gradient(145deg,#2563eb 0%,#0ea5e9 100%);color:#fff;padding:16px;display:grid;place-items:center;align-content:center;gap:12px;overflow:hidden;cursor:pointer;box-shadow:0 18px 34px rgba(37,99,235,.20);transition:transform .18s ease,box-shadow .18s ease}
.profile-avatar-card::before{content:"";position:absolute;inset:12px;border-radius:20px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.34),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0));z-index:-1}
.profile-avatar-card:hover,.profile-avatar-card:active{transform:translateY(-3px);box-shadow:0 22px 42px rgba(37,99,235,.24)}
.profile-avatar-card-orbit{position:absolute;width:120px;height:120px;border:1px dashed rgba(255,255,255,.38);border-radius:999px;animation:avatarOrbit 10s linear infinite}
.profile-avatar{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#1d4ed8;border:1px solid rgba(255,255,255,.94);font-size:24px;font-weight:900;letter-spacing:.04em;box-shadow:0 16px 30px rgba(15,23,42,.18);text-transform:uppercase;overflow:hidden}
.profile-avatar-card-label{font-size:17px;font-weight:900;text-align:center;text-shadow:0 2px 10px rgba(15,23,42,.18)}
.profile-avatar img,.profile-modern-icon img,.membership-review-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.profile-avatar.has-profession-image{width:96px;height:96px;border-radius:28px;padding:0;background:#fff;border:3px solid rgba(255,255,255,.92);color:transparent;box-shadow:0 18px 38px rgba(15,23,42,.24),0 0 0 8px rgba(255,255,255,.12)}
.compact-profile-card .profile-avatar.has-profession-image{width:84px;height:84px;border-radius:25px}
.personnel-summary-avatar-wrap .profile-avatar-card-orbit{display:none}
.personnel-summary-avatar-wrap .profile-avatar-card-label{display:block;position:relative;z-index:1;width:max-content;max-width:calc(100% - 24px);padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.88);color:#1d4ed8;font-size:12px;font-weight:950;letter-spacing:.04em;text-align:center;text-transform:uppercase;box-shadow:0 10px 20px rgba(37,99,235,.08)}
.personnel-summary-avatar-wrap .profile-avatar{width:78px;height:78px;border-radius:999px;border:3px solid #fff;outline:2px solid #f2c14e;box-shadow:0 14px 28px rgba(15,23,42,.15);background:#eff6ff;color:#1d4ed8;font-size:28px}
.personnel-summary-avatar-wrap .profile-avatar.has-profession-image{width:78px;height:78px;border-radius:999px;border:3px solid #fff;outline:2px solid #f2c14e;box-shadow:0 14px 28px rgba(15,23,42,.15);background:#fff;padding:0;color:transparent}
.personnel-summary-avatar-wrap .profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:999px}
.personnel-summary-avatar-wrap.has-profession-avatar .profile-avatar-card-orbit{width:126px;height:126px;border-color:rgba(255,255,255,.52)}
.profile-modern-hero.has-profession-avatar{grid-template-columns:92px minmax(0,1fr) auto;background:radial-gradient(circle at 11% 20%,rgba(14,165,233,.16),transparent 30%),linear-gradient(135deg,#f8fbff,#ffffff 56%,#ecfeff)}
.profile-modern-icon.has-profession-image{width:84px;height:84px;border-radius:28px;padding:0;overflow:hidden;background:#fff;border:2px solid rgba(37,99,235,.24);box-shadow:0 16px 32px rgba(15,23,42,.16)}
.membership-review-avatar.has-profession-image{width:118px;height:118px;border-radius:32px;padding:0;overflow:hidden;background:#fff;border:4px solid rgba(255,255,255,.92);box-shadow:0 20px 42px rgba(14,165,233,.22),inset 0 0 0 1px rgba(37,99,235,.10)}
@keyframes avatarOrbit{to{transform:rotate(360deg)}}
.drawer-summary-card{flex:1;min-width:260px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f8fbff,#ffffff);padding:14px 16px;box-shadow:0 10px 24px rgba(37,99,235,.06)}
.drawer-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer-summary-card .k{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.drawer-summary-card .v{margin-top:6px;font-size:20px;font-weight:900;color:#0f172a}
.drawer-summary-card .s{margin-top:6px;color:#475569;line-height:1.5;font-size:13px}
.drawer-summary-card .s:empty{display:none}
.profile-drawer-shell{position:fixed;inset:0;z-index:95;pointer-events:none;overscroll-behavior:contain}
.drawer-backdrop{position:absolute;inset:0;border:none;background:rgba(15,23,42,.42);opacity:0;transition:opacity .25s ease;cursor:pointer}
.profile-drawer{position:absolute;left:0;top:0;height:100%;min-height:100dvh;width:min(92vw,560px);background:#f8fbff;border-right:1px solid var(--line);box-shadow:22px 0 60px rgba(15,23,42,.18);padding:18px 16px 14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:auto;transform:translateX(-103%);transition:transform .28s ease;display:flex;flex-direction:column;gap:14px;z-index:2}
body.drawer-open .profile-drawer-shell{pointer-events:auto}
body.drawer-open .drawer-backdrop{opacity:1}
body.drawer-open .profile-drawer{transform:translateX(0)}
body.drawer-open{overflow:auto}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.drawer-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.drawer-head h3{margin:4px 0 0 0;font-size:28px}
.drawer-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.drawer-tab-btn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px;font-weight:900;color:#475569;cursor:pointer}
.drawer-tab-btn.active{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#60a5fa;color:#1d4ed8;box-shadow:0 10px 24px rgba(37,99,235,.08)}
.profile-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 4px calc(40px + var(--android-bottom-inset, 0px)) 0;display:flex;flex-direction:column;gap:14px;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:auto;scrollbar-gutter:stable}
.profile-drawer-pane{display:none;flex-direction:column;gap:14px;min-height:min-content}
.profile-drawer-pane.active{display:flex}
.saved-pane-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.saved-pane-head h3{margin:0}
.saved-pane-head h4{margin:0;font-size:18px}
.drawer-intro .info-box{padding:18px}
.drawer-intro p{margin:0;color:#475569;line-height:1.6}
.compact-pane{display:grid;gap:12px}
.mode-switch{display:flex;gap:10px;flex-wrap:wrap}
.mode-btn{flex:1;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#ffffff,#f8fbff);border-radius:18px;padding:14px 16px;font-weight:900;cursor:pointer;color:#334155;min-width:180px;box-shadow:inset 0 0 0 1px rgba(191,219,254,.9),0 10px 22px rgba(15,23,42,.05)}
.mode-btn.active{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#2563eb;color:#fff;box-shadow:0 18px 28px rgba(37,99,235,.2)}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:12px;text-align:center;font-size:13px;font-weight:800;color:#64748b;box-shadow:inset 0 0 0 1px rgba(191,219,254,.9);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.step:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.08),inset 0 0 0 1px rgba(191,219,254,.9)}
.step.active{background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#1d4ed8;border-color:#7cb3f5;box-shadow:0 12px 24px rgba(37,99,235,.1)}
.step.done{background:linear-gradient(135deg,#ecfeff,#f0fdfa);color:#0f766e;border-color:#99f6e4}
.mobile-pane{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px}
#step1.mobile-pane{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe}
#step2.mobile-pane{background:linear-gradient(135deg,#ecfdf5,#ffffff);border-color:#bbf7d0}
#step3.mobile-pane{background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa}
#step4.mobile-pane{background:linear-gradient(135deg,#f8fbff,#ffffff 58%,#ecfeff);border-color:#bae6fd}
.mobile-pane h3{margin:0 0 14px 0;font-size:24px}
.grid2,.grid3,.grid4{display:grid;gap:12px}
.grid2{grid-template-columns:repeat(2,1fr)}
.grid3{grid-template-columns:repeat(3,1fr)}
.grid4{grid-template-columns:repeat(4,1fr)}
.single-grid{display:grid;grid-template-columns:1fr;gap:12px}
.striped-grid > div.field,.striped-single-grid > div.field{position:relative;padding:13px;border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 8px 18px rgba(37,99,235,.04)}
.striped-grid > div.field::before,.striped-single-grid > div.field::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:999px;opacity:.9}
.striped-grid > div.field:nth-of-type(odd),.striped-single-grid > div.field:nth-of-type(odd){background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);border-color:#bfdbfe}
.striped-grid > div.field:nth-of-type(even),.striped-single-grid > div.field:nth-of-type(even){background:linear-gradient(180deg,#f0fdff 0%,#ecfeff 100%);border-color:#a5f3fc}
.striped-grid > div.field:nth-of-type(odd)::before,.striped-single-grid > div.field:nth-of-type(odd)::before{background:linear-gradient(180deg,#2563eb,#60a5fa)}
.striped-grid > div.field:nth-of-type(even)::before,.striped-single-grid > div.field:nth-of-type(even)::before{background:linear-gradient(180deg,#0891b2,#22d3ee)}
.striped-grid > div.field label,.striped-single-grid > div.field label{margin-bottom:8px}
.field label{display:block;font-size:13px;font-weight:800;color:#334155;margin:0 0 6px 0;padding-left:10px}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.92);padding:13px;color:var(--text);outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.66)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#7cb3f5;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.field input[readonly],.field select[disabled]{background:#f8fafc;color:#475569}
.field small{display:block;margin-top:6px;font-size:11px;color:var(--muted);line-height:1.45}
.striped-grid > div.field label,.striped-single-grid > div.field label{display:flex;align-items:center;gap:8px;padding-left:4px}
.striped-grid > div.field label::before,.striped-single-grid > div.field label::before{content:"";width:18px;height:18px;border-radius:8px;flex:0 0 18px;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 6px 14px rgba(37,99,235,.16),inset 0 0 0 4px rgba(255,255,255,.38)}
.striped-grid > div.field:nth-of-type(even) label::before,.striped-single-grid > div.field:nth-of-type(even) label::before{background:linear-gradient(135deg,#0f766e,#22d3ee)}
.profile-field-grid .field label[data-icon]::before,.forum-compose .field label[data-icon]::before,.forum-reply-box .field label[data-icon]::before{content:attr(data-icon);width:auto;min-width:28px;height:24px;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:10px;font-weight:950;letter-spacing:.04em;box-shadow:0 8px 18px rgba(37,99,235,.16),inset 0 0 0 1px rgba(255,255,255,.35)}
.profile-select-field select{font-weight:850;color:#0f172a;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.profile-select-field select:focus{background:#fff}
.form-panel{position:relative;overflow:hidden}
.form-panel::after{content:"";position:absolute;right:-42px;bottom:-48px;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%);pointer-events:none}
.form-panel > *{position:relative;z-index:1}
.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.action-row .left,.action-row .right{display:flex;gap:10px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px;font-weight:800;color:#334155;cursor:pointer}
.btn.primary{background:var(--sky);border-color:var(--sky);color:#fff}
.btn.soft{background:#f8fbff}
.btn.good{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.btn.small{padding:10px 12px;border-radius:14px;font-size:13px}
.toolbar-card{display:flex;flex-direction:column;gap:14px;min-height:min-content}
.quick-select-panel{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.96));box-shadow:0 14px 30px rgba(37,99,235,.06)}
.quick-select-head{margin-bottom:0}
.profile-modern-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(96,165,250,.24);border-radius:24px;background:linear-gradient(135deg,#f8fbff,#ffffff 58%,#ecfeff);box-shadow:0 14px 30px rgba(37,99,235,.07)}
.profile-modern-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:20px;font-weight:900;box-shadow:0 14px 28px rgba(37,99,235,.18)}
.profile-modern-copy{display:grid;gap:3px;min-width:0}
.profile-modern-copy span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8}
.profile-modern-copy strong{font-size:18px;line-height:1.2;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-modern-copy p{margin:0;color:#64748b;font-size:12px;line-height:1.4}
.profile-modern-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:900;white-space:nowrap}
.quick-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:10px;padding:2px 0 0}
.quick-profile-chip{position:relative;min-height:106px;border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:14px 14px 14px 16px;background:#fff;display:grid;gap:6px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.quick-profile-chip::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:999px}
.quick-profile-chip.tone-a{background:linear-gradient(180deg,#f8fbff,#eef6ff);border-color:#bfdbfe}
.quick-profile-chip.tone-a::before{background:linear-gradient(180deg,#2563eb,#60a5fa)}
.quick-profile-chip.tone-b{background:linear-gradient(180deg,#f0fdff,#ecfeff);border-color:#a5f3fc}
.quick-profile-chip.tone-b::before{background:linear-gradient(180deg,#0891b2,#22d3ee)}
.quick-profile-chip strong{font-size:15px;color:#0f172a;padding-left:8px}
.quick-profile-chip span{font-size:12px;color:#475569;padding-left:8px;line-height:1.45}
.quick-profile-chip em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#1d4ed8;padding-left:8px}
.quick-profile-chip .quick-profile-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.88);font-weight:900;color:#1d4ed8}
.quick-profile-chip.active{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 18px 30px rgba(37,99,235,.12)}
.quick-profile-chip:hover,.quick-profile-chip:active{transform:translateY(-2px);box-shadow:0 16px 26px rgba(37,99,235,.1)}
.quick-profile-empty{padding:14px 16px;border:1px dashed #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#ffffff);color:#64748b;font-size:13px;line-height:1.55}
.profile-service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.profile-service-pill{border:1px solid rgba(125,211,252,.36);border-radius:18px;background:linear-gradient(135deg,#ecfeff,#ffffff);padding:12px}
.profile-service-pill .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.profile-service-pill .v{margin-top:6px;font-size:16px;font-weight:900;color:#0f172a}
.profile-finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-finance-pill{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);padding:12px}
.profile-finance-pill .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.profile-finance-pill .v{margin-top:6px;font-size:16px;font-weight:900;color:#0f172a}
.work-net-preview{margin:4px 0 2px 0;padding:12px 14px;border-radius:18px;border:1px solid #bfdbfe;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(240,253,250,.96));color:#1d4ed8;font-weight:800;box-shadow:0 12px 22px rgba(37,99,235,.08)}
.work-range-hint{margin:2px 0 0;padding:12px 14px;border-radius:18px;border:1px solid #a7f3d0;background:linear-gradient(135deg,#ecfdf5,#ffffff);color:#065f46;font-size:13px;font-weight:900;line-height:1.45;box-shadow:0 12px 22px rgba(16,185,129,.08)}
.work-advanced-field{display:none !important}
.work-view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.work-view-tabs .mode-btn{min-width:0;padding:11px 12px;border-radius:15px;font-size:14px}
.work-view-panel{display:grid;gap:14px}
.work-models-panel.hidden{display:none}
.work-model-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(191,219,254,.92);border-radius:26px;background:linear-gradient(135deg,#f8fbff,#ffffff 62%,#ecfeff);box-shadow:0 16px 34px rgba(37,99,235,.08)}
.work-model-hero h3{margin:4px 0 6px;font-size:28px}
.work-model-hero p{margin:0;color:#475569;line-height:1.55}
.work-model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.work-model-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:linear-gradient(145deg,#ffffff,#f8fbff);padding:14px 14px 14px 18px;display:grid;gap:8px;text-align:left;cursor:pointer;box-shadow:0 14px 28px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.work-model-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#2563eb,#14b8a6)}
.work-model-card.active,.work-model-card:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 18px 34px rgba(37,99,235,.14)}
.work-model-card span{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.work-model-card img{display:none}
.work-model-card strong{font-size:15px;color:#0f172a;line-height:1.18}
.work-model-card small{color:#64748b;line-height:1.45;font-weight:800}
.work-model-preview-panel{display:grid;gap:14px;align-items:start}
.work-model-preview{display:none}
.work-model-sheet{border:1px solid rgba(191,219,254,.9);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);padding:16px;box-shadow:0 16px 34px rgba(37,99,235,.07)}
.work-model-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(191,219,254,.85)}
.work-model-sheet-head strong{font-size:21px;color:#0f172a}
.work-model-sheet-head span,.work-model-sheet-meta span{color:#475569;font-size:12px;font-weight:900}
.work-model-sheet-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.work-model-sheet-meta span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #bfdbfe}
.work-model-table{display:grid;border:1px solid rgba(191,219,254,.92);border-radius:18px;overflow:hidden;background:#fff}
.work-model-row{display:grid;grid-template-columns:1.1fr .8fr .7fr .7fr 1fr;gap:0;border-bottom:1px solid rgba(191,219,254,.72)}
.work-model-row:last-child{border-bottom:none}
.work-model-row.head{background:linear-gradient(135deg,#0f3761,#1d4ed8);color:#fff;font-weight:950}
.work-model-row span{padding:9px 10px;border-right:1px solid rgba(191,219,254,.62);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.work-model-row span:last-child{border-right:none}
.work-model-row:not(.head):nth-child(odd){background:#f8fbff}
.work-model-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.work-model-kpi{padding:11px;border-radius:16px;background:#fff;border:1px solid #bfdbfe}
.work-model-kpi .k{font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.work-model-kpi .v{margin-top:5px;font-size:16px;font-weight:950;color:#0f172a}
.work-doc-sheet{background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:18px;box-shadow:0 16px 34px rgba(15,23,42,.08);overflow:auto;color:#111827}
.work-doc-sheet.landscape{min-width:980px}
.work-doc-head{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:16px;align-items:start;text-align:center;margin-bottom:14px}
.work-doc-logo{font-weight:950;font-size:23px;line-height:1;color:#111827;text-align:left}
.work-doc-logo small{display:block;margin-top:4px;font-size:10px;letter-spacing:.16em}
.work-doc-head h3{margin:8px 0 0;font-size:26px;line-height:1.18;text-transform:uppercase}
.work-doc-code{font-weight:900;text-align:right}
.work-doc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:12px 0 18px}
.work-doc-field{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px;align-items:end}
.work-doc-field label{font-weight:900;font-size:13px}
.work-doc-input,.work-doc-sheet input{width:100%;border:0;border-bottom:1px solid #111827;border-radius:0;background:transparent;padding:5px 4px;font:inherit;color:#111827;outline:none}
.work-doc-table{width:100%;border-collapse:collapse;background:#fff}
.work-doc-table th,.work-doc-table td{border:1px solid #111827;padding:8px 9px;font-size:13px;line-height:1.25;vertical-align:middle}
.work-doc-table th{font-weight:950;background:#f8fafc;text-align:center}
.work-doc-table input{border-bottom:0;text-align:center;padding:2px}
.work-doc-table .left{text-align:left}
.work-doc-foot{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.work-doc-sign{min-height:58px;border-top:1px solid #111827;padding-top:8px;text-align:center;font-weight:800}
.work-doc-note{font-size:12px;color:#374151;line-height:1.45;margin-top:12px}
.work-doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.floating-whatsapp-contact{position:fixed;right:14px;bottom:calc(14px + var(--android-bottom-inset, 0px));z-index:120;width:58px;height:58px;border-radius:22px;border:1px solid rgba(255,255,255,.82);background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.22);display:grid;place-items:center;overflow:hidden}
.floating-whatsapp-contact img{width:100%;height:100%;object-fit:cover}
.floating-whatsapp-contact:hover{transform:translateY(-2px)}
.profile-save-status{display:none;border:1px solid #86efac;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#ffffff);color:#166534;font-weight:900;padding:12px 14px;box-shadow:0 10px 22px rgba(22,101,52,.08)}
.profile-save-status.show{display:block}
.work-mode-hidden{display:none !important}
.saved-list{display:flex;flex-direction:column;gap:10px;padding-bottom:6px}
.saved-card{border:1px solid rgba(148,163,184,.18);border-radius:20px;background:#fff;padding:14px 14px 12px;box-shadow:0 10px 22px rgba(37,99,235,.05)}
.saved-card.tone-a{background:linear-gradient(180deg,#f8fbff,#eef6ff);border-color:#bfdbfe}
.saved-card.tone-b{background:linear-gradient(180deg,#f0fdff,#ecfeff);border-color:#a5f3fc}
.saved-card.active{border-color:#2563eb;box-shadow:0 16px 30px rgba(37,99,235,.12)}
.saved-card .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.saved-card .name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.saved-card .name{font-weight:900}
.saved-state-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(37,99,235,.18);font-size:11px;font-weight:900;color:#1d4ed8;white-space:nowrap}
.saved-card .meta{font-size:12px;color:#64748b;line-height:1.5;margin-top:4px}
.saved-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.saved-actions .btn{width:100%;display:flex;align-items:center;justify-content:center}
.info-box{background:#f8fbff;border:1px solid var(--line2);border-radius:20px;padding:14px}
.data-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.data-pill{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}
.data-pill:nth-child(1){background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe}
.data-pill:nth-child(2){background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa}
.data-pill:nth-child(3){background:linear-gradient(135deg,#ecfdf5,#ffffff);border-color:#bbf7d0}
.data-pill .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.data-pill .v{margin-top:6px;font-size:22px;font-weight:900}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 22px rgba(37,99,235,.05)}
.kpi-grid .kpi:nth-child(4n+1),.bottom-kpis .kpi:nth-child(4n+1){background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe}
.kpi-grid .kpi:nth-child(4n+2),.bottom-kpis .kpi:nth-child(4n+2){background:linear-gradient(135deg,#ecfeff,#ffffff);border-color:#a5f3fc}
.kpi-grid .kpi:nth-child(4n+3),.bottom-kpis .kpi:nth-child(4n+3){background:linear-gradient(135deg,#f0fdf4,#ffffff);border-color:#bbf7d0}
.kpi-grid .kpi:nth-child(4n),.bottom-kpis .kpi:nth-child(4n){background:linear-gradient(135deg,#fff7ed,#ffffff);border-color:#fed7aa}
.kpi .k{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.kpi .v{font-size:20px;font-weight:900;margin-top:6px}
.summary{display:grid;grid-template-columns:1fr;gap:12px}
.summary-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line2);padding-bottom:12px}
.summary-company{display:flex;gap:12px;align-items:center}
.summary-company img{width:54px;height:54px;object-fit:contain;border:1px solid var(--line);border-radius:16px;background:#fff;padding:8px}
.summary-title-row{display:flex;align-items:center;gap:10px;margin-top:4px}
.result-box{border:1px solid #86efac;border-radius:18px;background:linear-gradient(135deg,#ecfdf5,#ffffff);padding:12px 14px;text-align:right;min-width:160px;box-shadow:0 14px 28px rgba(16,185,129,.12)}
.result-box .k{font-size:12px;color:#64748b}
.result-box .v{margin-top:6px;font-size:28px;font-weight:900}
.disclaimer{padding:12px 14px;border:2px solid #f97316;border-radius:14px;background:#fff7ed;color:#9a3412;font-weight:800;text-align:center;line-height:1.55}
.disclaimer:empty{display:none}
.inline-disclaimer{margin:12px 0 2px}
.official-payroll{display:none;position:relative;font-family:"Times New Roman",serif;color:#111;background:#fff;border:1px solid #111;padding:10px;overflow:auto;box-shadow:0 14px 28px rgba(15,23,42,.08)}
.official-payroll h2{margin:0 0 10px 0;text-align:center;color:#8b0000;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:900;letter-spacing:.08em;text-shadow:0 1px 0 #fff,0 8px 18px rgba(139,0,0,.10)}
.payroll-watermark{position:absolute;left:50%;top:50%;width:min(70%,620px);height:auto;transform:translate(-50%,-50%);opacity:.055;pointer-events:none;z-index:0}
.official-payroll > *:not(.payroll-watermark){position:relative;z-index:1}
.payroll-warning{border:2px solid #b91c1c;color:#8b0000;background:rgba(255,247,237,.92);font-weight:800;text-align:center;padding:6px 10px;line-height:1.25;margin:6px 0 8px}
.payroll-warning.top{text-transform:uppercase}
.payroll-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;min-width:980px}
.payroll-stack{display:grid;gap:8px;align-content:start}
.payroll-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
.payroll-table th,.payroll-table td{border:1px solid #111;padding:4px 5px;font-size:15px;line-height:1.05;vertical-align:top}
.payroll-table th{color:#00008b;font-weight:700;text-align:left}
.payroll-table tbody tr:nth-child(odd) td{background:rgba(239,246,255,.72)}
.payroll-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.86)}
.payroll-table .num{text-align:right;white-space:nowrap}
.payroll-table .total td,.payroll-table tr.total th{font-weight:700;background:rgba(219,234,254,.9)}
.payroll-meta th{width:30%;color:#111}
.payroll-meta td{font-weight:500}
.payroll-final .net-blue td{color:#0000b0;font-weight:700}
.payroll-final .net-red td{color:#9b0000;font-weight:700}
.payroll-receipt{min-width:980px;margin-top:8px;border:1px solid #111;padding:8px 10px;font-size:14px;line-height:1.35;font-weight:700}
.summary-split{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sum-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:14px}
.sum-card h4{margin:0 0 10px 0;font-size:18px}
.sum-card.income-card{border-color:#bfdbfe;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.sum-card.income-card h4{color:#1d4ed8}
.sum-card.deduction-card{border-color:#fecdd3;background:linear-gradient(180deg,#fff7f8 0%,#ffffff 100%)}
.sum-card.deduction-card h4{color:#be123c}
.line{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #eef6ff;border-radius:12px;margin-bottom:4px}
.line:nth-child(odd){background:#f8fbff}
.line:nth-child(even){background:#eef6ff}
.line:last-child{border-bottom:none;margin-bottom:0;background:#e8f1ff}
.line .l{color:#475569}
.line .r{font-weight:800}
.line .r.neg{color:var(--danger)}
.bottom-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bottom-note{padding:12px 14px;border:1px solid var(--line);background:#f8fbff;border-radius:16px;color:#475569;font-size:12px;line-height:1.55}.bottom-note:empty{display:none}
.sticky-nav{position:sticky;bottom:calc(14px + var(--android-bottom-inset, 0px));z-index:12}
.sticky-wrap{margin-top:8px;display:flex;justify-content:space-between;gap:10px;background:#ffffffd8;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 12px 28px rgba(15,23,42,.08)}
.hidden{display:none !important}
.announcement-welcome{position:fixed;left:0;right:0;bottom:calc(18px + var(--android-bottom-inset, 0px));z-index:110;display:grid;place-items:center;padding:0 14px;pointer-events:none}
.announcement-welcome-card{position:relative;width:min(560px,100%);display:grid;gap:8px;padding:16px 48px 16px 18px;border-radius:24px;border:1px solid #bae6fd;background:linear-gradient(135deg,#ecfeff,#ffffff 62%,#eff6ff);box-shadow:0 24px 70px rgba(15,23,42,.22);pointer-events:auto}
.announcement-welcome-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:999px;border:1px solid #bfdbfe;background:#fff;color:#0f172a;font-size:22px;line-height:1;cursor:pointer}
.announcement-welcome-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#0f766e}
.announcement-welcome-card strong{font-size:19px;line-height:1.2;color:#0f172a}
.announcement-welcome-card span{font-size:13px;line-height:1.5;color:#475569}
.announcement-welcome-image{width:100%;max-height:170px;object-fit:cover;border-radius:18px;border:1px solid #bfdbfe;background:#fff}
.announcement-welcome-link{width:max-content;margin-top:4px;font-size:13px;font-weight:900;color:#2563eb;text-decoration:none}
.announcement-welcome-link:hover{text-decoration:underline}
.tedb-box{padding:18px;display:grid;gap:16px}
.tedb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.tedb-head h3{margin:0;font-size:28px}.tedb-head p{margin:6px 0 0 0;color:#475569;line-height:1.6;max-width:760px}
.tedb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tedb-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:16px}.tedb-card .k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.tedb-card .v{font-size:28px;font-weight:900;margin-top:8px;color:#0f172a}.tedb-card .s{margin-top:8px;font-size:13px;color:#475569;line-height:1.5}.tedb-note{border:1px solid var(--line);background:#f8fbff;border-radius:20px;padding:14px;color:#334155;line-height:1.6}.tedb-note:empty{display:none}.tedb-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tedb-mini .mini{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px}.tedb-mini .mini .k{font-size:11px;text-transform:uppercase;color:#64748b}.tedb-mini .mini .v{margin-top:6px;font-size:20px;font-weight:800}.tedb-controls{border:1px solid var(--line);background:#f8fbff;border-radius:22px;padding:14px}.tedb-selected{border:2px solid #bfdbfe;background:#fff;border-radius:22px;padding:16px}.tedb-selected h4{margin:0 0 10px 0;font-size:20px}.tedb-selected .big{font-size:32px;font-weight:900}.tedb-selected .sub{margin-top:6px;color:#64748b;font-size:13px}.tedb-selected .sub:empty{display:none}.tedb-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tedb-ref-grid .mini{border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px}.tedb-ref-grid .mini .k{font-size:11px;text-transform:uppercase;color:#64748b}.tedb-ref-grid .mini .v{margin-top:6px;font-size:18px;font-weight:800}.tedb-summary .line{padding:10px 12px;border:1px solid #edf4ff;border-radius:12px;margin-bottom:6px;border-bottom:none}.tedb-summary .line:nth-child(odd){background:#f8fbff}.tedb-summary .line:last-child{background:#eef6ff;font-weight:800}.print-sheet{display:none}.simple-table{width:100%;border-collapse:separate;border-spacing:0 8px}.simple-table th,.simple-table td{padding:12px 14px;text-align:left;background:#f8fbff;border:1px solid #e3efff}.simple-table th:first-child,.simple-table td:first-child{border-radius:12px 0 0 12px}.simple-table th:last-child,.simple-table td:last-child{border-radius:0 12px 12px 0;text-align:right;font-weight:800}.simple-table tbody tr.section td{background:#fff;border-color:#d7e8ff;font-weight:900;color:#2563eb}.simple-table tbody tr:last-child td{background:#eef6ff;font-weight:900}
@media (max-width:980px){.hero h2{font-size:42px}.home-stage,.forum-grid,.facility-shell-grid,.facility-hero-strip,.home-bulletin-stage{grid-template-columns:1fr}.home-grid,.simple-grid,.summary-split,.bottom-kpis,.grid4,.grid3,.grid2,.stepper,.data-strip,.kpi-grid,.tedb-grid,.tedb-mini,.tedb-ref-grid,.form-shell,.leave-layout,.leave-kpi-grid,.work-kpi-grid,.facility-kpi-grid,.facility-contact-grid,.work-model-grid{grid-template-columns:1fr 1fr}.home-showcase{min-height:260px}.forum-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-drawer .profile-field-grid{grid-template-columns:1fr}.profile-finance-strip,.profile-service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

.sum-card .line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0;border:1px solid #dbeafe;border-radius:16px;margin-bottom:8px;border-bottom:none;overflow:hidden;background:#fff}
.sum-card .line:nth-child(odd),.sum-card .line:nth-child(even){background:#fff}
.sum-card .line .l,.sum-card .line .r{padding:12px 14px}
.sum-card .line .l{background:#eff6ff;color:#1e3a8a}
.sum-card .line .r{background:#dbeafe;border-left:4px solid #60a5fa;text-align:right}
.sum-card .line:last-child{background:#fff;font-weight:800}
.sum-card .line:last-child .l,.sum-card .line:last-child .r{font-weight:900}
.sum-card.income-card .line{border-color:#bfdbfe}
.sum-card.income-card .line .l{background:#eff6ff;color:#1e3a8a}
.sum-card.income-card .line .r{background:#dbeafe;border-left-color:#60a5fa;color:#1e3a8a}
.sum-card.income-card .line:last-child .l{background:#dbeafe}
.sum-card.income-card .line:last-child .r{background:#bfdbfe}
.sum-card.deduction-card .line{border-color:#fecdd3}
.sum-card.deduction-card .line .l{background:#fff1f2;color:#9f1239}
.sum-card.deduction-card .line .r{background:#ffe4e6;border-left-color:#fb7185;color:#9f1239}
.sum-card.deduction-card .line .r.neg{color:#be123c}
.sum-card.deduction-card .line:last-child .l{background:#ffe4e6}
.sum-card.deduction-card .line:last-child .r{background:#fecdd3}
.splash-screen[aria-hidden="true"]{display:none}
@keyframes splashPanelIn{0%{opacity:0;transform:translateY(26px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes splashLogoPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}
@keyframes splashPosterFloat{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
@keyframes railPulse{0%,100%{transform:scaleX(.72);opacity:.55}50%{transform:scaleX(1);opacity:1}}
@keyframes orbitFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.04)}}
@keyframes appShellIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes sectionLift{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
@keyframes showcaseFloat{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-10px) rotate(1deg) scale(1.02)}}
@keyframes showcasePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes cardBadgeFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}50%{transform:translateY(-6px) rotate(1.5deg) scale(1.03)}}
@keyframes cardAuraDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(10px,-8px,0) scale(1.06)}}
@keyframes cardTextureShift{0%,100%{transform:rotate(-8deg) translate3d(0,0,0)}50%{transform:rotate(-5deg) translate3d(-8px,-6px,0)}}
.kpi-grid.compact3{grid-template-columns:repeat(3,1fr)}
@media print{
  @page{size:210mm 297mm;margin:.75mm}
  html,body{background:#fff !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body *{visibility:hidden !important}
  #printSheet,#printSheet *{visibility:visible !important}
  #printSheet{position:absolute;left:0;top:0;width:100%;max-width:none !important;padding:0 !important;margin:0 !important;border:none !important;box-shadow:none !important;background:#fff !important}
  #step4 .action-row,.sticky-nav,header{display:none !important}
  #printSheet > .summary-head,#printSheet > .summary-split,#printSheet > .bottom-kpis,#printSheet .info-trigger,#printSheet .info-panel{display:none !important}
  #printSheet .official-payroll{display:block !important;border:none !important;padding:0 !important;margin:0 !important;box-shadow:none !important;overflow:visible !important;zoom:.66;width:151.5% !important;box-sizing:border-box !important}
  #printSheet .payroll-watermark{width:72% !important;opacity:.06 !important}
  #printSheet .official-payroll h2{font-size:16.5pt !important;margin:0 0 1.6mm 0 !important;letter-spacing:.09em !important}
  #printSheet .payroll-warning{font-size:7.8pt !important;padding:.9mm 1.3mm !important;margin:1mm 0 !important;border-width:1px !important}
  #printSheet .payroll-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1.7mm !important;margin-top:1.5mm !important;min-width:0 !important;break-inside:avoid;page-break-inside:avoid}
  #printSheet .payroll-stack{gap:1.25mm !important}
  #printSheet .payroll-table th,#printSheet .payroll-table td{font-size:7.15pt !important;line-height:.98 !important;padding:.68mm .82mm !important}
  #printSheet .payroll-receipt{min-width:0 !important;margin-top:1.3mm !important;font-size:7.7pt !important;padding:.9mm 1.3mm !important;break-inside:avoid;border-width:1px !important}
  #printSheet .disclaimer{display:none !important}
  body.print-tedb *{visibility:hidden !important}
  body.print-tedb #tedbPrintSheet,body.print-tedb #tedbPrintSheet *{visibility:visible !important}
  body.print-tedb #tedbPrintSheet{display:grid !important;position:absolute;left:0;top:0;width:100%;max-width:none !important;padding:0 !important;margin:0 !important;border:none !important;box-shadow:none !important;background:#fff !important}
  body.print-tedb .sticky-nav,body.print-tedb header{display:none !important}
}
@media (max-width:720px){.wrap{padding:0 10px}main{padding-top:12px}.hero{padding:16px}.hero h2{font-size:32px}.home-stage,.home-grid,.home-grid-rich,.simple-grid,.summary-split,.bottom-kpis,.grid4,.grid3,.grid2,.data-strip,.kpi-grid,.kpi-grid.compact3,.tedb-ref-grid,.form-shell,.forum-grid,.forum-strip,.leave-layout,.leave-kpi-grid,.work-kpi-grid,.facility-kpi-grid,.facility-contact-grid,.facility-shell-grid,.home-bulletin-stage,.home-management-actions,.work-model-grid,.work-model-kpi-strip{grid-template-columns:1fr}.mode-switch{flex-direction:column}.mode-btn{width:100%}.work-model-hero{display:grid}.work-model-row{grid-template-columns:1fr 1fr}.work-model-row.head span:nth-child(n+3),.work-model-row span:nth-child(n+3){display:none}.floating-whatsapp-contact{width:52px;height:52px;right:10px;bottom:calc(10px + var(--android-bottom-inset, 0px))}.topbar{min-height:78px;padding:8px 0}.topbar-left{gap:10px}.brand img{width:70px;height:70px}.brand h1{font-size:15px}.topbar-session-logout{font-size:11px;padding:8px 10px}.topbar-slogan{font-size:10px;letter-spacing:.10em;padding:6px 10px;top:auto;bottom:7px;left:auto;right:10px;transform:translateY(0) scale(.96)}.topbar-slogan.show{transform:translateY(0) scale(1)}.home-kicker-row{justify-content:space-between}.home-management-head{grid-template-columns:auto minmax(0,1fr)}.home-management-head img{width:72px;height:58px}.home-management-head h3{font-size:22px}.home-showcase{min-height:246px}.showcase-logo-stage{width:min(84%,256px)}.home-card-top{align-items:flex-start}.home-card-figure,.leave-figure,.work-figure{width:102px;height:78px}.home-card h3,.forum-card h3{font-size:24px}.home-card-line{font-size:12px}.summary-head{flex-direction:column}.result-box{width:100%;text-align:left}.step{font-size:12px;padding:10px 8px}.salary-shell{padding:12px 12px calc(118px + var(--android-bottom-inset, 0px))}.sticky-nav{bottom:calc(16px + var(--android-bottom-inset, 0px))}.sticky-wrap .btn{flex:1}.splash-poster-shell{width:100vw;height:100vh;padding:10px}.splash-poster-frame{width:min(96vw,700px);max-height:calc(100vh - 20px);border-radius:22px}.splash-poster{max-height:calc(100vh - 20px)}.preview-item{grid-template-columns:1fr}.notification-history-actions{justify-content:stretch}.notification-history-actions .btn{flex:1}.salary-top-actions,.leave-topbar,.home-announcement,.home-bulletin-head{align-items:stretch}.drawer-summary-card{min-width:0}.profile-drawer,.nav-drawer{width:min(100vw,420px);padding:16px 14px 0}.profile-drawer-scroll{padding-bottom:calc(38px + var(--android-bottom-inset, 0px))}.drawer-head h3,.nav-drawer-head h3{font-size:24px}.saved-pane-head{align-items:stretch}.saved-pane-head .btn{width:100%}.profile-finance-strip,.profile-service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-finance-pill .v,.profile-service-pill .v{font-size:15px}.quick-profile-list{grid-template-columns:1fr}.facility-card-header{flex-direction:column}.facility-pill{width:max-content}.leave-weekdays span{font-size:11px;padding:8px 0}.leave-calendar-cell{min-height:78px;padding:8px}.leave-day-number{font-size:13px}.leave-event-chip{font-size:10px;padding:5px 6px}.leave-record-item{grid-template-columns:1fr}.home-bulletin-panel{padding:14px 14px 16px}.home-bulletin-title{font-size:22px}}
@media (max-width:980px){.forum-compose,.forum-workspace{grid-template-columns:1fr}.forum-title-field,.forum-body-field{grid-column:1}.forum-detail-title h3{font-size:22px}}
@media (max-width:720px){.forum-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.forum-hero-stats div{padding:11px 8px;border-radius:18px}.forum-hero-stats span{font-size:19px}.forum-hero-stats small{font-size:9px;letter-spacing:.06em}.forum-category-rail{margin-left:-4px;margin-right:-4px;border-radius:20px}.forum-category-rail button{min-width:132px}.forum-compose,.forum-board{padding:14px;border-radius:18px}.forum-board-head{flex-direction:column}.forum-board-head>span{width:max-content}.forum-compose-actions .btn,.forum-reply-box .btn{width:100%}.forum-topic-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.forum-topic-stat{grid-column:2;justify-self:start;display:flex;align-items:center;gap:5px;min-width:0;padding:6px 9px}.forum-topic-stat strong{font-size:14px}.forum-topic-meta,.forum-reply-meta,.forum-detail-meta{gap:6px}.forum-topic-meta span,.forum-detail-meta span,.forum-reply-meta span{font-size:11px}.forum-detail-main{grid-template-columns:1fr}.forum-topic-avatar.large{width:48px;height:48px}}
@media (max-width:720px){.forum-panel::after{right:-84px;top:24px;width:148px;height:148px;border-radius:38px}.forum-hero-head::after{justify-self:start;min-height:34px;padding:0 11px;font-size:9px;letter-spacing:.08em}.forum-hero-stats div{position:relative;padding-left:42px}.forum-hero-stats div::before{left:9px;width:26px;height:26px;border-radius:10px}}
@media (max-width:980px){.membership-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-admin-section-grid{grid-template-columns:1fr}}
@media (max-width:720px){.membership-admin-summary{grid-template-columns:1fr}.membership-admin-actions{display:grid;gap:8px;overflow:visible}.membership-action-row{display:grid;grid-template-columns:1fr;flex:1 1 auto}.membership-action-row .btn{width:100%;white-space:normal}}
@media (max-width:720px){.auth-gate-panel,.exchange-layout,.exchange-visual-band{grid-template-columns:1fr}.exchange-flow-rail{width:10px;height:34px;justify-self:center}.exchange-flow-rail i{width:100%;height:50%;animation:railPulseVertical 2.4s ease-in-out infinite}.exchange-route-body{grid-template-columns:1fr}.exchange-route-line{width:100%;height:6px}.facility-map-card{grid-template-columns:1fr;min-height:0}.facility-map-line{width:100%;height:7px}.auth-visual{min-height:160px}.auth-visual img{width:min(190px,72%)}.auth-copy h3{font-size:25px}.auth-choice-row .btn{flex:1}.membership-signup-hero img{width:min(190px,72%)}.exchange-hero-card{grid-template-columns:1fr;text-align:center;justify-items:center}.exchange-hero-card img{width:130px;height:96px}.exchange-figure{width:102px;height:78px}.membership-gate-home{grid-template-columns:1fr;text-align:center;justify-items:center}}
@keyframes railPulseVertical{0%,100%{transform:translateY(-15%)}50%{transform:translateY(115%)}}
@media (max-width:720px){.membership-signup-hero,.membership-admin-hero{grid-template-columns:auto minmax(0,1fr);text-align:left}.membership-signup-hero img,.membership-admin-hero img{width:82px;height:68px}.membership-shell.auth-login .auth-login-card{width:100%}.guest-login-btn{right:14px;bottom:14px}.membership-shell.auth-choice .auth-choice-row{display:grid;grid-template-columns:1fr;min-width:min(100%,320px)}}
@media (max-width:720px){.member-list-row{grid-template-columns:1fr;padding:13px 12px 13px 16px;gap:7px}.member-list-detail.wide{grid-column:auto}.member-list-panel{left:8px;right:8px;top:calc(8px + env(safe-area-inset-top));bottom:calc(8px + var(--android-bottom-inset, 0px));width:auto;max-height:none;border-radius:24px;padding:14px;grid-template-rows:auto auto auto minmax(220px,1fr)}.member-list{max-height:none}.member-list-row .name{font-size:15px}.member-list-detail strong{font-size:12px}}
@media (max-width:720px){.salary-top-actions{display:block}.personnel-summary-card{min-height:0;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"head info" "copy avatar" "metrics metrics";padding:16px 14px;border-radius:24px;gap:10px 10px}.personnel-summary-card::before{top:28px;bottom:28px;width:5px}.personnel-summary-card::after{right:6px;top:52px;width:96px;height:96px}.personnel-summary-head{gap:8px}.personnel-summary-icon{width:32px;height:32px}.personnel-summary-icon.person-icon::before{top:7px;width:9px;height:9px}.personnel-summary-icon.person-icon::after{bottom:7px;width:17px;height:9px}.personnel-summary-card .k{font-size:10px;letter-spacing:.12em}.personnel-summary-label{font-size:12px}.personnel-summary-sicil{font-size:34px}.personnel-summary-card .v{font-size:24px;line-height:1.08}.personnel-summary-card .s{font-size:12px;line-height:1.34}.personnel-summary-card .s:not(:empty)::before{width:14px;height:14px}.personnel-summary-info{width:34px;height:34px;font-size:18px}.personnel-summary-avatar-wrap{width:96px;height:96px;min-width:0;min-height:0;border-width:3px;outline-width:2px;box-shadow:0 14px 26px rgba(15,23,42,.13),0 0 0 6px rgba(255,255,255,.88)}.personnel-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:10px}.personnel-summary-metrics>span{grid-template-columns:1fr;grid-template-areas:"icon" "label" "value";justify-items:start;align-items:start;gap:4px;padding:9px 8px;border-radius:15px}.metric-icon{width:27px;height:27px;border-radius:9px}.briefcase-icon::before{left:7px;right:7px;bottom:7px;height:12px;border-width:3px}.briefcase-icon::after{left:11px;right:11px;top:7px;height:6px;border-width:3px;border-bottom:0}.bars-icon::before{left:7px;bottom:7px;width:5px;height:10px;box-shadow:8px -5px 0 #fff,16px -10px 0 #fff}.clock-icon::before{inset:7px;border-width:3px}.clock-icon::after{left:13px;top:9px;width:3px;height:9px;box-shadow:4px 6px 0 -1px #fff}.personnel-summary-metrics em{font-size:10px}.personnel-summary-metrics strong{font-size:12px}.compact-profile-card{grid-template-columns:minmax(0,1fr) 94px}.compact-profile-card .personnel-summary-avatar-wrap{width:86px;height:86px}.compact-profile-card .personnel-summary-sicil{font-size:30px}.compact-profile-card .v{font-size:22px}.salary-top-buttons{display:block}.profile-avatar-card{min-width:0;width:100%;min-height:156px;padding:14px;border-radius:22px}.profile-avatar{width:66px;height:66px;border-radius:22px;font-size:21px}.profile-avatar-card-orbit{width:104px;height:104px}.profile-avatar-card-label{font-size:15px}.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px}.leave-balance-grid .leave-kpi{padding:10px;border-radius:16px}.leave-balance-grid .leave-kpi .k{font-size:10px;letter-spacing:.04em}.leave-balance-grid .leave-kpi .v{font-size:16px}}
@media (max-width:330px){.personnel-summary-card{grid-template-columns:1fr;grid-template-areas:"head" "copy" "avatar" "metrics";justify-items:stretch}.personnel-summary-info{position:absolute;right:14px;top:14px}.personnel-summary-avatar-wrap{justify-self:center;width:112px;height:112px}.compact-profile-card{grid-template-columns:1fr}.compact-profile-card .personnel-summary-avatar-wrap{width:104px;height:104px}}
@media (max-width:720px){.notification-command-grid{grid-template-columns:1fr}.notification-command-card{border-radius:18px}.notification-history-badges span{font-size:9px;min-height:24px;padding:5px 8px}.notification-admin-card .striped-single-grid{grid-template-columns:1fr}}
@media (max-width:720px){.profile-modern-hero{grid-template-columns:auto minmax(0,1fr);align-items:start}.profile-modern-pill{grid-column:1 / -1;width:max-content}.profile-modern-copy strong{white-space:normal}}
@media (max-width:980px){.home-showcase{min-height:170px}.showcase-logo-stage{width:min(70%,214px)}}
@media (max-width:720px){.topbar::before{inset:0 -10px 5px -10px;opacity:.9;background-size:cover;background-position:center center}.home-showcase{min-height:142px}.showcase-logo-stage{width:min(64%,156px)}.hero{padding:12px}}
@media (min-width:1180px){.personnel-summary-card{grid-template-columns:minmax(390px,1fr) minmax(252px,300px)}.personnel-summary-avatar-wrap{height:138px}.personnel-summary-card::after{width:min(30%,310px)}}
@media (max-width:720px){.personnel-summary-card{grid-template-columns:minmax(0,1fr) 108px;gap:9px 9px}.personnel-summary-card::after{display:none}.personnel-summary-avatar-wrap{width:108px;height:116px;justify-self:end;align-self:center;border-radius:20px;border-width:1px;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 24px rgba(37,99,235,.10)}.personnel-summary-avatar-wrap .profile-avatar,.personnel-summary-avatar-wrap .profile-avatar.has-profession-image{width:58px;height:58px;border-width:2px;outline-width:1px;font-size:22px}.personnel-summary-avatar-wrap .profile-avatar-card-label{max-width:calc(100% - 12px);padding:4px 7px;font-size:9px;line-height:1.1;letter-spacing:0}.compact-profile-card{grid-template-columns:minmax(0,1fr) 100px}.compact-profile-card .personnel-summary-avatar-wrap{width:100px;height:108px}.compact-profile-card .personnel-summary-avatar-wrap .profile-avatar,.compact-profile-card .personnel-summary-avatar-wrap .profile-avatar.has-profession-image{width:54px;height:54px}}
@media (max-width:330px){.personnel-summary-avatar-wrap,.compact-profile-card .personnel-summary-avatar-wrap{width:132px;height:124px}.personnel-summary-avatar-wrap .profile-avatar,.personnel-summary-avatar-wrap .profile-avatar.has-profession-image{width:64px;height:64px}}

.site-footer{display:grid;justify-items:center;gap:8px;margin:10px auto 24px;padding:14px 12px 18px;color:#64748b;text-align:center;font-size:12px}
.site-footer-sign{font-weight:900;color:#334155;line-height:1.45}
.site-footer-sign span{font-weight:800;color:#475569}
.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.site-footer-links a{color:#64748b;text-decoration:none;font-weight:800;font-size:11px}
.site-footer-links a:hover{color:#1d4ed8;text-decoration:underline}
body.image-preview-open{overflow-x:hidden;overflow-y:auto}
.image-preview-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.74);backdrop-filter:blur(8px)}
.image-preview-shell{width:min(980px,100%);height:min(86svh,820px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#eff6ff);box-shadow:0 30px 90px rgba(15,23,42,.34)}
.image-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}
.image-preview-head strong{min-width:0;color:#0f172a;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-preview-stage{min-height:0;overflow:hidden;border-radius:18px;border:1px solid #bfdbfe;background:#0f172a;display:grid;place-items:center;touch-action:none;cursor:grab}
.image-preview-stage:active{cursor:grabbing}
.image-preview-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform .04s linear;user-select:none;-webkit-user-drag:none}
.image-preview-foot{display:flex;justify-content:center;padding-bottom:2px}
.image-preview-foot a{font-size:12px;font-weight:900;color:#1d4ed8;text-decoration:none}
.image-preview-foot a:hover{text-decoration:underline}
@media (max-width:720px){.image-preview-modal{padding:8px}.image-preview-shell{height:calc(100svh - 16px);border-radius:18px}.image-preview-head strong{font-size:13px}.site-footer{margin-bottom:16px}}

:root{--android-bottom-inset:env(safe-area-inset-bottom, 0px);}
html,body{min-height:100%;overscroll-behavior-x:none;overscroll-behavior-y:auto;-webkit-tap-highlight-color:transparent;text-size-adjust:100%;}
body{min-height:100svh}