:root{--bg:#f5efe5;--surface:#fffaf3db;--surface-strong:#fff8ef;--surface-dark:#11212a;--line:#1f303c1f;--line-strong:#1f303c38;--text:#17303e;--text-muted:#56707c;--heading:#0f2431;--accent:#c56a2d;--accent-deep:#8f451b;--accent-soft:#c56a2d24;--success:#1f7a63;--danger:#cf5b4f;--shadow:0 24px 80px #12252e1f;--shadow-soft:0 12px 36px #12252e14;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--container:1240px;--font-display:"Georgia", "Times New Roman", serif;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;color:var(--text);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#e6c19c59,#0000 30%),radial-gradient(circle at right 20%,#25685929,#0000 24%),linear-gradient(#fffaf1 0%,#f4ebde 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#app,.app-shell{min-height:100vh}.container{width:min(var(--container), calc(100vw - 48px));margin:0 auto}.page-shell{padding:32px 0 56px}.hero-card,.soft-card,.table-card,.metric-card,.sidebar-card,.auth-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.hero-card{border-radius:var(--radius-xl);padding:40px}.soft-card,.metric-card,.sidebar-card,.auth-card,.table-card{border-radius:var(--radius-lg)}.table-card,.soft-card,.metric-card,.sidebar-card,.auth-card{padding:24px}.section-block{margin-top:28px}.eyebrow{color:var(--accent-deep);letter-spacing:.1em;text-transform:uppercase;background:#0f24310f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.display-title,.section-title,.panel-title{color:var(--heading);font-family:var(--font-display);margin:0;font-weight:700}.display-title{font-size:clamp(36px,5vw,62px);line-height:1.05}.section-title{font-size:clamp(28px,3vw,40px);line-height:1.1}.panel-title{font-size:24px}.lead,.section-copy,.muted{color:var(--text-muted)}.lead{max-width:700px;font-size:18px;line-height:1.8}.section-copy{margin-top:12px;line-height:1.75}.hero-grid,.three-grid,.four-grid,.dual-grid,.stats-grid,.record-grid,.plan-grid,.contact-grid,.profile-grid{gap:20px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);align-items:stretch}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.four-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dual-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid,.plan-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-header{margin-bottom:22px}.section-header.space-between,.toolbar-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-row{flex-wrap:wrap;margin-bottom:18px}.tag-list,.bullet-list,.number-list{margin:0;padding:0;list-style:none}.tag-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tag-list li{color:var(--heading);background:#0f24310f;border-radius:999px;padding:8px 12px}.bullet-list{gap:12px;display:grid}.bullet-list li,.number-list li{color:var(--text-muted);line-height:1.7}.number-list{counter-reset:item;gap:14px;display:grid}.number-list li{padding-left:44px;position:relative}.number-list li:before{counter-increment:item;content:counter(item);background:var(--accent-soft);width:28px;height:28px;color:var(--accent-deep);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;inset:0 auto auto 0}.hero-actions,.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.metric-value{color:var(--heading);font-family:var(--font-display);margin:0;font-size:34px}.metric-label{color:var(--text-muted);margin-top:10px}.code-block{color:#d9ebe5;background:#10212b;border-radius:18px;margin:0;padding:18px;font-size:14px;line-height:1.7;overflow:auto}.empty-state{border:1px dashed var(--line-strong);text-align:center;color:var(--text-muted);border-radius:18px;padding:36px}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf3e9cc;border-bottom:1px solid #11212a14;position:sticky;top:0}.site-header-inner,.dashboard-header-inner{width:min(var(--container), calc(100vw - 48px));justify-content:space-between;align-items:center;gap:20px;min-height:76px;margin:0 auto;display:flex}.brand-mark{color:var(--heading);letter-spacing:.03em;align-items:center;gap:12px;font-size:18px;font-weight:800;display:inline-flex}.brand-icon{background:linear-gradient(135deg, var(--accent) 0%, #f2c98b 100%);color:#fff8ef;width:42px;height:42px;font-family:var(--font-display);border-radius:14px;place-items:center;font-size:20px;display:grid}.site-nav,.dashboard-actions,.sidebar-nav{flex-wrap:wrap;gap:8px;display:flex}.site-nav a,.sidebar-nav a{color:var(--text-muted);border-radius:999px;padding:10px 14px;transition:all .2s}.site-nav a.router-link-active,.sidebar-nav a.router-link-active,.site-nav a:hover,.sidebar-nav a:hover{color:var(--heading);background:#0f243114}.page-layout,.dashboard-layout{width:min(var(--container), calc(100vw - 48px));gap:24px;margin:0 auto;padding:28px 0 56px;display:grid}.dashboard-layout{grid-template-columns:280px minmax(0,1fr)}.sidebar-card{height:fit-content;position:sticky;top:96px}.sidebar-profile{align-items:center;gap:14px;margin-bottom:18px;display:flex}.avatar-preview{object-fit:cover;background:#0f243114;border-radius:50%;width:72px;height:72px}.dashboard-content,.page-content{min-width:0}.site-footer{color:#fff8efd1;background:#11212aeb;border-top:1px solid #11212a14;margin-top:44px}.site-footer-inner{width:min(var(--container), calc(100vw - 48px));margin:0 auto;padding:40px 0}.site-footer a{color:#fff8efeb}.footer-grid{grid-template-columns:1.2fr .8fr .8fr 1fr;gap:20px;display:grid}.footer-grid ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.footer-note{color:#fff8ef99;border-top:1px solid #fff8ef1f;margin-top:28px;padding-top:20px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-wrap{grid-template-columns:1.1fr minmax(360px,420px);gap:24px;width:min(1080px,100%);display:grid}.auth-showcase{border-radius:var(--radius-xl);color:#fff8efeb;box-shadow:var(--shadow);background:linear-gradient(145deg,#0b1e29eb,#1e4f42db);padding:36px}.auth-showcase p,.auth-showcase li{color:#fff8efc2}.auth-meta{gap:18px;margin-top:28px;display:grid}.auth-card{align-self:center}.search-inline{flex-wrap:wrap;gap:12px;display:flex}.table-footer{justify-content:flex-end;margin-top:18px;display:flex}.service-ribbon{color:var(--accent-deep);background:#ffffffa8;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.hero-visual{gap:18px;display:grid}.hero-board{color:#fffaf3eb;background:linear-gradient(#11212af5,#1f4b40eb);border-radius:22px;gap:14px;min-height:100%;padding:20px;display:grid}.hero-board strong,.hero-board h3{color:#fff7ea}.hero-board p{color:#fffaf3b8}.usage-progress{margin-top:16px}.upload-panel{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.el-card,.el-dialog,.el-table,.el-descriptions,.el-collapse{--el-border-color-light:#11212a14;--el-fill-color-light:#fff8efb8;--el-color-primary:var(--accent)}.el-button--primary{--el-button-bg-color:var(--accent);--el-button-border-color:var(--accent);--el-button-hover-bg-color:#d17b42;--el-button-hover-border-color:#d17b42;--el-button-active-bg-color:var(--accent-deep);--el-button-active-border-color:var(--accent-deep)}.el-menu{border-right:none}@media (width<=1100px){.hero-grid,.auth-wrap,.dashboard-layout,.footer-grid,.three-grid,.four-grid,.stats-grid,.record-grid,.plan-grid,.contact-grid,.dual-grid,.profile-grid{grid-template-columns:1fr}.sidebar-card{position:static}.site-header-inner,.dashboard-header-inner,.section-header.space-between,.toolbar-row{flex-direction:column;align-items:flex-start}}@media (width<=720px){.container,.page-layout,.dashboard-layout,.site-header-inner,.dashboard-header-inner,.site-footer-inner{width:min(var(--container), calc(100vw - 28px))}.hero-card,.soft-card,.metric-card,.sidebar-card,.auth-card,.table-card,.auth-showcase{padding:20px}.display-title{font-size:34px}.site-nav,.dashboard-actions{width:100%}}