:root{color:#203a32;font-synthesis:none;background:#f5f7f3;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -8%,#d5e8dcd1,#0000 34rem),#f6f7f4;min-width:320px;min-height:100svh;margin:0}.piao-page{align-items:center;min-height:100svh;padding:clamp(28px,7vw,88px);display:flex}.piao-content{width:100%;max-width:780px;margin:0 auto}.piao-logo{letter-spacing:.06em;margin-bottom:56px;font-size:24px;font-weight:650;display:inline-block}.piao-logo span{color:#657b71;letter-spacing:.02em;font-size:13px;font-weight:400}h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(32px,5vw,52px);font-weight:550;line-height:1.3}.piao-subtitle{color:#657b71;margin-bottom:32px;font-size:17px;line-height:1.8}.piao-status{flex-wrap:wrap;align-items:center;gap:14px;min-height:44px;display:flex}.piao-page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 28px;display:flex}.piao-page-header h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.2}.piao-page-header p,.piao-section-heading p,.piao-empty p{color:#65766f;margin:0;line-height:1.7}.piao-eyebrow{color:#34745d;letter-spacing:.08em;font-size:13px;font-weight:650}.piao-page-actions{flex-wrap:wrap;gap:10px;display:flex}.piao-surface{background:#ffffffeb;border:1px solid #e2e8e3;border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 14px 40px #2541360e}.piao-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.piao-section-heading h2,.piao-empty h2{margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.4}.piao-empty{text-align:center;padding:clamp(38px,7vw,76px) 20px}.piao-empty-mark{color:#246a52;background:#e7f3ec;border-radius:15px;place-items:center;width:44px;height:44px;margin:0 auto 16px;font-size:20px;display:grid}.piao-loading{color:#65766f;justify-content:center;align-items:center;gap:12px;min-height:240px;display:flex}.piao-loading span{border:2px solid #d9e4dd;border-top-color:#246a52;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite piao-spin}.piao-status-pill{white-space:nowrap;color:#52625b;background:#eef1ef;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:3px 10px;font-size:13px;font-weight:550;display:inline-flex}.piao-status-positive{color:#236446;background:#e5f4eb}.piao-status-warning{color:#7c5813;background:#fff3d8}.piao-status-critical{color:#9c332b;background:#fde8e5}.piao-status-processing{color:#285f9b;background:#e8f0fb}@keyframes piao-spin{to{transform:rotate(360deg)}}@media (width<=720px){.piao-page-header{flex-direction:column;align-items:flex-start}.piao-page-actions{width:100%}.piao-page-actions>*{flex:1}}@media (prefers-reduced-motion:reduce){.piao-loading span{animation:none}}.app-shell{min-height:100svh}.skip-link{z-index:1000;color:#fff;background:#173f31;border-radius:10px;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.shell-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f9f6e6;border-bottom:1px solid #d6e0d9e6;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;min-height:72px;padding:0 max(24px,50vw - 620px);display:grid;position:sticky;top:0}.shell-brand{color:inherit;text-decoration:none}.shell-brand .piao-logo{margin:0;font-size:21px}.shell-header nav{align-self:stretch;gap:6px;display:flex}.shell-header nav a{color:#52625b;place-items:center;padding:0 16px;font-size:15px;font-weight:520;text-decoration:none;display:grid;position:relative}.shell-header nav a:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.shell-header nav a:hover,.shell-header nav a.active{color:#1d5b44}.shell-header nav a.active:after{background:#246a52}.shell-actions{align-items:center;gap:8px;display:flex}.shell-main{outline:none;width:min(1240px,100% - 48px);margin:0 auto;padding:clamp(38px,6vw,72px) 0 88px}.shell-bootstrap{width:min(760px,100% - 40px);margin:0 auto;padding:56px 0}.shell-bootstrap .piao-logo{margin-bottom:36px}.entry-guidance{text-align:center;color:#65766f}.page-grid{gap:22px;display:grid}.page-grid.two{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.home-hero{color:#f7fbf8;background:radial-gradient(circle at 82% 15%,#81c2a16b,#0000 24rem),linear-gradient(135deg,#173f31,#296c52);border-radius:26px;align-items:flex-end;min-height:230px;padding:clamp(28px,5vw,52px);display:flex;position:relative;overflow:hidden}.home-hero h1{color:inherit;max-width:680px}.home-hero p{color:#d8e9df;max-width:620px;font-size:16px;line-height:1.8}.home-hero .ant-btn{margin-top:12px}.home-section{margin-top:40px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-card{color:inherit;text-decoration:none}.summary-card strong{margin-bottom:6px;font-size:28px;font-weight:620;display:block}.summary-card span{color:#65766f}.invoice-list{gap:10px;display:grid}.invoice-row{min-height:88px;color:inherit;background:#ffffffe6;border:1px solid #e2e8e3;border-radius:18px;grid-template-columns:minmax(230px,1.3fr) minmax(180px,.8fr) auto;align-items:center;gap:24px;padding:18px 22px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.invoice-row:hover,.invoice-row:focus-visible{border-color:#94b8a8;outline:none;transform:translateY(-1px);box-shadow:0 10px 30px #28493b14}.invoice-row-main,.invoice-row-end{flex-direction:column;gap:6px;display:flex}.invoice-row-main span,.invoice-row-meta{color:#65766f;font-size:13px}.invoice-row-meta{flex-wrap:wrap;gap:8px;display:flex}.invoice-row-meta span+span:before{content:"·";margin-right:8px}.invoice-row-end{align-items:flex-end}.filter-bar{margin-bottom:20px}.filter-bar .ant-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-bar .ant-form-item{margin:0}.detail-topline{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.detail-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;display:grid}.detail-field dt{color:#718078;margin-bottom:5px;font-size:13px}.detail-field dd{overflow-wrap:anywhere;margin:0;font-size:15px}.timeline{margin:0;padding:0;list-style:none}.timeline li{padding:0 0 24px 26px;position:relative}.timeline li:before{content:"";background:#4b8c72;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:4px}.timeline li:after{content:"";background:#dce5df;width:1px;position:absolute;top:18px;bottom:2px;left:7px}.timeline li:last-child:after{display:none}.timeline time,.timeline span{color:#718078;margin-top:4px;font-size:13px;display:block}.upload-drop{text-align:center;background:#fafcf9;border:1.5px dashed #a8bcb1;border-radius:20px;padding:clamp(30px,7vw,72px) 24px}.upload-drop input{max-width:100%}.upload-file{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.manage-layout{grid-template-columns:220px minmax(0,1fr);gap:34px;display:grid}.manage-nav{align-self:start;gap:5px;display:grid;position:sticky;top:104px}.manage-nav a{color:#52625b;border-radius:10px;padding:10px 12px;text-decoration:none}.manage-nav a.active{color:#1d5b44;background:#e7f1eb;font-weight:600}.manage-list{gap:10px;display:grid}.manage-item{border-bottom:1px solid #edf0ed;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.manage-item:last-child{border-bottom:0}.manage-item p{color:#718078;margin:4px 0 0}.manage-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.manage-card{color:inherit;text-decoration:none}.manage-card h2{margin:0 0 5px;font-size:17px}.manage-card p{color:#718078;margin:0}@media (width<=920px){.shell-header{-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:auto 1fr auto}.shell-header nav{z-index:21;background:#fafbf9f5;border-top:1px solid #dfe6e1;justify-content:space-around;height:64px;position:fixed;bottom:0;left:0;right:0}.shell-header nav a{flex:1;padding:0 8px;font-size:13px}.shell-header nav a:after{top:-1px;bottom:auto}.shell-main{padding-bottom:100px}.page-grid.two,.summary-grid{grid-template-columns:1fr}.invoice-row{grid-template-columns:1fr auto;gap:12px}.invoice-row-meta{grid-column:1}.invoice-row-end{grid-area:1/2/span 2}.manage-layout{grid-template-columns:1fr}.manage-nav{padding-bottom:8px;display:flex;position:static;overflow-x:auto}.manage-nav a{white-space:nowrap}}@media (width<=620px){.shell-header{gap:10px;padding:0 16px}.shell-brand .piao-logo span,.shell-actions>.ant-btn-primary{display:none}.shell-main{width:min(100% - 28px,1240px);padding-top:28px}.invoice-row{grid-template-columns:1fr}.invoice-row-meta,.invoice-row-end{grid-area:auto/1;align-items:flex-start}.detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.manage-cards{grid-template-columns:1fr}}@media (width<=420px){.detail-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.invoice-row{transition:none}}