:root{--bg:#f4f7fb;--panel:#fff;--soft:#f8fafc;--text:#1f2937;--muted:#667085;--line:#e4eaf1;--primary:#176b87;--primary-dark:#0f5269;--accent:#f59e0b;--danger:#b42318;--success:#16834a;--sidebar:#fff;--shadow:0 18px 45px rgba(15,82,105,.08)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Arial,sans-serif;letter-spacing:0}body,h1,h2,p{margin:0}h1{font-size:26px;font-weight:850;line-height:1.2}h2{font-size:20px;font-weight:840;line-height:1.25}a,button{align-items:center;background:linear-gradient(180deg,#1f7f9f,var(--primary));border:1px solid transparent;border-radius:8px;box-shadow:0 8px 18px rgba(23,107,135,.16),inset 0 1px 0 hsla(0,0%,100%,.18);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:760;justify-content:center;min-height:42px;padding:0 17px;text-decoration:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}a:hover,button:hover{background:linear-gradient(180deg,#248cac,var(--primary-dark));box-shadow:0 10px 22px rgba(23,107,135,.2),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}button.secondary{background:#f7fbfd;border-color:#d8e6ec;box-shadow:inset 0 1px 0 #fff;color:var(--primary-dark)}button.secondary:hover{background:#eef6fa}button.ghost{background:#fff;border-color:var(--line);box-shadow:none;color:var(--text)}button.danger{background:#fff3f1;border-color:#ffd7d2;box-shadow:none;color:var(--danger)}button:disabled{background:#d7dee7;border-color:transparent;box-shadow:none;color:#7d8997;cursor:not-allowed;transform:none}input,select,textarea{background:#fff;border:1px solid #cfd9e5;border-radius:8px;color:var(--text);font:inherit;font-size:15px;min-height:44px;outline:none;padding:0 13px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,107,135,.12)}input[type=file]{display:none}textarea{line-height:1.55;min-height:96px;padding:11px 13px;resize:vertical}label{color:#3f4f5f;display:grid;font-size:13px;font-weight:760;grid-gap:8px;gap:8px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0}.side-brand{display:block}.side-brand img{border-radius:8px;box-shadow:0 10px 24px rgba(23,107,135,.12);display:block;height:auto;width:100%}.main-nav{display:grid;grid-gap:8px;gap:8px}.main-nav button{background:transparent;border-color:transparent;box-shadow:none;color:#546474;justify-content:flex-start;min-height:44px;padding:0 14px}.main-nav button.active,.main-nav button:hover{background:#edf7fb;border-color:#d9ecf3;box-shadow:none;color:var(--primary-dark);transform:none}.content{padding:26px 28px 48px}.topbar{gap:16px;justify-content:space-between;margin-bottom:18px}.account-actions,.topbar{align-items:center;display:flex}.account-actions{gap:10px}.points-pill{background:#fff7e8;border:1px solid #fedca2;border-radius:999px;color:#9a5a00;display:inline-flex;font-size:13px;font-weight:850;line-height:1;padding:10px 12px;white-space:nowrap}.topbar p{color:var(--muted);line-height:1.6;margin-top:6px}.notice{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;color:#445464;line-height:1.5;margin-top:16px;padding:12px 15px}.sub-nav{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(31,41,55,.04);display:flex;gap:6px;margin-bottom:16px;padding:6px}.sub-nav button{background:transparent;border-color:transparent;box-shadow:none;color:#5c6b7a;flex:1 1;min-height:40px}.sub-nav button.active{background:var(--primary);color:#fff}.home-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:20px}.focus-panel{margin:0 auto;max-width:680px}.panel-title{align-items:center;display:flex;gap:12px;margin-bottom:18px}.panel-title p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:4px}.step-number{align-items:center;background:#edf7fb;border:1px solid #d5e9f1;border-radius:10px;color:var(--primary-dark);display:inline-flex;flex:0 0 auto;font-size:15px;font-weight:880;height:42px;justify-content:center;width:42px}.step-number.done{background:#e9f8f0;border-color:#cdeedb;color:var(--success)}.mode-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{align-items:flex-start;background:#fff;border:1px solid var(--line);box-shadow:none;color:var(--text);display:grid;grid-gap:7px;gap:7px;justify-content:stretch;min-height:112px;padding:18px;text-align:left;white-space:normal}.mode-card strong{color:var(--primary-dark);font-size:19px}.mode-card span{color:var(--muted);font-weight:500;line-height:1.55}.mode-card.active,.mode-card:hover{background:#f1f9fc;border-color:#9ec9d8;box-shadow:0 12px 28px rgba(23,107,135,.1)}.upload-form{border-top:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;margin-top:18px;padding-top:18px}.primary-action{min-height:48px;width:100%}.file-picker{align-items:center;background:var(--soft);border:1.5px dashed #a8c5d1;border-radius:10px;cursor:pointer;display:flex;gap:12px;min-height:78px;padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.file-picker:hover{border-color:var(--primary);box-shadow:0 12px 24px rgba(23,107,135,.1);transform:translateY(-1px)}.file-icon{align-items:center;background:linear-gradient(180deg,#1f7f9f,var(--primary));border-radius:9px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:26px;font-weight:500;height:48px;justify-content:center;line-height:1;width:48px}.file-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.file-copy strong{color:var(--text);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-copy em{color:var(--muted);font-size:13px;font-style:normal;font-weight:500}.home-panel{grid-gap:22px;gap:22px}.home-panel,.home-stack{display:grid;max-width:760px}.home-stack{grid-gap:16px;gap:16px}.home-panel h2{font-size:30px}.eyebrow{color:var(--primary);display:inline-flex;font-size:13px;font-weight:850;margin-bottom:8px}.home-actions{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions button{font-size:16px;min-height:56px}.package-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.package-card{align-items:flex-start;background:#fff;border-color:var(--line);box-shadow:none;color:var(--text);display:grid;grid-gap:6px;gap:6px;min-height:100px;padding:14px;text-align:left}.package-card strong{color:var(--primary-dark)}.package-card span{color:var(--text);font-size:18px;font-weight:850}.package-card em{color:var(--muted);font-style:normal;font-weight:700}.modal-backdrop{align-items:center;background:rgba(15,23,42,.42);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:20}.modal-panel{background:#fff;border-radius:10px;box-shadow:0 24px 70px rgba(15,23,42,.24);max-width:680px;padding:20px;width:100%}.modal-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.modal-head p{color:var(--muted);font-size:14px;line-height:1.55;margin-top:5px}.stats-row{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats-row div{background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:14px}.stats-row strong{color:var(--primary-dark);font-size:24px}.stats-row span{color:var(--muted);font-size:13px}.list,.project-list{display:grid;grid-gap:12px;gap:12px}.manage-product,.product-card,.row{background:#fff;border:1px solid var(--line);border-radius:9px}.manage-product,.product-card{display:grid;grid-gap:14px;gap:14px;padding:15px}.manage-head,.project-row,.row{align-items:center;display:flex;gap:12px;justify-content:space-between}.row{min-height:66px;padding:12px 13px}.manage-head div,.project-main,.row div{display:grid;grid-gap:5px;gap:5px;min-width:0}.project-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.manage-head strong,.project-title strong,.row strong{overflow-wrap:anywhere}.manage-head span,.project-main span,.row span{color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.row-actions{display:flex;gap:9px}.status-badge{border-radius:999px;font-size:12px!important;font-weight:850;line-height:1;padding:6px 9px}.status-badge.ready{background:#e8f7ef;color:var(--success)}.status-badge.review{background:#fff4df;color:#9a5a00}.status-badge.working{background:#e8f2ff;color:#175cd3}.status-badge.failed{background:#fff2f0;color:var(--danger)}.profile-box{border-top:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;padding-top:14px}.profile-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid .wide{grid-column:1/-1}.split-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.actions{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth{display:grid;grid-gap:14px;gap:14px;max-width:460px}.error{color:var(--danger)!important}button.recharge-btn{background:linear-gradient(180deg,#ff9b30,#f57c00);border:1px solid #e06b00;border-radius:24px;box-shadow:0 6px 20px rgba(245,124,0,.3),inset 0 1px 0 hsla(0,0%,100%,.25);color:#fff;font-size:14px;font-weight:800;min-height:38px;padding:0 22px}button.recharge-btn:hover{background:linear-gradient(180deg,#ffad4d,#f57c00);box-shadow:0 8px 24px rgba(245,124,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-1px)}.empty,.muted{color:var(--muted);font-size:14px;line-height:1.6}.empty{background:var(--soft);border:1px dashed var(--line);border-radius:8px;padding:14px}@media (max-width:860px){.app-shell{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0;gap:12px;min-height:auto;padding:12px;position:-webkit-sticky;position:sticky;z-index:5}.side-brand{margin:0 auto;max-width:360px}.side-brand img{border-radius:8px;height:auto;width:100%}.main-nav{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto}.main-nav button{justify-content:center;min-height:38px;padding:0 8px}.content{padding:18px 12px 36px}.topbar{align-items:flex-start;flex-direction:column}.topbar h1{font-size:23px}.sub-nav{position:-webkit-sticky;position:sticky;top:109px;z-index:4}.sub-nav button{font-size:12px;padding:0 8px}.home-panel,.panel{border-radius:9px;padding:16px}.focus-panel{max-width:none}.home-actions,.mode-grid,.package-grid,.profile-grid,.split-grid,.stats-row{grid-template-columns:1fr}.account-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.account-actions button,.points-pill{justify-content:center;width:100%}.modal-head{flex-direction:column}.modal-head button{width:100%}.mode-card{min-height:96px}.manage-head,.project-row,.row{align-items:stretch;flex-direction:column}.row-actions{flex-direction:column}.actions button,.row-actions button{width:100%}}