.ptph-annual-preview{--pt-bg:light-dark(#f4f6fa,#101827);--pt-card:light-dark(#fff,#182235);--pt-text:light-dark(#15233d,#edf2fc);--pt-muted:light-dark(#57657b,#abb9d0);--pt-line:light-dark(#dce3ed,#344259);--pt-blue:light-dark(#2165c5,#7aafff);--pt-soft:light-dark(#eaf0f9,#25344d);font-family:'Sarabun',system-ui,sans-serif;background:var(--pt-bg);color:var(--pt-text);padding:0 0 24px}
    .ptph-annual-preview *{box-sizing:border-box}.ptph-annual-preview button{font:inherit;min-height:44px;border-radius:0;padding:8px 17px;border:1px solid var(--pt-line);background:var(--pt-card);color:var(--pt-text)}
    .ptph-annual-preview .pt-chrome{background:#0a1430;color:#fff;padding:17px 24px;display:flex;gap:16px;align-items:center}.ptph-annual-preview .pt-logo{font-size:22px;font-weight:700;font-style:italic}.ptph-annual-preview .pt-logo span{color:#77aaff}.ptph-annual-preview .pt-chrome small{color:#c7d1e5;font-size:12px}
    .ptph-annual-preview .pt-content{padding:24px 24px 0}.ptph-annual-preview .pt-profile{display:flex;align-items:center;gap:14px;margin-bottom:25px}.ptph-annual-preview .pt-avatar{width:50px;height:50px;display:grid;place-items:center;background:var(--pt-soft);font-size:20px;font-weight:600;flex:none}.ptph-annual-preview .pt-profile strong{display:block;font-size:19px}.ptph-annual-preview .pt-profile small{display:block;margin-top:4px;color:var(--pt-muted);font-size:12px}.ptph-annual-preview .pt-demo{margin-left:auto;border:1px solid var(--pt-line);padding:5px 9px;font-size:12px;color:var(--pt-muted)}
    .ptph-annual-preview h2{font-size:24px;line-height:1.5;margin:0 0 5px;font-weight:600}.ptph-annual-preview .pt-sub{color:var(--pt-muted);font-size:14px;margin:0 0 16px}.ptph-annual-preview .pt-pickers{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ptph-annual-preview .pt-pickers button[aria-pressed=true]{background:#17345e;color:#fff;border-color:#17345e}.ptph-annual-preview .pt-count{margin-left:8px;color:var(--pt-muted);font-size:13px}.ptph-annual-preview .pt-alert{min-height:30px;color:var(--pt-muted);font-size:13px;padding:6px 0}.ptph-annual-preview .pt-cards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px}.ptph-annual-preview .pt-year{border:1px solid var(--pt-line);background:var(--pt-card);min-width:0}.ptph-annual-preview .pt-year-head{display:flex;align-items:center;justify-content:space-between;background:var(--pt-soft);padding:14px 17px;border-bottom:1px solid var(--pt-line);gap:8px}.ptph-annual-preview h3{margin:0;font-size:21px;font-weight:600}.ptph-annual-preview .pt-year-head span{font-size:12px;color:var(--pt-muted)}.ptph-annual-preview .pt-metrics{padding:18px 17px 8px}.ptph-annual-preview .pt-total small{font-size:13px;color:var(--pt-muted);display:block}.ptph-annual-preview .pt-total strong{font-size:27px;display:block;line-height:1.6;font-weight:600;font-variant-numeric:tabular-nums}.ptph-annual-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;margin:16px 0 12px}.ptph-annual-preview dt{font-size:12px;color:var(--pt-muted);margin:0 0 4px}.ptph-annual-preview dd{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;margin:0}.ptph-annual-preview .pt-psy{border-top:1px solid var(--pt-line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--pt-muted)}.ptph-annual-preview .pt-psy strong{font-size:20px;color:var(--pt-text);font-weight:600}.ptph-annual-preview .pt-graph{padding:14px 12px 5px;border-top:1px solid var(--pt-line)}.ptph-annual-preview .pt-graph h4{margin:0 5px 8px;font-size:13px;font-weight:500}.ptph-annual-preview .pt-chart{display:block;width:100%;height:184px}.ptph-annual-preview .pt-detail{margin:4px 5px 8px;font-size:12px;min-height:20px;color:var(--pt-muted);font-variant-numeric:tabular-nums}.ptph-annual-preview .pt-foot{margin:16px 0 0;font-size:12px;line-height:1.8;color:var(--pt-muted)}
    @media(max-width:700px){.ptph-annual-preview .pt-content{padding:18px 16px 0}.ptph-annual-preview .pt-cards{grid-template-columns:1fr}.ptph-annual-preview .pt-demo{display:none}.ptph-annual-preview .pt-chrome{padding:14px 16px}.ptph-annual-preview h2{font-size:21px}.ptph-annual-preview .pt-count{flex-basis:100%;margin-left:0}.ptph-annual-preview .pt-chart{height:190px}}
  

    .ptph-annual-preview .pt-slots{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
    .ptph-annual-preview .pt-slot label{display:block;font-size:12px;color:var(--pt-muted);margin-bottom:6px}
    .ptph-annual-preview .pt-slot-control{display:flex;align-items:center}
    .ptph-annual-preview select{font:inherit;font-size:16px;height:44px;min-height:44px;width:96px;padding:8px 30px 8px 12px;border:1px solid var(--pt-line);border-radius:0;color:var(--pt-text);background:var(--pt-card);appearance:none;-webkit-appearance:none}
    .ptph-annual-preview .pt-select-wrap{position:relative;display:block;width:96px;flex:none}
    .ptph-annual-preview .pt-select-wrap .pt-select-arrow{position:absolute;right:10px;top:15px;width:14px;height:14px;pointer-events:none;color:var(--pt-muted);display:grid;place-items:center}
    .ptph-annual-preview button.pt-remove{padding:0;width:44px;height:44px;min-width:44px;border-left:0;color:var(--pt-muted);font-size:17px}
    .ptph-annual-preview button.pt-add{border:1px dashed var(--pt-line);color:var(--pt-blue);background:transparent}
    .ptph-annual-preview button:disabled{opacity:.5}
    .ptph-annual-preview .pt-pickers{align-items:flex-end;gap:12px}
    .ptph-annual-preview .pt-count{padding-bottom:12px}
    .ptph-annual-preview [hidden]{display:none!important}
    .ptph-annual-preview .pt-cards[data-count="1"] .pt-year{display:grid;grid-template-columns:1fr 1.3fr}
    .ptph-annual-preview .pt-cards[data-count="1"] .pt-year-head{grid-column:1/-1}
    .ptph-annual-preview .pt-cards[data-count="1"] .pt-graph{border-top:0;border-left:1px solid var(--pt-line);align-content:center}
    @media(max-width:700px){.ptph-annual-preview .pt-cards[data-count="1"] .pt-year{display:block}.ptph-annual-preview .pt-cards[data-count="1"] .pt-graph{border-left:0;border-top:1px solid var(--pt-line)}.ptph-annual-preview .pt-count{padding:0}.ptph-annual-preview .pt-slots{gap:10px}}
  

    .ptph-annual-preview .pt-tooltip{position:absolute;z-index:10;pointer-events:none;background:var(--pt-card);color:var(--pt-text);border:1px solid var(--pt-line);box-shadow:0 4px 16px #0003;padding:10px 12px;font-size:13px;max-width:220px;line-height:1.6}
    .ptph-annual-preview .pt-tooltip strong{display:block;font-size:17px;font-variant-numeric:tabular-nums}
    .ptph-annual-preview .pt-detail{display:none}
    .ptph-annual-preview .pt-month{display:block;margin:8px 5px;color:var(--pt-muted);font-size:12px}
    .ptph-annual-preview .pt-month input{width:100%;accent-color:var(--pt-blue)}
    @container (min-width:701px) and (max-width:900px){.ptph-annual-preview .pt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ptph-annual-preview .pt-cards[data-count="1"]{grid-template-columns:1fr}}
    @container (max-width:700px){.ptph-annual-preview .pt-content{padding:18px 12px 0}.ptph-annual-preview .pt-cards{grid-template-columns:1fr}.ptph-annual-preview .pt-demo{display:none}.ptph-annual-preview .pt-chrome{padding:14px 12px}.ptph-annual-preview h2{font-size:21px}.ptph-annual-preview .pt-count{flex-basis:100%;margin-left:0;padding:0}.ptph-annual-preview .pt-cards[data-count="1"] .pt-year{display:block}.ptph-annual-preview .pt-cards[data-count="1"] .pt-graph{border-left:0;border-top:1px solid var(--pt-line)}.ptph-annual-preview .pt-slots{gap:10px}}
  

    .ptph-annual-preview .pt-site-nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:11px;color:#c7d1e5}
    .ptph-annual-preview .pt-page-title{font-size:32px;line-height:1.4;margin:42px 30px 26px;font-weight:700}
    .ptph-annual-preview .pt-shell{margin:0 26px;border-radius:18px;background:var(--pt-card);box-shadow:0 8px 30px #00000009;overflow:clip}
    .ptph-annual-preview .pt-original-head{display:flex;gap:14px;align-items:center;padding:28px;background:linear-gradient(100deg,var(--pt-card),var(--pt-soft));flex-wrap:wrap}
    .ptph-annual-preview .pt-original-avatar{width:58px;height:58px;background:var(--pt-soft);border:2px solid #c9ad62;border-radius:50%;display:grid;place-items:center;font-weight:600;flex:none}
    .ptph-annual-preview .pt-eyebrow{display:block;font-size:11px;color:var(--pt-blue);letter-spacing:1.4px;margin-bottom:9px}
    .ptph-annual-preview .pt-original-head h2{font-size:24px;padding:0;margin:0 0 4px}
    .ptph-annual-preview .pt-id{font-size:13px;color:var(--pt-muted)}
    .ptph-annual-preview .pt-head-actions{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:12px;color:var(--pt-blue)}
    .ptph-annual-preview .pt-profile-link{padding:12px;background:#437eec;color:white;border-radius:8px}
    .ptph-annual-preview .pt-original-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-top:1px solid var(--pt-line);border-bottom:1px solid var(--pt-line);font-size:12px}
    .ptph-annual-preview .pt-original-tabs span{padding:12px 10px;color:var(--pt-muted)}
    .ptph-annual-preview .pt-original-tabs .active{background:#437eec;color:white;border-radius:7px}
    .ptph-annual-preview .pt-content{background:var(--pt-bg);padding:20px;display:flex;flex-direction:column;gap:20px}
    .ptph-annual-preview .pt-old-section{padding:20px;border:1px solid var(--pt-line);border-radius:14px;background:var(--pt-card)}
    .ptph-annual-preview .pt-old-section h2{padding:0;font-size:20px;margin:0 0 16px}
    .ptph-annual-preview .pt-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
    .ptph-annual-preview .pt-kpi{border:1px solid var(--pt-line);border-radius:10px;padding:14px 12px;min-width:0}
    .ptph-annual-preview .pt-kpi:first-child{background:linear-gradient(120deg,#1d345e,#2b57a8);color:white;border:0}
    .ptph-annual-preview .pt-kpi small{display:block;font-size:11px;line-height:1.6;opacity:.8}
    .ptph-annual-preview .pt-kpi strong{display:block;font-size:23px;margin:10px 0 5px;font-variant-numeric:tabular-nums}
    .ptph-annual-preview .pt-annual{padding:20px;border:1px solid var(--pt-line);background:var(--pt-card);position:relative}
    .ptph-annual-preview .pt-new-label{font-size:11px;color:var(--pt-blue);margin-bottom:10px;display:block;letter-spacing:1px}
    .ptph-annual-preview .pt-annual>h2{font-size:21px;margin-bottom:18px;padding-right:170px}
    .ptph-annual-preview .pt-annual .pt-download{top:38px;right:20px;background:#437eec}
    .ptph-annual-preview .pt-report-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .ptph-annual-preview .pt-report-row p,.ptph-annual-preview .pt-support-copy{font-size:13px;color:var(--pt-muted);line-height:1.9;margin:0}
    .ptph-annual-preview .pt-report-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin-top:16px;color:var(--pt-muted)}
    .ptph-annual-preview .pt-report-stats b{display:block;font-size:23px;color:var(--pt-text);margin-bottom:4px}
    .ptph-annual-preview .pt-report-actions{display:flex;gap:8px;flex-wrap:wrap}
    .ptph-annual-preview .pt-old-section button{border-radius:8px;font-size:13px}
    .ptph-annual-preview .pt-existing-action{background:#437eec!important;color:white!important;border-color:#437eec!important}
    .ptph-annual-preview .pt-requests{border-top:1px solid var(--pt-line);margin-top:20px;padding-top:18px}
    .ptph-annual-preview .pt-requests h3{font-size:17px;margin-bottom:10px}
    .ptph-annual-preview .pt-requests p{font-size:13px;color:var(--pt-muted)}
    .ptph-annual-preview .pt-demo-notice{font-size:12px;color:var(--pt-muted);margin:20px 28px;text-align:center}
    .ptph-annual-preview .pt-preview-status{font-size:12px;color:var(--pt-muted);line-height:1.7;margin-top:14px}
    @container(max-width:900px){.ptph-annual-preview .pt-site-nav{display:none}.ptph-annual-preview .pt-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @container(max-width:700px){.ptph-annual-preview .pt-page-title{font-size:26px;margin:26px 14px 20px}.ptph-annual-preview .pt-shell{margin:0 8px}.ptph-annual-preview .pt-original-head{padding:20px 14px}.ptph-annual-preview .pt-head-actions{margin-left:0;width:100%}.ptph-annual-preview .pt-original-head h2{font-size:21px}.ptph-annual-preview .pt-content{padding:12px 8px;gap:14px}.ptph-annual-preview .pt-old-section{padding:15px 12px}.ptph-annual-preview .pt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ptph-annual-preview .pt-kpi:first-child{grid-column:1/-1}.ptph-annual-preview .pt-annual{padding:14px 10px;display:flex;flex-direction:column}.ptph-annual-preview .pt-annual>h2{padding:0;font-size:20px}.ptph-annual-preview .pt-annual .pt-download{position:static}.ptph-annual-preview .pt-original-tabs{gap:0;padding:8px}.ptph-annual-preview .pt-original-tabs span{padding:10px 8px}.ptph-annual-preview .pt-report-stats{gap:14px}}
  

      .ptph-annual-preview .pt-content{display:flex;flex-direction:column;position:relative}
      .ptph-annual-preview .pt-download{position:absolute;right:24px;top:98px;background:#17345e;color:#fff;border:0}
      .ptph-annual-preview .pt-content h2{padding-right:170px}
      .ptph-annual-preview .pt-export{padding:20px 16px}
      .ptph-annual-preview .pt-export-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
      .ptph-annual-preview .pt-export img{display:block;width:100%;height:auto;border:1px solid var(--pt-line)}
      .ptph-annual-preview .pt-save{display:inline-block;background:#17345e;color:#fff;padding:12px 18px;font:inherit;text-decoration:none;min-height:44px;margin-top:16px}
      .ptph-annual-preview .pt-export-note{font-size:12px;color:var(--pt-muted);line-height:1.7;margin:12px 0}
      @container(max-width:700px){.ptph-annual-preview .pt-download{position:static;align-self:stretch;margin-top:14px}.ptph-annual-preview .pt-content h2{padding-right:0}}
    

    .ptph-annual-preview h2,.ptph-annual-preview h3,.ptph-annual-preview h4{font-family:inherit}
    .ptph-annual-preview .pt-slide-nav{display:none}
      .ptph-annual-preview{--pt-series-b:light-dark(#99702b,#d9ae67);--pt-series-c:light-dark(#328173,#74bcac)}
      .ptph-annual-preview .pt-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 5px 8px;font-size:12px;color:var(--pt-muted)}
      .ptph-annual-preview .pt-legend span{display:inline-flex;gap:5px;align-items:center}
      .ptph-annual-preview .pt-legend i{display:block;width:20px;border-top:2px solid}
      .ptph-annual-preview .pt-tip-row{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-variant-numeric:tabular-nums}
      .ptph-annual-preview .pt-cards{align-items:stretch}
      @container(min-width:901px){.ptph-annual-preview .pt-cards{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
      @container(max-width:700px){
        .ptph-annual-preview .pt-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:thin;overscroll-behavior-x:contain}
        .ptph-annual-preview .pt-cards .pt-year{flex:0 0 100%;scroll-snap-align:start;min-width:0}
        .ptph-annual-preview .pt-slide-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px}
        .ptph-annual-preview .pt-slide-nav button{padding:6px 10px}
      }
    
.ptph-annual-preview{container-type:inline-size;position:relative;background:transparent;padding:0;margin:20px 0;color-scheme:light;min-width:0}.ptph-annual-preview .pt-annual{margin:0}.ptph-annual-preview .pt-select-arrow:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}.ptph-annual-preview .pt-chart{touch-action:pan-y}.ptph-annual-preview .pt-year-head h3{padding:0}.ptph-annual-preview .pt-export{background:var(--pt-card)}.ptph-annual-preview .pt-new-label{display:none}.ptph-annual-preview .pt-download{top:20px!important;right:20px!important}.ptph-annual-preview button:focus-visible,.ptph-annual-preview select:focus-visible,.ptph-annual-preview a:focus-visible{outline:3px solid #437eec;outline-offset:3px}.ptph-annual-preview .pt-psy-note{font-size:11px;color:var(--pt-muted);margin:6px 0}.ptph-annual-preview .pt-chart-error{font-size:12px;color:var(--pt-muted)}