:root{--navy:#061d32;--navy2:#0b3854;--teal:#0aa7a6;--cyan:#17b8cf;--blue:#2563eb;--green:#159a69;--purple:#7c3aed;--ink:#10233d;--muted:#6f8096;--bg:#f4f7fb;--line:#e1e9f1;--card:#fff;--shadow:0 12px 34px rgba(11,37,63,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;background:linear-gradient(180deg,#061b2e 0%,#082f4a 65%,#063c52 100%);color:#fff;z-index:1040;display:flex;flex-direction:column;box-shadow:12px 0 34px rgba(3,20,34,.12)}.brand{padding:23px 20px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-row{display:flex;align-items:center;gap:12px}.brand-mark{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#fff,#d6f7f5);color:#087f9a;display:grid;place-items:center;font-size:23px;box-shadow:0 8px 20px rgba(0,0,0,.16)}.brand-kicker{font-size:10px;letter-spacing:.08em;opacity:.78;font-weight:750}.brand-name{font-weight:900;font-size:18px;letter-spacing:.02em}.brand small{font-size:10px;opacity:.65}.side-title{font-size:23px;font-weight:900;line-height:1.05;margin-top:25px}.nav-area{padding:14px;overflow:auto;flex:1}.nav-linkx{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.82);padding:11px 13px;border-radius:12px;margin:4px 0;font-weight:650;font-size:13px;transition:.18s}.nav-linkx i{font-size:16px;width:22px;text-align:center}.nav-linkx:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav-linkx.active{color:#fff;background:linear-gradient(90deg,#087ca8,#11bdb4);box-shadow:0 8px 20px rgba(12,180,187,.2)}.sidebar-info{margin:10px 16px 14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(15,126,155,.2)}.sidebar-info .city{height:52px;margin:12px -14px -14px;border-radius:0 0 15px 15px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));display:flex;align-items:end;padding:9px 12px;color:rgba(125,232,237,.42);font-size:9px;letter-spacing:.1em}.sidebar-foot{text-align:center;padding:0 12px 17px;font-size:10px;opacity:.62}.content{margin-left:252px;min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,44px);position:sticky;top:0;z-index:1000}.topbar-left{display:flex;align-items:center;gap:12px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-weight:800}.topbar h1{font-size:19px;margin:2px 0 0;font-weight:900}.topbar-right{display:flex;align-items:center;gap:14px}.update-stamp{font-size:11px;color:var(--muted)}.year-pill{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:800;color:var(--ink);min-width:90px}.mobile-toggle{display:none;border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:11px}.hero{margin:20px clamp(18px,3vw,44px) 18px;padding:25px 28px;border-radius:22px;color:#fff;background:linear-gradient(110deg,#062b48 0%,#075b78 50%,#0ca5ae 100%);box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;top:-180px;background:rgba(255,255,255,.07)}.hero-copy{position:relative;z-index:1}.hero-kicker{font-size:11px;letter-spacing:.08em;font-weight:800;opacity:.78}.hero h2{font-size:clamp(27px,3vw,42px);font-weight:950;margin:5px 0}.hero p{margin:0;color:rgba(255,255,255,.76);max-width:700px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.hero-meta span{font-size:11px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1)}.hero-badge{position:relative;z-index:1;min-width:190px;text-align:right;align-self:center}.hero-badge strong{display:block;font-size:42px;line-height:1}.main{padding:0 clamp(18px,3vw,44px) 30px}.kpi-grid{display:grid;gap:14px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;margin-bottom:10px}.kpi-card .label{font-size:10px;color:var(--muted);font-weight:850;letter-spacing:.06em;text-transform:uppercase}.kpi-card .value{font-size:clamp(20px,2.1vw,31px);font-weight:950;margin:4px 0}.kpi-card .sub{font-size:11px;color:var(--muted)}.kpi-card .bar{height:7px;background:#eaf0f4;border-radius:99px;overflow:hidden;margin-top:12px}.kpi-card .bar span{height:100%;display:block;border-radius:99px}.kpi-card .card-link{font-size:10px;color:#24708b;margin-top:10px;font-weight:800}.tone-green .icon{background:#e3f7ef;color:#159a69}.tone-green .bar span{background:#159a69}.tone-blue .icon{background:#eaf0ff;color:#2563eb}.tone-blue .bar span{background:#2563eb}.tone-purple .icon{background:#f1eaff;color:#7c3aed}.tone-purple .bar span{background:#7c3aed}.insight-grid,.data-highlights{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.data-highlights{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-title{font-size:14px;font-weight:900;margin:0}.panel-sub{font-size:11px;color:var(--muted);margin-top:4px}.panel-action{font-size:11px;color:#087f9a;font-weight:850;white-space:nowrap}.chart-box{height:310px}.chart-box.tall{height:330px}.opd-list{display:flex;flex-direction:column;gap:11px;max-height:380px;overflow:auto;padding-right:3px}.opd-row{display:block;padding:4px 2px}.opd-row:hover .name{color:#087f9a}.opd-row .top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:750}.opd-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar{height:7px;background:#e8eef3;border-radius:99px;overflow:hidden;margin-top:5px}.mini-bar span{height:100%;display:block;background:linear-gradient(90deg,#0b879d,#18b7c3);border-radius:99px}.rank{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#edf5fb;color:#0b718d;font-size:9px;margin-right:6px}.account-list{display:flex;flex-direction:column}.account-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.account-row:last-child{border-bottom:0}.account-row:hover strong{color:#087f9a}.account-row .code{display:block;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#087f9a;margin-bottom:3px}.account-row strong{display:block;font-size:12px}.account-row .amount{text-align:right;white-space:nowrap}.account-row .amount strong{font-size:12px}.account-row .amount span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.quick-grid{display:grid;gap:10px}.quick-grid.large{grid-template-columns:repeat(4,1fr);margin-top:14px}.quick{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;box-shadow:var(--shadow);transition:.18s}.quick:hover{transform:translateY(-2px);border-color:#b8dce5}.quick i{font-size:20px;color:#087f9a}.quick strong{display:block;font-size:12px;margin-top:9px}.quick span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.footer{text-align:center;color:#8291a5;font-size:10px;padding:22px 0 12px}.content-main{padding-top:24px}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:15px}.page-intro h2{font-size:28px;font-weight:950;margin:4px 0}.page-intro p{margin:0;color:var(--muted);font-size:12px}.filter-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:13px}.filter-card .form-label{font-size:11px;font-weight:800;color:#52657c}.form-control,.form-select{border-color:#dce5ed;border-radius:11px;padding:10px 12px;font-size:12px}.form-control:focus,.form-select:focus{border-color:#72c4ce;box-shadow:0 0 0 .2rem rgba(10,167,166,.1)}.btn-primary{background:#087f9a;border-color:#087f9a}.btn-primary:hover{background:#066c83;border-color:#066c83}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:12px 2px}.table-panel{padding:0;overflow:hidden}.data-table{font-size:11px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#65778c;background:#f8fafc;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table td{border-color:#edf1f5}.code-link{font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#087f9a}.row-link{font-weight:650;display:block}.row-link:hover,.code-link:hover{color:#2563eb}.kind-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.kind-revenue{background:#e4f7ee;color:#087c55}.kind-expense{background:#eaf0ff;color:#1f58cf}.kind-financing{background:#f1eaff;color:#6d28d9}.opd-directory{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opd-directory.compact{grid-template-columns:1fr 1fr 1fr}.opd-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:var(--shadow);transition:.18s}.opd-card:hover{transform:translateY(-2px);border-color:#b8dce5}.opd-rank{width:30px;height:30px;border-radius:10px;background:#eaf5f7;color:#087f9a;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.opd-card-main{min-width:0;flex:1}.opd-card-main>strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opd-card-meta{display:flex;gap:10px;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:5px}.opd-card-meta b{color:#087f9a}.pagination-row{display:flex;justify-content:center;gap:5px;margin:15px 0}.page-chip{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:11px;background:#fff}.page-chip.active{background:#087f9a;color:#fff;border-color:#087f9a}.breadcrumb-line{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:13px}.breadcrumb-line a{color:#087f9a;font-weight:800}.detail-hero{background:linear-gradient(110deg,#062b48,#087f9a);color:#fff;border-radius:20px;padding:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;box-shadow:var(--shadow)}.detail-hero h2{font-size:25px;font-weight:950;margin:9px 0 5px;max-width:850px}.detail-code{font-size:11px;opacity:.72}.detail-pct{text-align:right}.detail-pct strong{display:block;font-size:34px;font-weight:950}.detail-pct span{font-size:10px;opacity:.72}.detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.child-list{display:flex;flex-direction:column}.child-row{display:grid;grid-template-columns:110px 1fr 16px;gap:8px;padding:11px 0;border-bottom:1px solid #edf1f5;font-size:11px}.child-row .code{font:750 10px ui-monospace;color:#087f9a}.child-row i{color:#9aa8b8}.empty-state{text-align:center;padding:60px 20px}.empty-state>i{font-size:42px;color:#087f9a}.empty-state h2{font-size:22px;font-weight:900}.empty-state p,.empty-mini{color:var(--muted);font-size:12px}.summary-bars{display:flex;flex-direction:column;gap:16px}.summary-bar{padding:3px}.summary-bar:hover strong{color:#087f9a}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.download-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow);min-height:150px}.download-card:hover{transform:translateY(-2px);border-color:#9ed7df}.download-card i{font-size:28px;color:#087f9a}.download-card strong{display:block;margin-top:14px;font-size:13px}.download-card span{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.about-hero{background:linear-gradient(110deg,#062b48,#087f9a);color:#fff}.about-hero h2{font-size:32px;font-weight:950;margin:12px 0 7px}.about-hero p{max-width:800px;opacity:.8;font-size:13px;line-height:1.7}.about-list{list-style:none;padding:0;margin:12px 0 0}.about-list li{font-size:12px;padding:8px 0;color:#52657c}.about-list i{color:#159a69;margin-right:7px}.flow-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}.flow-row span{background:#f2f7fa;border:1px solid var(--line);padding:12px 15px;border-radius:12px;font-size:11px;font-weight:800}.flow-row i{color:#087f9a}
@media(max-width:1200px){.sidebar{width:225px}.content{margin-left:225px}.insight-grid,.data-highlights,.detail-grid{grid-template-columns:1fr}.quick-grid.large{grid-template-columns:repeat(2,1fr)}.opd-directory.compact{grid-template-columns:1fr 1fr}.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0)}.content{margin-left:0}.mobile-toggle{display:grid;place-items:center}.topbar{height:70px}.topbar-right .update-stamp{display:none}.hero{margin-top:15px;flex-direction:column}.hero-badge{text-align:left}.hero-badge strong{font-size:31px}.kpi-grid.three{grid-template-columns:1fr}.opd-directory,.opd-directory.compact{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.detail-hero{align-items:flex-start;flex-direction:column}.detail-pct{text-align:left}.download-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.main{padding-left:13px;padding-right:13px}.hero{margin-left:13px;margin-right:13px;padding:20px}.topbar{padding:0 13px}.topbar h1{font-size:16px}.year-pill{min-width:70px;padding:9px}.account-row{align-items:flex-start;flex-direction:column}.account-row .amount{text-align:left}.quick-grid.large,.download-grid{grid-template-columns:1fr}.data-table{min-width:780px}.table-panel{overflow:auto}.filter-card{padding:13px}.detail-hero h2{font-size:21px}.content-main{padding-top:15px}}