@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#122033;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#fff;max-width:1440px;min-height:100vh;margin:auto}.topbar{z-index:40;background:0 0;justify-content:space-between;align-items:center;height:88px;padding:0 7.5%;display:flex;position:sticky;top:0}.topbar:before{content:"";z-index:-1;background:#fff;border-bottom:1px solid #edf0f4;width:100vw;transition:background .2s,box-shadow .2s,border-color .2s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.topbar.on-hero:before{box-shadow:none;background:0 0;border-bottom-color:#0000}.topbar.is-stuck:before{background:#fff;border-bottom-color:#edf0f4;box-shadow:0 4px 18px #20304012}.brand{letter-spacing:-.4px;align-items:center;gap:12px;font-size:17px;display:flex}.brand-mark{color:#fff;background:#08a7e3;border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}nav{color:#718096;gap:34px;font-size:14px;font-weight:600;display:flex}nav a{border-bottom:3px solid #0000;padding:33px 0 29px}nav a:hover,nav .active{color:#079ddd;border-color:#079ddd}.menu-button{color:#079ddd;background:#fff;border:0;border-radius:10px;width:42px;height:42px;padding:0;font-size:22px;line-height:1;display:none}.topbar.menu-open:before{background:#fff;border-bottom-color:#edf0f4}.app-shell:has(.hero) .topbar:not(.is-stuck):not(.menu-open):before{box-shadow:none;background:0 0;border-bottom-color:#0000}.hero{isolation:isolate;z-index:0;text-align:center;min-height:33.3487vw;margin-top:-88px;padding:156px 7.5% 72px;position:relative}.hero:before{content:"";z-index:-1;background:url(/bg-imigran.jpg) top/cover no-repeat;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hero-lead{text-align:center;width:fit-content;max-width:100%;margin-inline:auto}.eyebrow{color:#08a2df;letter-spacing:1.4px;margin:0 0 18px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}.hero h1{color:#111c2e;letter-spacing:-.8px;white-space:nowrap;margin:0 0 12px;font-size:clamp(22px,2.4vw,34px);line-height:1.15}.hero-lead .eyebrow,.hero-lead .hero-copy,.hero-lead .search-form{width:0;min-width:100%}.hero-copy{color:#8090a2;margin-bottom:31px;font-size:17px}.search-form{background:#fff;border:1px solid #d6e0e8;border-radius:32px;align-items:center;max-width:610px;height:59px;margin:auto;padding:5px 6px 5px 24px;display:flex;box-shadow:0 3px 7px #20304012}.hero .search-form{max-width:none;margin:0}.search-form input{color:#26394e;border:0;outline:0;flex:1;min-width:0;font-size:15px}.search-form input::placeholder{color:#a9b7c7}.search-form button{color:#fff;background:#08a7e3;border:0;border-radius:50%;place-items:center;width:47px;height:47px;font-size:28px;line-height:1;display:grid}.notice{color:#426075;text-align:center;background:#e9f8ff;margin:0;padding:13px 8%;font-size:13px}.dashboard-grid{background:#f7f9fb;grid-template-columns:minmax(280px,480px);gap:24px;padding:33px 6.5%;display:grid}.panel{background:#fff;border:1px solid #e6ebf0;border-radius:20px;padding:27px 25px}.panel-title,.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}h2{color:#172235;letter-spacing:-.5px;font-size:20px}.panel-title a,.section-heading>a{color:#079ddd;font-size:12px;font-weight:700}.panel-title a span{margin-left:5px;font-size:17px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.service-card{color:#3a4a60;background:#fbfcfd;border:1px solid #edf0f4;border-radius:15px;align-items:center;gap:14px;min-height:67px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.service-card:hover{border-color:#9dddf5;transform:translateY(-2px)}.service-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.blue{color:#079ddd;background:#e0f4fc}.mint{color:#1db67a;background:#ddf9eb}.yellow{color:#d49e16;background:#fff4ce}.pink{color:#eb6d91;background:#ffe5ec}.service-card b{color:#b7c3d0;margin-left:auto;font-size:22px;font-weight:400}.peduli-card{color:#fff;background:#ef353d;border-radius:20px;min-height:245px;padding:28px;position:relative;overflow:hidden}.peduli-card:after{content:"✦";color:#f34d53;font-size:200px;line-height:1;position:absolute;bottom:-32px;right:-18px}.priority-label{letter-spacing:.8px;background:#f45d62;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-block}.peduli-card h2{z-index:1;color:#fff;margin:23px 0 12px;font-size:28px;line-height:1.05;position:relative}.peduli-card p{z-index:1;color:#ffd8d8;max-width:200px;font-size:13px;line-height:1.5;position:relative}.round-arrow{z-index:1;border:1px solid #ff9da1;border-radius:50%;place-items:center;width:37px;height:37px;font-size:20px;display:grid;position:absolute;bottom:24px;right:26px}.content-section{padding:64px 7%}.home-latest{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.home-latest .information-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{margin-bottom:23px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font-size:25px}.information-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.information-card{background:#fff;border:1px solid #e8edf2;border-radius:15px;min-height:205px;padding:22px;box-shadow:0 2px 8px #25364a08}.information-card>span{color:#09a4de;font-size:11px;font-weight:700}.information-card h3{color:#24344a;margin:18px 0 9px;font-size:18px;line-height:1.25}.information-card p{color:#7c8c9e;font-size:13px;line-height:1.55}.information-card footer{color:#94a1af;border-top:1px solid #edf0f4;justify-content:space-between;margin-top:auto;padding-top:15px;font-size:11px;display:flex}.information-card footer b{color:#08a4e1;font-size:17px}.loading{color:#8b99a8;text-align:center;background:#f7f9fb;border-radius:14px;padding:35px}.question-section{background:#eaf8fd;justify-content:space-between;align-items:center;gap:32px;padding:48px 7%;display:flex}.question-section h2{margin-bottom:13px;font-size:34px}.question-section p:not(.eyebrow){color:#74899a;max-width:380px;font-size:14px;line-height:1.6}.question-section form{gap:10px;display:grid}.question-section input,.question-section textarea{background:#fff;border:1px solid #cbe1eb;border-radius:9px;outline:0;width:100%;padding:13px 15px}.question-section button{color:#fff;background:#08a7e3;border:0;border-radius:8px;justify-self:start;padding:13px 18px;font-size:13px;font-weight:700}.footer{color:#7c8b9a;background:#fff;border-top:1px solid #e9eef2;justify-content:space-between;padding:28px 7%;font-size:12px;display:flex}.footer strong{color:#203247}.admin-tools{padding-top:0}.list-actions{justify-content:flex-end;margin:0 0 16px;display:flex}.list-actions button{color:#fff;background:#08a7e3;border:0;border-radius:7px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;display:inline-flex}.action-icon{flex:none;width:15px;height:15px}.with-icon{align-items:center;gap:8px;display:flex}.with-icon .action-icon{width:18px;height:18px}.filter-bar{gap:10px;margin:0 0 16px;display:flex}.filter-bar input,.filter-bar select{color:#526579;background:#fff;border:1px solid #dfe8ee;border-radius:8px;flex:1;min-width:0;padding:11px 13px}.filter-bar button,.quick-actions button{color:#fff;background:#08a7e3;border:0;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700}.quick-actions{gap:8px;display:grid}.quick-actions>div{color:#34485d;background:#fff;border:1px solid #e7edf1;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.quick-actions>div span{flex:1}.quick-actions button{color:#087fae;background:#edf7fb;padding:7px 10px}.history-overlay{z-index:20;background:#15283b66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.history-dialog{background:#fff;border-radius:14px;width:min(620px,100%);max-height:85vh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 60px #12203333}.history-dialog h2{margin-bottom:22px}.history-close{color:#5d7182;background:#eef4f7;border:0;border-radius:50%;width:30px;height:30px;padding:0;font-size:21px;position:absolute;top:14px;right:14px}.history-item{color:#62768a;border-top:1px solid #edf1f4;gap:4px;padding:13px 0;font-size:12px;display:grid}.history-item b{color:#087fae;font-size:11px}.history-item small{color:#9aa8b4}@media (width<=800px){.filter-bar{flex-wrap:wrap}.filter-bar input,.filter-bar select{flex-basis:100%}.quick-actions>div{flex-wrap:wrap}.quick-actions>div span{flex-basis:100%}}.faq-section{background:#f7f9fb;padding:56px 7%}.faq-section .section-heading>span{color:#8494a2;font-size:12px}.faq-list{gap:10px;max-width:820px;display:grid}.faq-list details{background:#fff;border:1px solid #e3ebf0;border-radius:11px;padding:18px 20px}.faq-list summary{cursor:pointer;color:#26394e;font-size:14px;font-weight:700}.faq-list p{color:#718294;margin:15px 0 0;font-size:13px;line-height:1.6}.empty-faq{color:#8393a2;font-size:14px}.question-entry{color:#087fae;background:#e8f6fb;border:0;border-radius:8px;margin:0 30px 20px;padding:11px 15px;font-size:12px;font-weight:700}.questions-admin{padding-top:0}.question-admin-list,.question-admin-card{gap:12px;display:grid}.question-admin-card h3{color:#26394e;margin:12px 0 5px;font-size:16px;line-height:1.4}.question-admin-card small{color:#8b9aa8}.question-admin-card textarea{resize:vertical;border:1px solid #dfe8ee;border-radius:8px;width:100%;padding:12px}.question-admin-actions{flex-wrap:wrap;gap:8px;display:flex}.question-admin-actions button{color:#fff;background:#08a7e3;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.question-admin-actions button:not(:first-child){color:#087fae;background:#edf7fb}.saved-answer{color:#62768a;background:#f4f8fa;border-radius:8px;margin:0;padding:12px;font-size:12px;line-height:1.5}.workspace-shortcuts{flex-wrap:wrap;gap:8px;margin:0 30px 20px;display:flex}.workspace-shortcuts .question-entry{margin:0}.content-form,.user-form{gap:10px;max-width:760px;margin-bottom:16px;display:grid}.content-form input,.content-form select,.content-form textarea,.user-form input,.user-form select{background:#fff;border:1px solid #dfe8ee;border-radius:8px;width:100%;padding:12px}.content-form button,.user-form button,.content-admin-card button{color:#fff;background:#08a7e3;border:0;border-radius:7px;justify-self:start;padding:10px 14px;font-size:12px;font-weight:700}.check-label{color:#62768a;align-items:center;gap:8px;font-size:12px;display:flex}.content-admin-list{gap:10px;display:grid}.content-admin-card{justify-content:space-between;align-items:center;gap:15px;display:flex}.content-admin-card h3{color:#26394e;margin:10px 0 5px;font-size:16px}.content-admin-card p{color:#8190a0;margin:0;font-size:12px}.content-admin-card button{color:#d44f55;background:#fff0f0}.public-filters{color:#5f7487;background:#f7f9fb;align-items:center;gap:12px;padding:20px 7%;font-size:12px;display:flex}.public-filters select{color:#526579;background:#fff;border:1px solid #dfe8ee;border-radius:8px;padding:9px 12px}.lifecycle-tools{padding-top:0}.lifecycle-tools h2{margin-bottom:12px}.lifecycle-row{color:#4d6275;border-top:1px solid #e7edf1;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.lifecycle-row span{flex:1}.lifecycle-row button{color:#087fae;background:#edf7fb;border:0;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:700}.standalone-filter{color:#526579;background:#fff;border:1px solid #dfe8ee;border-radius:8px;margin:12px 0;padding:10px 12px}.related-information b{color:#26394e;font-size:13px}.related-information a{color:#08a2df;font-size:12px}.priority-public,.faq-search{background:#f7f9fb;padding:42px 7%}.priority-card{cursor:pointer;border-color:#bfe7f5}.faq-search{color:#526579;gap:10px;font-size:12px;font-weight:700;display:grid}.faq-search>div{gap:8px;max-width:650px;display:flex}.faq-search input{background:#fff;border:1px solid #dfe8ee;border-radius:8px;flex:1;padding:12px 14px}.faq-search button{color:#fff;background:#08a7e3;border:0;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:700}.monitoring-detail{padding-top:0}.monitoring-detail h2{margin-bottom:14px}.monitoring-grid{flex-wrap:wrap;gap:10px;display:flex}.monitoring-grid>div{background:#fff;border:1px solid #e7edf1;border-radius:8px;gap:4px;min-width:140px;padding:14px;display:grid}.monitoring-grid b{color:#08a2df;font-size:20px}.monitoring-grid span{color:#8190a0;font-size:11px}.attachment-picker{color:#5f7487;background:#f7fbfd;border:1px dashed #c9dce6;border-radius:8px;margin:0 30px 20px;padding:15px;font-size:12px}.attachment-picker label{gap:8px;display:grid}@media (width<=800px){.public-filters{flex-direction:column;align-items:stretch}.lifecycle-row{flex-wrap:wrap;align-items:stretch}.lifecycle-row span{flex-basis:100%}}@media (width<=1100px){.topbar{height:70px;padding:0 20px}.brand{min-width:0}.brand strong{font-size:15px}nav{display:none}.menu-button{place-items:center;display:grid}.hero{margin-top:-70px;padding-top:138px}nav.nav-open{z-index:30;background:#fff;flex-direction:column;gap:0;width:auto;padding:8px 0 28px;display:flex;position:fixed;inset:70px 0 0;overflow:auto}nav.nav-open a{border-bottom:1px solid #edf0f4;padding:18px 24px;font-size:16px}}@media (width<=760px){.topbar{height:70px;padding:0 20px}.hero{min-height:420px;margin-top:-70px;padding:118px 20px 48px}.home-latest,.home-latest .information-grid{grid-template-columns:1fr}.hero:before{background-position:top;background-size:cover;width:auto;inset:0;transform:none}.app-shell:has(.hero) .topbar:not(.menu-open):not(.is-stuck):before{box-shadow:none;background:0 0;border-bottom-color:#0000;top:0}.hero-lead{width:100%;max-width:100%}.hero h1{letter-spacing:-.4px;white-space:normal;font-size:22px;line-height:1.25}.hero-lead .eyebrow,.hero-lead .hero-copy,.hero-lead .search-form{width:100%;min-width:0}.hero .eyebrow{letter-spacing:.2px;line-height:1.45}.hero-copy{font-size:15px;line-height:1.5}.search-form{height:54px;padding-left:17px}.search-form button{width:42px;height:42px}.dashboard-grid{grid-template-columns:1fr;gap:16px;padding:22px 16px}.digi-entry{flex-direction:column;align-items:flex-start}.panel{padding:22px 16px}.service-grid{grid-template-columns:1fr}.peduli-card{min-height:220px}.content-section{padding:46px 20px}.information-grid{grid-template-columns:1fr}.question-section{flex-direction:column;align-items:flex-start;gap:20px;padding:48px 20px}.footer{flex-direction:column;gap:9px;padding:24px 20px}}.admin-login{background:#f3f7fa;place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{background:#fff;border:1px solid #e0e9ef;border-radius:18px;width:min(440px,100%);padding:46px;box-shadow:0 18px 55px #20394d12}.admin-logo{color:#fff;background:#08a7e3;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.admin-eyebrow{color:#08a2df;letter-spacing:1.4px;margin:25px 0 14px;font:700 10px DM Sans,sans-serif}.login-card h1{color:#122033;letter-spacing:-1.5px;margin:0;font-size:34px;line-height:1.08}.login-card em{color:#08a2df;font-style:normal}.login-copy{color:#8190a0;margin:16px 0 28px;font-size:14px;line-height:1.6}.login-card form,.information-form{gap:16px;display:grid}.login-card label,.information-form label{color:#536477;gap:7px;font-size:12px;font-weight:700;display:grid}.login-card input,.information-form input,.information-form textarea,.information-form select{color:#26384d;background:#fff;border:1px solid #d8e2e9;border-radius:8px;outline:0;width:100%;padding:12px 13px;font-size:14px;font-weight:400}.login-card button,.information-form button,.toolbar>button{color:#fff;background:#08a7e3;border:0;border-radius:8px;padding:14px 18px;font-size:13px;font-weight:700}.login-card button span,.information-form button span{margin-left:12px}.form-error,.admin-alert{color:#c2414b;font-size:12px}.back-link{color:#8293a3;text-align:center;margin-top:24px;font-size:12px;display:block}.admin-shell{color:#213249;background:#f7f9fb;grid-template-columns:245px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:#0c2340;flex-direction:column;align-self:start;gap:4px;height:100vh;padding:20px 14px 14px;display:flex;position:sticky;top:0;overflow:hidden}.admin-brand{color:#fff;align-items:center;gap:10px;margin:0 8px 20px;display:flex}.admin-brand .admin-logo{width:32px;height:32px;font-size:11px}.admin-brand b,.admin-brand small{display:block}.admin-brand b{letter-spacing:.2px;font-size:12px}.admin-brand small{color:#8eabc4;margin-top:2px;font-size:10px}.side-label{color:#7f9bb4;letter-spacing:1px;margin:8px 12px 6px;font-size:9px;font-weight:700}.side-nav{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:auto}.side-nav>button{color:#c5d5e4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.side-nav>button:hover{color:#fff;background:#16365c}.side-nav>button.selected{color:#fff;background:#1b4f86}.admin-sidebar button span{font-size:12px;font-weight:600}.account-dock{border-top:1px solid #1c3d63;margin-top:auto;padding-top:10px;position:relative}.account{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:10px 8px;display:flex}.account:hover,.account.open{background:#16365c}.admin-sidebar .account>span{color:#fff;background:#ed5360;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.account-copy{flex:1;min-width:0}.account b,.account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account b{color:#fff;font-size:12px}.account small{color:#8eabc4;margin-top:2px;font-size:10px;font-weight:500}.account-arrow{color:#8eabc4;flex:none;width:16px;height:16px;transition:transform .15s}.account.open .account-arrow{transform:rotate(180deg)}.account-menu{z-index:4;background:#fff;border:1px solid #e1eaf0;border-radius:10px;gap:2px;padding:6px;display:grid;position:absolute;bottom:calc(100% - 2px);left:0;right:0;box-shadow:0 12px 28px #1220331a}.account-menu button{color:#314658;text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600}.account-menu button:hover{color:#078fca;background:#eaf8fd}.account-menu button.danger{color:#d1434b}.account-menu button.danger:hover{color:#d1434b;background:#fff1f2}.account-dialog{width:min(420px,100%)}.account-dialog h2{margin-bottom:18px}.account-dialog form{gap:14px;display:grid}.account-dialog label{color:#536477;gap:6px;font-size:12px;font-weight:700;display:grid}.account-dialog input{color:#26384d;border:1px solid #d8e2e9;border-radius:8px;width:100%;padding:12px 13px;font-weight:400}.account-dialog button[type=submit]{color:#fff;background:#08a7e3;border:0;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.account-dialog button[type=submit]:disabled{opacity:.7}.admin-main{min-width:0}.admin-header{background:#fff;border-bottom:1px solid #e4ebf0;justify-content:space-between;align-items:center;min-height:0;padding:8px 24px;display:flex}.admin-header h1{color:#18283d;letter-spacing:-.3px;margin:0;font-size:16px;line-height:1.2}.admin-header .admin-eyebrow{letter-spacing:1.1px;margin:0 0 1px;font-size:9px}.crumbs{color:#8a99a8;align-items:center;gap:6px;margin:0 0 2px;font-size:11px;line-height:1.2;display:flex}.crumbs button{color:#078fca;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.crumbs button:hover{text-decoration:underline}.crumbs [aria-current=page]{color:#526579;font-weight:600}.header-user{color:#8190a0;align-items:center;gap:9px;font-size:11px;display:flex}.header-user a{color:#078fca;margin-left:16px;font-weight:700}.live-dot{background:#55bd74;border-radius:50%;width:7px;height:7px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-card,.admin-panel{background:#fff;border:1px solid #e2eaf0;border-radius:12px;padding:22px}.metric-card small,.metric-card span{color:#8a99a8;font-size:11px;display:block}.metric-card strong{color:#1e3045;letter-spacing:-1px;margin:11px 0 4px;font-size:32px;display:block}.metric-card.accent{border-top:3px solid #08a7e3}.overview-grid{grid-template-columns:1.3fr 1fr;gap:15px;margin-top:16px;display:grid}.admin-panel h2,.toolbar h2{color:#23354a;margin:0;font-size:16px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.text-button{color:#08a0dc;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.panel-note{color:#9ba8b4;font-size:10px}.status-list{gap:13px;display:grid}.status-list>div{color:#687a8d;grid-template-columns:140px 25px 1fr;align-items:center;gap:10px;font-size:11px;display:grid}.status-list b{color:#22364c}.status-list i{background:#edf2f5;border-radius:5px;height:5px;overflow:hidden}.status-list u{background:#55bde5;border-radius:5px;height:100%;text-decoration:none;display:block}.question-stats strong{color:#1d3248;font-size:40px;display:block}.question-stats span{color:#8593a0;font-size:12px}.question-stats div{color:#8795a2;gap:7px;margin-top:35px;font-size:11px;display:flex}.question-stats div b{color:#08a0dc}.toolbar{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.toolbar p{color:#8a99a8;margin:7px 0 0;font-size:12px}.table-panel{padding:0;overflow:auto}.table-panel table{border-collapse:collapse;text-align:left;width:100%;min-width:750px}.table-panel th{color:#94a0ac;text-transform:uppercase;border-bottom:1px solid #edf1f4;padding:15px 20px;font-size:10px;font-weight:700}.table-panel td{color:#6c7d8d;border-bottom:1px solid #f0f3f5;padding:15px 20px;font-size:12px}.table-panel td b,.table-panel td small{display:block}.table-panel td b{color:#26394f;font-size:12px}.table-panel td small{color:#a2adb7;margin-top:4px;font-size:10px}.priority{color:#a37a11;font-size:11px;font-weight:700}.status{color:#668096;background:#eff3f5;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-block}.status[data-status=PUBLISHED]{color:#188152;background:#e5f7ed}.status[data-status=NEED\ VALIDATION]{color:#a5740a;background:#fff4d6}.status[data-status=VALIDATED]{color:#2478a2;background:#e2f4fb}.row-actions button{color:#078fca;background:#eaf8fd;border:0;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:700}.information-form{grid-template-columns:1.5fr 1fr;align-items:start}.form-section{background:#fff;border:1px solid #e2eaf0;border-radius:12px;gap:16px;padding:26px;display:grid}.form-section h2{margin:0}.form-section>p{color:#8a99a8;margin:-8px 0 4px;font-size:12px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side-form{align-content:start}@media (width<=800px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-header{padding:8px 16px}.header-user a{display:none}.admin-content{padding:22px 16px}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid,.information-form{grid-template-columns:1fr}.login-card{padding:32px 24px}}.admin-main{background:#f4f7fb}.admin-header{z-index:5;position:sticky;top:0}.admin-content{max-width:none;padding:20px 24px 36px}.metric-groups{gap:18px;display:grid}.metric-group h2{color:#6d8194;letter-spacing:.8px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.metric-grid{gap:10px}.metric-group:first-child .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-group:nth-child(2) .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-group:nth-child(3) .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.admin-content .admin-panel,.admin-content .form-section{border-color:#e5edf3;box-shadow:0 1px 2px #2030400a}.metric-card{padding:14px 16px 13px}.metric-card small{font-size:11px;line-height:1.35}.metric-card strong{letter-spacing:-.6px;margin:8px 0 0;font-size:26px}.metric-card.accent{background:#0c2340;border:0}.metric-card.accent small,.metric-card.accent span{color:#9eb4c9}.metric-card.accent strong{color:#fff}.metric-value{align-items:baseline;gap:6px;display:flex}.metric-value strong{margin:8px 0 0}.metric-card .metric-value span{color:#8a99a8;font-size:12px;font-weight:600;display:inline}.recent-table{margin-top:18px}.admin-content .filter-bar{background:#fff;border:1px solid #e5edf3;border-radius:12px;margin:0 0 14px;padding:10px;box-shadow:0 1px 2px #2030400a}.table-panel th{background:#f8fafc}.table-panel td{padding:13px 16px}.table-panel td:not(:first-child){white-space:nowrap}.table-panel tbody tr:hover{background:#f7fbfe}.table-panel .empty-faq,.empty-admin{margin:0;padding:28px 20px}.status{letter-spacing:.2px;border-radius:999px;font-size:10px}.question-admin-card h3,.content-admin-card h3{letter-spacing:-.2px}.content-admin-list,.question-admin-list{gap:12px}@media (width<=1100px){.metric-group:nth-child(2) .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.admin-content{padding:16px 16px 28px}.metric-group:first-child .metric-grid,.metric-group:nth-child(2) .metric-grid,.metric-group:nth-child(3) .metric-grid{grid-template-columns:1fr 1fr}.content-admin-card{flex-direction:column;align-items:flex-start}}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.row-actions button{align-items:center;gap:6px;display:inline-flex}.banner-alert{margin:16px 5% 0}.admin-mobile-nav{display:none}@media (width<=800px){.admin-mobile-nav{background:#fff;border-bottom:1px solid #e4ebf0;gap:8px;padding:12px 16px;display:flex;overflow:auto}.admin-mobile-nav button{color:#5f7487;background:#eef4f7;border:0;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:700}.admin-mobile-nav button.selected{color:#078fca;background:#eaf8fd}}.flow-list{color:#5f7487;margin:0;padding-left:18px;font-size:13px;line-height:1.6}.flow-list li+li{margin-top:8px}.check-grid{color:#3e5366;gap:8px;margin:16px 0;font-size:13px;display:grid}.check-grid label,.question-form label{align-items:flex-start;gap:8px;display:flex}.workflow-dialog textarea,.workflow-dialog input,.question-form input,.question-form select,.question-form textarea{border:1px solid #dfe8ee;border-radius:8px;width:100%;margin-top:8px;padding:12px}.question-form{gap:12px;max-width:720px;margin-top:36px;display:grid}.question-form h2{margin-bottom:0}.question-form button,.text-cta,.footer button{color:#fff;background:#08a7e3;border:0;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.text-cta{white-space:nowrap;flex:none}.category-grid{margin-bottom:22px}button.service-card,button.information-card{width:100%;font:inherit;text-align:left;cursor:pointer}.service-card.selected{background:#eaf8fd;border-color:#08a7e3}.inline-search{background:0 0;padding:0 0 24px}.digi-note{max-width:680px;margin-bottom:24px}.digi-block{margin-bottom:28px}.digi-block h3{color:#172235;margin-bottom:12px}.digi-entry{justify-content:space-between;align-items:center;gap:24px;margin-top:22px;display:flex}.digi-entry h2{margin:0 0 8px}.digi-entry p:last-child{color:#6d8191;margin:0;font-size:14px;line-height:1.6}.digi-entry>span{color:#079ddd;flex:none;font-size:13px;font-weight:700}.contact-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.contact-grid h3{margin-bottom:8px}.contact-grid p,.channel-list a{color:#5f7487;font-size:14px;line-height:1.6}.channel-title{margin:28px 0 12px}.channel-list{gap:8px;margin-bottom:20px;display:grid}.map-frame{border:0;border-radius:16px;width:100%;height:320px}.attachment-link,.related-information button{color:#08a2df;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.history-list{margin-top:12px}.content-admin-card .row-actions button{color:#087fae;background:#edf7fb}.content-admin-card .row-actions button.danger{color:#d44f55;background:#fff0f0}.status[data-status=NEED\ VERIFICATION],.status[data-status=NEED\ REVIEW]{color:#a5740a;background:#fff4d6}.status[data-status=NEED\ REVISION],.status[data-status=EXPIRED],.status[data-status=DITUTUP]{color:#a33b42;background:#fde8ea}.status[data-status=DIJAWAB],.status[data-status=DIJADIKAN\ FAQ]{color:#188152;background:#e5f7ed}.card-arrow{color:#08a4e1;font-size:17px;font-weight:700;line-height:1}.information-card{cursor:pointer;flex-direction:column;display:flex}.information-card:hover{border-color:#9dddf5}.detail-overlay{background:#fff;padding:28px 7% 56px;scroll-margin-top:24px}.detail-dialog{max-width:760px}.close-detail{color:#5c6f80;background:#fff;border:1px solid #d5dee6;border-radius:4px;place-items:center;width:28px;height:28px;margin:0 0 18px;padding:0;font-size:18px;line-height:1;display:grid}.detail-dialog .eyebrow{margin-bottom:14px}.detail-dialog h2{color:#111c2e;letter-spacing:-.6px;margin:0 0 16px;font-size:clamp(24px,3vw,32px)}.detail-dialog .detail-summary{color:#5f7487;max-width:680px;margin:0 0 16px;font-size:15px;line-height:1.65}.detail-dialog .detail-body{color:#5f7487;max-width:680px;font-size:15px;line-height:1.7}.detail-dialog .detail-meta{margin-top:18px}.detail-page{max-width:860px;margin:0 auto;padding:48px 7% 80px}.detail-back{color:#079ddd;margin-bottom:28px;font-size:13px;font-weight:700;display:inline-flex}.detail-page h1{color:#111c2e;letter-spacing:-.8px;margin:0 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.15}.detail-meta{color:#7c8c9e;flex-wrap:wrap;gap:8px 18px;margin-bottom:22px;font-size:13px;display:flex}.detail-basis{color:#5f7487;margin-bottom:12px;font-size:14px}.detail-summary{color:#3a4a60;margin-bottom:22px;font-size:17px;line-height:1.6}.detail-body{color:#24344a;white-space:pre-line;font-size:16px;line-height:1.75}.detail-page .attachment-link{margin-top:24px;display:inline-block}.related-information{border-top:1px solid #edf0f4;gap:10px;margin-top:36px;padding-top:22px;display:grid}.related-information b{color:#172235}.related-information a{color:#08a2df;font-size:15px;font-weight:700}@media (width<=760px){.topbar{position:sticky;top:0}.contact-grid{grid-template-columns:1fr}.detail-overlay{padding:24px 20px 40px}}.password-field{width:100%;display:block;position:relative}.password-field input{padding-right:46px}.login-card>button[type=submit]{width:100%}.login-card .password-toggle,.user-form .password-toggle,.account-dialog .password-toggle{z-index:1;color:#6d8090;width:32px;height:32px;box-shadow:none;background:0 0;border:0;border-radius:6px;justify-self:center;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-card .password-toggle:hover,.user-form .password-toggle:hover,.account-dialog .password-toggle:hover{color:#087eae;background:#eef6fb}.password-toggle svg{width:18px;height:18px}.pager{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.pager button{color:#526579;background:#fff;border:1px solid #dfe8ee;border-radius:8px;min-width:36px;padding:8px 12px;font-size:12px;font-weight:700}.pager button.selected{color:#fff;background:#08a7e3;border-color:#08a7e3}.pager button:disabled{opacity:.45;cursor:default}.pager span{color:#8393a2;margin-left:4px;font-size:12px}.page-enter-active,.page-leave-active{transition:opacity .22s,transform .22s}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.success-toast{z-index:50;color:#fff;background:#0c2340;border-radius:14px;align-items:center;gap:10px;min-width:240px;max-width:min(420px,100% - 32px);padding:14px 18px 16px;display:flex;position:fixed;top:22px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 40px #0c234040}.success-toast p{letter-spacing:-.1px;margin:0;font-size:14px;font-weight:600}.success-toast span{background:#1f8f5b;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.success-toast i{transform-origin:0;background:#3dce86;width:100%;height:3px;animation:2.8s linear forwards toast-life;position:absolute;bottom:0;left:0}.toast-enter-active,.toast-leave-active{transition:opacity .28s,transform .28s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-14px)}.toast-enter-to,.toast-leave-from{opacity:1;transform:translate(-50%)}@keyframes toast-life{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active,.toast-enter-active,.toast-leave-active,.success-toast i{transition:none;animation:none}}.side-nav>button{justify-content:space-between}.nav-badge{color:#fff;text-align:center;background:#ed5360;border-radius:999px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;line-height:18px}.notice-dock{position:relative}.notice-bell{color:#314658;background:#f3f7fb;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.notice-bell svg{width:16px;height:16px}.notice-count{color:#fff;text-align:center;background:#ed5360;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800;line-height:16px;position:absolute;top:-5px;right:-6px}.notice-menu{z-index:8;background:#fff;border:1px solid #e1eaf0;border-radius:12px;gap:2px;width:min(320px,78vw);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #1220331a}.notice-title,.notice-empty{margin:0}.notice-title{color:#6d8194;letter-spacing:.6px;text-transform:uppercase;padding:6px 8px 8px;font-size:10px;font-weight:700}.notice-menu button{text-align:left;background:0 0;border:0;border-radius:8px;gap:2px;width:100%;padding:8px;display:grid}.notice-menu button:hover{background:#eaf8fd}.notice-menu button b{color:#24364a;font-size:12px;font-weight:700}.notice-menu button small{color:#7d8e9e;font-size:10px}.notice-empty{color:#8a99a8;padding:8px;font-size:12px}.admin-mobile-nav button{align-items:center;gap:6px;display:inline-flex}.admin-mobile-nav .nav-badge{margin-left:0}
