*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:#f8fafc;color:#1e293b;font-size:16.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
main{max-width:100%;overflow-x:hidden}
.text-sm{font-size:.95rem;line-height:1.55}
.text-xs{font-size:.82rem;line-height:1.45}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.container-page{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.container-page{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){.container-page{padding-left:2rem;padding-right:2rem}}
.btn-primary,.btn-secondary,.btn-success{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:.55rem;padding:.75rem 1.1rem;font-size:.95rem;font-weight:800;line-height:1.25rem;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:.18s ease;white-space:nowrap}
.btn-primary{background:#1b569e;color:#fff}
.btn-primary:hover{background:#143f75;transform:translateY(-1px);box-shadow:0 12px 28px rgba(27,86,158,.2)}
.btn-secondary{border:1px solid #cbd5e1;background:#fff;color:#334155}
.btn-secondary:hover{border-color:#ec2728;background:#fff7f7;color:#b91c1c;transform:translateY(-1px)}
.btn-compact{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}
.btn-activate{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:.55rem;border:1px solid #6ee7b7;background:#ecfdf5;color:#047857;padding:.75rem 1.1rem;font-size:.95rem;font-weight:800;line-height:1.25rem;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:.18s ease;white-space:nowrap}
.btn-activate:hover{border-color:#34d399;background:#d1fae5;color:#065f46;transform:translateY(-1px)}
.btn-success{background:#12805c;color:#fff}
.btn-success:hover{background:#047857;transform:translateY(-1px)}
.nav-link{display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;padding:.7rem .95rem;color:#334155;white-space:nowrap}
.nav-link:hover{background:#eef5ff;color:#1b569e}
.card{position:relative;overflow:hidden;border:1px solid #e2e8f0;background:#fff;border-radius:.6rem;box-shadow:0 1px 2px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#1b569e,#ec2728);opacity:.72}
.card:hover,.floating-card:hover{transform:translateY(-5px);border-color:rgba(236,39,40,.25);box-shadow:0 18px 45px rgba(27,86,158,.14)}
.panel{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:.85rem;box-shadow:0 18px 45px rgba(27,86,158,.1)}
.form-input-main{width:100%;border-radius:.55rem;border:1px solid #cbd5e1;background:#fff;padding:.75rem .9rem;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.form-input-main:focus{outline:2px solid transparent;outline-offset:2px;border-color:#1b569e;box-shadow:0 0 0 3px rgba(27,86,158,.16)}
.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.18rem .7rem;font-size:.78rem;font-weight:800;line-height:1rem}
.hero-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#ffffff 52%,#fff7f7 100%)}
.hero-shell:before,.hero-shell:after{content:"";display:none}
.home-hero:before{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.88) 34%,rgba(255,255,255,.68) 60%,rgba(255,255,255,.55) 100%),url('/hero-helpdesk-bg.png') center right/cover no-repeat;opacity:.9}
.home-hero:after{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(27,86,158,.05),rgba(236,39,40,.04))}
.hero-content{position:relative;z-index:1}
.glass-panel{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(203,213,225,.72);box-shadow:0 22px 60px rgba(27,86,158,.14)}
.chart-bar{background:linear-gradient(180deg,#ec2728,#1b569e);border-radius:.5rem .5rem .25rem .25rem;min-height:1rem;transition:height .2s ease,filter .2s ease,transform .2s ease}
.group:hover .chart-bar{filter:saturate(1.2);transform:scaleX(1.08)}
.content-html{max-width:none;color:#334155;overflow-wrap:anywhere;word-break:break-word}
.content-html a{overflow-wrap:anywhere;word-break:break-word}
.content-html img,.content-html video,.content-html iframe{max-width:100%}
.content-html h1,.content-html h2,.content-html h3,.content-html h4{margin-top:2rem;font-weight:800;color:#020617}
.content-html h1{font-size:1.875rem}
.content-html h2{font-size:1.5rem}
.content-html h3{font-size:1.25rem}
.content-html p{margin-top:1rem;margin-bottom:1rem;line-height:1.75}
.content-html ul{margin:1rem 0;padding-left:1.5rem;list-style:disc}
.content-html ol{margin:1rem 0;padding-left:1.5rem;list-style:decimal}
.content-html table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;display:block;max-width:100%;overflow-x:auto}
.content-html th,.content-html td{border:1px solid #e2e8f0;padding:.5rem .75rem;text-align:left}
.post-action-button{display:inline-flex;height:3rem;min-width:3rem;align-items:center;justify-content:center;gap:.35rem;border-radius:.65rem;border:1px solid #cbd5e1;background:#fff;color:#334155;padding:0 .75rem;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-appearance:none;appearance:none;box-sizing:border-box}
.post-actions form{display:flex;margin:0}
.post-action-button:hover{border-color:#1b569e;background:#eef5ff;color:#1b569e;transform:translateY(-1px);box-shadow:0 12px 28px rgba(27,86,158,.14)}
.post-action-button:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(27,86,158,.18)}
.post-action-button:disabled{cursor:wait;opacity:.75}
.post-like-button{min-width:4rem}
.post-action-button.is-liked{border-color:#1b569e;background:#eef5ff;color:#1b569e}
.post-like-button:active,.post-like-button.is-liked{border-color:#1b569e;background:#eef5ff;color:#1b569e}
.post-like-button:active svg,.post-like-button.is-liked svg{fill:currentColor;stroke:currentColor}
.post-action-count{font-size:.78rem;font-weight:900;line-height:1}
.post-external-link{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
@media print{header,footer,aside,.post-related{display:none!important}body{background:#fff;color:#0f172a}.container-page{max-width:none!important;padding-left:0!important;padding-right:0!important}.card{border:0!important;box-shadow:none!important;transform:none!important}.card:before{display:none!important}a[href]:after{content:""}}
.bg-oab-blue{background-color:#1b569e}
.bg-oab-navy{background-color:#123e73}
.bg-oab-green{background-color:#12805c}
.bg-oab-red{background-color:#ec2728}
.from-oab-blue{--tw-gradient-from:#1b569e var(--tw-gradient-from-position);--tw-gradient-to:rgba(27,86,158,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-oab-red{--tw-gradient-to:#ec2728 var(--tw-gradient-to-position)}
.text-oab-blue{color:#1b569e}
.text-oab-navy{color:#123e73}
.text-oab-red{color:#ec2728}
.border-oab-cyan{border-color:#1b569e}
.border-oab-red{border-color:#ec2728}
.shadow-soft{box-shadow:0 18px 45px rgba(27,86,158,.14)}