:root{--ink:#18202a;--muted:#6e7782;--orange:#f79009;--orange-ink:#a05d05;--orange-deep:#ac5500;--cream:#f7f5f0;--surface:#fff;--line:#e8e7e3;--navy:#17222e;--blue:#42709d;--green:#3d7959;--shadow:0 10px 30px rgba(27,33,40,.06);font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans SC','DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;display:flex;flex-direction:column;padding:28px 18px 20px;background:#fff;border-right:1px solid var(--line);position:relative;z-index:20}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 24px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;border-radius:10px;background:var(--orange);font:700 22px/1 'DM Sans';box-shadow:0 6px 14px rgba(247,144,9,.25)}.brand-name{font:700 21px/1 'DM Sans';letter-spacing:.06em}.brand-caption{margin-top:5px;color:#41505f;font-size:10px;letter-spacing:.08em}.workspace-switcher{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;margin:0 2px 24px;color:#535c66;border:1px solid var(--line);border-radius:8px;background:#fbfaf8;font-size:12px;font-weight:600}.workspace-switcher i{margin-left:auto;color:#41505f;font-size:10px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #fff1dd}.nav-label{padding:0 12px;margin:0 0 8px;color:#41505f;font:700 10px/1 'DM Sans';letter-spacing:.15em;text-transform:uppercase}.nav-label-spaced{margin-top:28px}.side-nav{display:flex;flex-direction:column}.nav-item{width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:2px 0;border-radius:8px;color:#41505f;text-align:left;font-size:13px;font-weight:600;transition:.18s}.nav-item i{width:17px;text-align:center;color:#41505f;font-size:14px}.nav-item:hover{color:var(--ink);background:#faf8f4}.nav-item:hover i{color:var(--orange-ink)}.nav-item.active{color:var(--orange-deep);background:#fff2df}.nav-item.active i{color:var(--orange-ink)}.nav-count{margin-left:auto;padding:2px 6px;border-radius:10px;background:#f2f1ef;color:#41505f;font:700 10px 'DM Sans'}.nav-item.active .nav-count{background:#fff;color:var(--orange-deep)}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;padding:12px;margin:0 2px 14px;border:1px solid #eee7dc;border-radius:8px;background:#fffaf3}.help-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ffead0;color:var(--orange-ink);font-size:12px}.help-card strong,.help-card span{display:block}.help-card strong{font-size:11px}.help-card span{margin-top:2px;color:#41505f;font-size:10px}.help-card>i{margin-left:auto;color:#73664c;font-size:10px}.mobile-close,.mobile-menu{display:none}.main-area{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,58px);background:rgba(255,255,255,.72);border-bottom:1px solid rgba(225,224,220,.8);backdrop-filter:blur(10px)}.crumbs{display:flex;align-items:center;gap:10px;color:#41505f;font-size:12px}.crumbs i{color:#c9c9c6;font-size:9px}.crumbs strong{color:#434b54;font-weight:700}.top-actions{display:flex;align-items:center;gap:17px}.global-search{width:240px;height:36px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e5e4e0;border-radius:7px;background:#fff;color:#41505f}.global-search i{font-size:12px}.global-search input{width:100%;border:0;outline:0;color:var(--ink);font-size:12px;background:transparent}.global-search input::placeholder{color:#41505f}.icon-button{position:relative;width:31px;height:31px;color:#41505f}.icon-button:hover{color:var(--orange-ink)}.notification-dot{position:absolute;right:4px;top:4px;width:6px;height:6px;background:var(--orange);border:2px solid #fff;border-radius:50%}.user-profile{display:flex;align-items:center;gap:8px;padding-left:15px;border-left:1px solid #ebeae7}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#253746;color:#fff;font-size:12px;font-weight:700}.user-copy strong,.user-copy span{display:block}.user-copy strong{font-size:12px}.user-copy span{margin-top:2px;color:#41505f;font-size:10px}.user-chevron{margin-left:3px;color:#41505f;font-size:9px}.content{max-width:1440px;margin:0 auto;padding:42px clamp(24px,4vw,58px) 24px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--orange-ink);font:700 11px 'DM Sans';letter-spacing:.14em}.eyebrow-line{width:24px;height:2px;background:var(--orange);border-radius:99px}.page-intro h1{margin:10px 0 10px;font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;line-height:1.12;font-weight:800}.page-intro h1 em{font:700 .54em 'DM Sans';font-style:normal;letter-spacing:.08em;color:#41505f;vertical-align:middle}.page-intro p{max-width:640px;margin:0;color:#41505f;font-size:13px;line-height:1.8}.intro-meta{display:flex;align-items:center;gap:8px;padding-bottom:6px;color:#41505f;font-size:11px;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#4aa06e;box-shadow:0 0 0 3px #e4f4e9}.meta-divider{width:1px;height:13px;background:#dddeda;margin:0 5px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:10px;margin-bottom:38px}.metric{display:flex;align-items:center;gap:11px;min-height:75px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 2px 5px rgba(29,34,38,.02)}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:13px}.metric-icon.orange{background:#fff0dc;color:var(--orange-ink)}.metric-icon.blue{background:#eaf2f9;color:var(--blue)}.metric-icon.green{background:#e9f5ed;color:var(--green)}.metric span,.metric strong{display:block}.metric span{color:#41505f;font-size:10px}.metric strong{margin-top:2px;font:700 21px/1 'DM Sans';letter-spacing:-.03em}.metric small{font:500 11px 'Noto Sans SC';color:#41505f}.metric-note{gap:12px;border-color:#f1dfc7;background:#fffaf3}.metric-note>i:first-child{color:var(--orange-ink);font-size:15px}.metric-note strong{font:700 12px 'Noto Sans SC';letter-spacing:0}.metric-note span{margin-top:4px}.metric-note>i:last-child{margin-left:auto;color:#836137;font-size:11px}.service-section{padding-bottom:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-heading p{margin:5px 0 0;color:#41505f;font-size:11px}.section-tools{display:flex;align-items:center;gap:14px}.filter-tabs{display:flex;align-items:center;gap:4px;padding:3px;border-radius:8px;background:#eeeDE9}.filter-tab{height:29px;padding:0 10px;border-radius:6px;color:#41505f;font-size:11px;font-weight:600}.filter-tab span{margin-left:3px;color:#b3b7ba;font:700 10px 'DM Sans'}.filter-tab.active{color:#3d4650;background:#fff;box-shadow:0 1px 3px rgba(30,35,40,.1)}.filter-tab.active span{color:var(--orange-ink)}.sort-button{display:flex;align-items:center;gap:7px;height:35px;padding:0 11px;border:1px solid var(--line);border-radius:7px;color:#41505f;background:#fff;font-size:11px}.sort-button:hover{border-color:#e9bc82;color:var(--orange-deep)}.sort-button i{color:#7a634e}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{display:flex;flex-direction:column;min-height:286px;border:1px solid #e3e2de;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 9px rgba(29,34,38,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#f0c48b;box-shadow:0 15px 30px rgba(39,43,46,.1)}.card-media{position:relative;height:116px;overflow:hidden;background-image:linear-gradient(90deg,rgba(23,34,46,.92) 0%,rgba(23,34,46,.45) 60%,rgba(23,34,46,.15) 100%),var(--image);background-position:center;background-size:cover}.card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(19,28,36,.25))}.card-index{position:absolute;z-index:1;top:17px;left:18px;color:#ffd394;font:700 10px 'DM Sans';letter-spacing:.11em}.card-tag{position:absolute;z-index:1;top:13px;right:14px;padding:4px 7px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;font-size:9px;background:rgba(19,28,36,.24)}.card-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:15px 17px 14px}.card-body h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.card-body p{margin:0;color:#41505f;font-size:11px;line-height:1.75}.card-link{display:flex;align-items:center;gap:9px;width:max-content;padding:0;margin-top:15px;color:var(--orange-deep);font-size:11px;font-weight:700}.card-link i{font-size:10px;transition:transform .15s}.card-link:hover i{transform:translateX(4px)}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;height:220px;color:#41505f}.empty-state i{margin-bottom:12px;color:#d8d3ca;font-size:26px}.empty-state strong{font-size:13px}.empty-state span{margin-top:6px;font-size:11px}.footer-strip{display:flex;justify-content:space-between;gap:20px;padding:27px 0 8px;color:#41505f;font-size:10px}.footer-strip div{display:flex;gap:18px}.footer-strip a{color:#41505f;text-decoration:none}.footer-strip a:hover{color:var(--orange-ink)}.overlay{position:fixed;inset:0;z-index:30;background:rgba(23,29,35,.32);opacity:0;visibility:hidden;transition:.25s}.overlay.open{opacity:1;visibility:visible}.detail-drawer{position:fixed;z-index:40;top:0;right:0;width:min(430px,100%);height:100vh;padding:56px 34px 30px;background:#fff;box-shadow:-20px 0 50px rgba(24,30,36,.15);transform:translateX(100%);transition:transform .3s ease;overflow:auto}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:22px;right:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#41505f;background:#f5f4f1}.drawer-close:hover{color:var(--orange-ink);background:#fff2df}.drawer-kicker{color:var(--orange-ink);font:700 11px 'DM Sans';letter-spacing:.13em}.detail-drawer h2{margin:12px 0 10px;font-size:25px}.detail-drawer>p{margin:0;color:#41505f;font-size:12px;line-height:1.8}.drawer-status{display:flex;gap:11px;padding:14px;margin:24px 0;border:1px solid #e4f0e8;border-radius:8px;background:#f5fbf7}.status-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#d9f0e1;color:#35734e;font-size:11px}.drawer-status strong,.drawer-status span{display:block}.drawer-status strong{font-size:11px}.drawer-status span{margin-top:3px;color:#41505f;font-size:10px}.drawer-section{padding:21px 0;border-top:1px solid #efeee9}.drawer-label{display:block;margin-bottom:12px;color:#41505f;font:700 10px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}.drawer-chips{display:flex;flex-wrap:wrap;gap:7px}.drawer-chip{padding:7px 10px;border-radius:5px;color:#41505f;background:#f6f4f0;font-size:10px}.steps{display:flex;flex-direction:column;gap:18px}.step{display:flex;align-items:flex-start;gap:11px;color:#b0b5b9}.step>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #dfe2e1;border-radius:50%;font:700 10px 'DM Sans'}.step.active{color:var(--ink)}.step.active>span{border-color:var(--orange);color:var(--orange-ink);background:#fff5e6}.step strong,.step small{display:block}.step strong{font-size:11px}.step small{margin-top:3px;color:#41505f;font-size:10px}.drawer-action{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;border-radius:7px;color:#fff;background:var(--orange);font-size:12px;font-weight:700;box-shadow:0 7px 17px rgba(247,144,9,.22)}.drawer-action:hover{background:var(--orange-deep)}.drawer-action i{font-size:11px}.toast{position:fixed;z-index:60;left:50%;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #d8ebdf;border-radius:7px;color:#417156;background:#f5fbf7;box-shadow:0 10px 30px rgba(29,45,35,.12);font-size:11px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast i{color:#387350}@media (max-width:1100px){.sidebar{width:220px;flex-basis:220px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-row{grid-template-columns:repeat(3,1fr)}.metric-note{grid-column:1/-1}.global-search{width:190px}}@media (max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;width:264px;transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px rgba(20,28,34,.1)}.mobile-close,.mobile-menu{display:grid;place-items:center}.mobile-close{margin-left:auto;width:28px;height:28px;color:#41505f}.mobile-menu{width:32px;height:32px;color:#41505f}.topbar{height:62px;padding:0 18px;gap:12px}.crumbs{margin-right:auto}.top-actions{gap:8px}.global-search{width:36px;padding:0;justify-content:center;border:0;background:transparent}.global-search input{display:none}.user-copy,.user-chevron{display:none}.user-profile{padding-left:7px;border-left:0}.content{padding:29px 18px 18px}.page-intro{display:block;margin-bottom:24px}.page-intro h1{font-size:28px}.page-intro h1 em{display:block;margin-top:8px;font-size:12px}.page-intro p{font-size:12px}.intro-meta{margin-top:17px;padding-bottom:0}.metrics-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:31px}.metric{min-height:68px;padding:10px}.metric strong{font-size:19px}.metric-note{grid-column:1/-1}.section-heading{align-items:flex-start;display:block}.section-tools{justify-content:space-between;margin-top:16px;gap:8px}.filter-tabs{overflow:auto}.filter-tab{padding:0 8px;white-space:nowrap}.sort-button span{display:none}.sort-button{width:35px;justify-content:center;padding:0}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:270px}.card-media{height:108px}.footer-strip{display:block;line-height:1.8}.footer-strip div{margin-top:8px;gap:12px;flex-wrap:wrap}.detail-drawer{padding:55px 24px 24px}}
:root{--ink:#18202a;--muted:#6e7782;--orange:#f79009;--orange-deep:#ac5500;--cream:#f7f5f0;--surface:#fff;--line:#e8e7e3;--navy:#17222e;--blue:#42709d;--green:#3d7959;--shadow:0 10px 30px rgba(27,33,40,.06);font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans SC','DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;display:flex;flex-direction:column;padding:28px 18px 20px;background:#fff;border-right:1px solid var(--line);position:relative;z-index:20}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 24px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;border-radius:10px;background:var(--orange);font:700 22px/1 'DM Sans';box-shadow:0 6px 14px rgba(247,144,9,.25)}.brand-name{font:700 21px/1 'DM Sans';letter-spacing:.06em}.brand-caption{margin-top:5px;color:#41505f;font-size:10px;letter-spacing:.08em}.workspace-switcher{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;margin:0 2px 24px;color:#535c66;border:1px solid var(--line);border-radius:8px;background:#fbfaf8;font-size:12px;font-weight:600}.workspace-switcher i{margin-left:auto;color:#41505f;font-size:10px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #fff1dd}.nav-label{padding:0 12px;margin:0 0 8px;color:#41505f;font:700 10px/1 'DM Sans';letter-spacing:.15em;text-transform:uppercase}.nav-label-spaced{margin-top:28px}.side-nav{display:flex;flex-direction:column}.nav-item{width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:2px 0;border-radius:8px;color:#41505f;text-align:left;font-size:13px;font-weight:600;transition:.18s}.nav-item i{width:17px;text-align:center;color:#41505f;font-size:14px}.nav-item:hover{color:var(--ink);background:#faf8f4}.nav-item:hover i{color:var(--orange-ink)}.nav-item.active{color:var(--orange-deep);background:#fff2df}.nav-item.active i{color:var(--orange-ink)}.nav-count{margin-left:auto;padding:2px 6px;border-radius:10px;background:#f2f1ef;color:#41505f;font:700 10px 'DM Sans'}.nav-item.active .nav-count{background:#fff;color:var(--orange-deep)}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;padding:12px;margin:0 2px 14px;border:1px solid #eee7dc;border-radius:8px;background:#fffaf3}.help-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ffead0;color:var(--orange-ink);font-size:12px}.help-card strong,.help-card span{display:block}.help-card strong{font-size:11px}.help-card span{margin-top:2px;color:#41505f;font-size:10px}.help-card>i{margin-left:auto;color:#73664c;font-size:10px}.mobile-close,.mobile-menu{display:none}.main-area{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,58px);background:rgba(255,255,255,.72);border-bottom:1px solid rgba(225,224,220,.8);backdrop-filter:blur(10px)}.crumbs{display:flex;align-items:center;gap:10px;color:#41505f;font-size:12px}.crumbs i{color:#c9c9c6;font-size:9px}.crumbs strong{color:#434b54;font-weight:700}.top-actions{display:flex;align-items:center;gap:17px}.global-search{width:240px;height:36px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e5e4e0;border-radius:7px;background:#fff;color:#41505f}.global-search i{font-size:12px}.global-search input{width:100%;border:0;outline:0;color:var(--ink);font-size:12px;background:transparent}.global-search input::placeholder{color:#41505f}.icon-button{position:relative;width:31px;height:31px;color:#41505f}.icon-button:hover{color:var(--orange-ink)}.notification-dot{position:absolute;right:4px;top:4px;width:6px;height:6px;background:var(--orange);border:2px solid #fff;border-radius:50%}.user-profile{display:flex;align-items:center;gap:8px;padding-left:15px;border-left:1px solid #ebeae7}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#253746;color:#fff;font-size:12px;font-weight:700}.user-copy strong,.user-copy span{display:block}.user-copy strong{font-size:12px}.user-copy span{margin-top:2px;color:#41505f;font-size:10px}.user-chevron{margin-left:3px;color:#41505f;font-size:9px}.content{max-width:1440px;margin:0 auto;padding:42px clamp(24px,4vw,58px) 24px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--orange-ink);font:700 11px 'DM Sans';letter-spacing:.14em}.eyebrow-line{width:24px;height:2px;background:var(--orange);border-radius:99px}.page-intro h1{margin:10px 0 10px;font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;line-height:1.12;font-weight:800}.page-intro h1 em{font:700 .54em 'DM Sans';font-style:normal;letter-spacing:.08em;color:#41505f;vertical-align:middle}.page-intro p{max-width:640px;margin:0;color:#41505f;font-size:13px;line-height:1.8}.intro-meta{display:flex;align-items:center;gap:8px;padding-bottom:6px;color:#41505f;font-size:11px;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#4aa06e;box-shadow:0 0 0 3px #e4f4e9}.meta-divider{width:1px;height:13px;background:#dddeda;margin:0 5px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:10px;margin-bottom:38px}.metric{display:flex;align-items:center;gap:11px;min-height:75px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 2px 5px rgba(29,34,38,.02)}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:13px}.metric-icon.orange{background:#fff0dc;color:var(--orange-ink)}.metric-icon.blue{background:#eaf2f9;color:var(--blue)}.metric-icon.green{background:#e9f5ed;color:var(--green)}.metric span,.metric strong{display:block}.metric span{color:#41505f;font-size:10px}.metric strong{margin-top:2px;font:700 21px/1 'DM Sans';letter-spacing:-.03em}.metric small{font:500 11px 'Noto Sans SC';color:#41505f}.metric-note{gap:12px;border-color:#f1dfc7;background:#fffaf3}.metric-note>i:first-child{color:var(--orange-ink);font-size:15px}.metric-note strong{font:700 12px 'Noto Sans SC';letter-spacing:0}.metric-note span{margin-top:4px}.metric-note>i:last-child{margin-left:auto;color:#836137;font-size:11px}.service-section{padding-bottom:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.section-heading p{margin:5px 0 0;color:#41505f;font-size:11px}.section-tools{display:flex;align-items:center;gap:14px}.filter-tabs{display:flex;align-items:center;gap:4px;padding:3px;border-radius:8px;background:#eeeDE9}.filter-tab{height:29px;padding:0 10px;border-radius:6px;color:#41505f;font-size:11px;font-weight:600}.filter-tab span{margin-left:3px;color:#b3b7ba;font:700 10px 'DM Sans'}.filter-tab.active{color:#3d4650;background:#fff;box-shadow:0 1px 3px rgba(30,35,40,.1)}.filter-tab.active span{color:var(--orange-ink)}.sort-button{display:flex;align-items:center;gap:7px;height:35px;padding:0 11px;border:1px solid var(--line);border-radius:7px;color:#41505f;background:#fff;font-size:11px}.sort-button:hover{border-color:#e9bc82;color:var(--orange-deep)}.sort-button i{color:#7a634e}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{display:flex;flex-direction:column;min-height:286px;border:1px solid #e3e2de;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 9px rgba(29,34,38,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#f0c48b;box-shadow:0 15px 30px rgba(39,43,46,.1)}.card-media{position:relative;height:116px;overflow:hidden;background-image:linear-gradient(90deg,rgba(23,34,46,.92) 0%,rgba(23,34,46,.45) 60%,rgba(23,34,46,.15) 100%),var(--image);background-position:center;background-size:cover}.card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(19,28,36,.25))}.card-index{position:absolute;z-index:1;top:17px;left:18px;color:#ffd394;font:700 10px 'DM Sans';letter-spacing:.11em}.card-tag{position:absolute;z-index:1;top:13px;right:14px;padding:4px 7px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;font-size:9px;background:rgba(19,28,36,.24)}.card-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:15px 17px 14px}.card-body h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.card-body p{margin:0;color:#41505f;font-size:11px;line-height:1.75}.card-link{display:flex;align-items:center;gap:9px;width:max-content;padding:0;margin-top:15px;color:var(--orange-deep);font-size:11px;font-weight:700}.card-link i{font-size:10px;transition:transform .15s}.card-link:hover i{transform:translateX(4px)}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;height:220px;color:#41505f}.empty-state i{margin-bottom:12px;color:#d8d3ca;font-size:26px}.empty-state strong{font-size:13px}.empty-state span{margin-top:6px;font-size:11px}.footer-strip{display:flex;justify-content:space-between;gap:20px;padding:27px 0 8px;color:#41505f;font-size:10px}.footer-strip div{display:flex;gap:18px}.footer-strip a{color:#41505f;text-decoration:none}.footer-strip a:hover{color:var(--orange-ink)}.overlay{position:fixed;inset:0;z-index:30;background:rgba(23,29,35,.32);opacity:0;visibility:hidden;transition:.25s}.overlay.open{opacity:1;visibility:visible}.detail-drawer{position:fixed;z-index:40;top:0;right:0;width:min(430px,100%);height:100vh;padding:56px 34px 30px;background:#fff;box-shadow:-20px 0 50px rgba(24,30,36,.15);transform:translateX(100%);transition:transform .3s ease;overflow:auto}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:22px;right:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#41505f;background:#f5f4f1}.drawer-close:hover{color:var(--orange-ink);background:#fff2df}.drawer-kicker{color:var(--orange-ink);font:700 11px 'DM Sans';letter-spacing:.13em}.detail-drawer h2{margin:12px 0 10px;font-size:25px}.detail-drawer>p{margin:0;color:#41505f;font-size:12px;line-height:1.8}.drawer-status{display:flex;gap:11px;padding:14px;margin:24px 0;border:1px solid #e4f0e8;border-radius:8px;background:#f5fbf7}.status-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#d9f0e1;color:#35734e;font-size:11px}.drawer-status strong,.drawer-status span{display:block}.drawer-status strong{font-size:11px}.drawer-status span{margin-top:3px;color:#41505f;font-size:10px}.drawer-section{padding:21px 0;border-top:1px solid #efeee9}.drawer-label{display:block;margin-bottom:12px;color:#41505f;font:700 10px 'DM Sans';letter-spacing:.12em;text-transform:uppercase}.drawer-chips{display:flex;flex-wrap:wrap;gap:7px}.drawer-chip{padding:7px 10px;border-radius:5px;color:#41505f;background:#f6f4f0;font-size:10px}.steps{display:flex;flex-direction:column;gap:18px}.step{display:flex;align-items:flex-start;gap:11px;color:#b0b5b9}.step>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #dfe2e1;border-radius:50%;font:700 10px 'DM Sans'}.step.active{color:var(--ink)}.step.active>span{border-color:var(--orange);color:var(--orange-ink);background:#fff5e6}.step strong,.step small{display:block}.step strong{font-size:11px}.step small{margin-top:3px;color:#41505f;font-size:10px}.drawer-action{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;border-radius:7px;color:#fff;background:var(--orange);font-size:12px;font-weight:700;box-shadow:0 7px 17px rgba(247,144,9,.22)}.drawer-action:hover{background:var(--orange-deep)}.drawer-action i{font-size:11px}.toast{position:fixed;z-index:60;left:50%;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #d8ebdf;border-radius:7px;color:#417156;background:#f5fbf7;box-shadow:0 10px 30px rgba(29,45,35,.12);font-size:11px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast i{color:#387350}.cases-view[hidden]{display:none}.cases-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:18px 0 34px}.cases-intro h1{margin:10px 0;font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;line-height:1.12}.cases-intro h1 em{font:700 .54em 'DM Sans';font-style:normal;letter-spacing:.08em;color:#41505f;vertical-align:middle}.cases-intro p{margin:0;color:#41505f;font-size:13px;line-height:1.8}.case-cta{display:flex;align-items:center;gap:11px;height:43px;padding:0 19px;border-radius:22px;color:#fff;background:#203142;font-size:12px;font-weight:700;white-space:nowrap}.case-cta:hover{background:#2d4559;transform:translateY(-2px)}.cases-panel{overflow:hidden;border:1px solid #e5e5e1;border-radius:9px;background:#fff;box-shadow:var(--shadow)}.cases-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #ebeae7}.cases-panel-head h2{margin:0;color:#243545;font-size:19px}.cases-panel-head span:not(.live-dot){color:#b1b4b6;font:700 10px 'DM Sans';letter-spacing:.16em}.cases-panel-head>div:first-child{display:flex;align-items:flex-end;gap:18px}.cases-updated{display:flex;align-items:center;gap:8px;color:#41505f;font-size:10px}.table-wrap{overflow-x:auto;padding:18px 18px 0}.cases-table{width:100%;border-collapse:separate;border-spacing:0 7px;min-width:790px;font-size:12px}.cases-table th{padding:0 15px 7px;color:var(--orange-ink);font-size:10px;font-weight:700;text-align:left;white-space:nowrap}.cases-table td{height:67px;padding:0 15px;color:#41505f;background:#fbfcfc;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9;white-space:nowrap}.cases-table td:first-child{border-left:3px solid var(--orange);border-radius:4px 0 0 4px}.cases-table td:last-child{border-right:1px solid #dce4e9;border-radius:0 4px 4px 0}.cases-table tr:hover td{background:#fffaf2}.cases-table td strong{color:#4a637a;font-weight:700}.reason-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#efb259;vertical-align:1px}.fund{color:#26717e!important;font-family:'DM Sans';font-weight:700}.case-status{display:inline-flex;padding:5px 8px;border-radius:4px;font-size:10px;font-weight:700}.case-status.done{color:#397352;background:#e9f5ed}.case-status.process{color:#8f5c1b;background:#fff1dc}.cases-panel-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 25px 20px;color:#41505f;font-size:10px}.cases-panel-foot button{display:flex;align-items:center;gap:8px;color:var(--orange-deep);font-size:11px;font-weight:700}.cases-panel-foot button i{font-size:10px}

/* Soft transition mask: the shared sidebar stays visible while content changes. */
@keyframes poa-curtain-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes poa-curtain-out {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes poa-mark-in {
  from { opacity: 0; transform: translate(-50%, -44%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}
@keyframes poa-mark-out {
  from { opacity: 1; transform: translate(-50%, -50%); }
  to { opacity: 0; transform: translate(-50%, -56%); }
}
@keyframes poa-progress-pending {
  from { background-size: 214px 71px, 7% 3px, 100% 3px; }
  to { background-size: 214px 71px, 90% 3px, 100% 3px; }
}
@keyframes poa-progress-leaving {
  from { background-size: 214px 71px, 8% 3px, 100% 3px; }
  to { background-size: 214px 71px, 100% 3px, 100% 3px; }
}
html.poa-page-pending .main-area::before,
html.poa-page-ready .main-area::before,
html.poa-page-leaving .main-area::before {
  content: "";
  position: fixed;
  inset: 0 0 0 var(--sidebar-width, 248px);
  z-index: 9998;
  border-left: 1px solid rgba(255, 255, 255, .72);
  background: linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(245, 248, 251, .64));
  -webkit-backdrop-filter: blur(16px) saturate(.88);
  backdrop-filter: blur(16px) saturate(.88);
  pointer-events: none;
  will-change: opacity;
}
html.poa-page-pending .main-area::after,
html.poa-page-ready .main-area::after,
html.poa-page-leaving .main-area::after {
  content: "";
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: calc(var(--sidebar-width, 248px) + (100vw - var(--sidebar-width, 248px)) / 2);
  width: 214px;
  height: 91px;
  background-image:
    url("../static/AMZTRO.png"),
    linear-gradient(90deg, #f79009 0%, #ffab3d 72%, #ffd08b 100%),
    linear-gradient(90deg, rgba(247, 144, 9, .13), rgba(247, 144, 9, .24));
  background-position: center top, left bottom, left bottom;
  background-repeat: no-repeat;
  background-size: 214px 71px, 100% 3px, 100% 3px;
  filter: drop-shadow(0 5px 9px rgba(247, 144, 9, .12));
  pointer-events: none;
}
html.poa-page-pending .main-area::before { opacity: 1; }
html.poa-page-pending .main-area::after {
  opacity: 1;
  transform: translate(-50%, -50%);
  animation: poa-progress-pending 2.6s cubic-bezier(.12, .64, .24, 1) both;
}
html.poa-page-ready .main-area::before { animation: poa-curtain-out .32s ease-out both; }
html.poa-page-ready .main-area::after { animation: poa-mark-out .2s ease .04s both; }
html.poa-page-leaving .main-area::before { animation: poa-curtain-in .2s ease-in both; }
html.poa-page-leaving .main-area::after {
  animation:
    poa-mark-in .16s ease .04s both,
    poa-progress-leaving .22s ease-out both;
}
html.poa-page-pending body > .main-area,
html.poa-page-leaving body > .main-area { pointer-events: none; }
@media (max-width: 760px) {
  html.poa-page-pending .main-area::before,
  html.poa-page-ready .main-area::before,
  html.poa-page-leaving .main-area::before { left: 0; }
  html.poa-page-pending .main-area::after,
  html.poa-page-ready .main-area::after,
  html.poa-page-leaving .main-area::after { left: 50%; }
}
@media (prefers-reduced-motion: reduce) {
  html.poa-page-pending .main-area::after,
  html.poa-page-ready .main-area::before,
  html.poa-page-ready .main-area::after,
  html.poa-page-leaving .main-area::before,
  html.poa-page-leaving .main-area::after { animation-duration: .01ms; }
}

/* Shared breadcrumb navigation. */
.crumbs > a[data-breadcrumb-back] {
  color: inherit;
  text-decoration: none;
  transition: color .16s ease;
}
.crumbs > a[data-breadcrumb-back]:hover { color: var(--orange-deep); }
.crumbs > a[data-breadcrumb-back]:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--orange);
  outline-offset: 3px;
}
.crumbs > [hidden] { display: none !important; }
