:root{color-scheme:light;--bg: #f7f8f4;--bg-2: #eef2ec;--ink: #111614;--muted: #68736f;--muted-2: #9aa29f;--panel: rgba(255, 255, 255, .72);--panel-solid: #ffffff;--panel-soft: #f5f7f2;--line: rgba(20, 28, 25, .1);--line-strong: rgba(20, 28, 25, .18);--accent: #096b5f;--accent-2: #10a37f;--accent-3: #c5f1df;--blue: #0877f2;--amber: #f2ad3d;--danger: #d94d3f;--success: #189064;--shadow-lg: 0 24px 80px rgba(20, 28, 25, .14);--shadow-md: 0 14px 44px rgba(20, 28, 25, .1);--shadow-sm: 0 1px 2px rgba(20, 28, 25, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Avenir Next", "PingFang SC", sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;background:radial-gradient(circle at 16% -8%,rgba(16,163,127,.22),transparent 30rem),radial-gradient(circle at 86% 4%,rgba(242,173,61,.18),transparent 26rem),linear-gradient(135deg,#fbfcf8 0%,var(--bg) 38%,var(--bg-2) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(16,163,127,.08),transparent 26rem),radial-gradient(circle at 88% 18%,rgba(242,173,61,.08),transparent 24rem);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 74%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 74%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.64}input,select,textarea{width:100%;min-height:38px;border:1px solid rgba(17,22,20,.12);border-radius:13px;padding:9px 11px;color:var(--ink);background:#ffffffdb;outline:none;box-shadow:inset 0 1px #fffc,0 1px 2px #1116140a;font-size:13px;transition:border .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:#a0aaa5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#52605b 50%),linear-gradient(135deg,#52605b 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}input:focus,select:focus,textarea:focus{border-color:#0877f2b8;background:#fff;box-shadow:0 0 0 4px #0877f221,inset 0 1px #fffc}textarea{resize:vertical;min-height:84px}input[type=color]{min-height:38px;padding:4px}.btn{--btn-bg: linear-gradient(135deg, #0e766a, #074b44);display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid rgba(6,56,50,.16);border-radius:999px;color:#fff;text-decoration:none;background:var(--btn-bg);box-shadow:0 12px 28px #096b5f33,inset 0 1px #ffffff3d;font-size:13px;font-weight:720;letter-spacing:-.012em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 38px #096b5f47,inset 0 1px #ffffff3d}.btn.secondary{color:var(--ink);border-color:#1116141f;background:#ffffffc7;box-shadow:0 8px 22px #11161414,inset 0 1px #ffffffe6}.btn.secondary:hover{box-shadow:0 14px 28px #1116141f,inset 0 1px #ffffffe6}.btn.ghost{color:var(--muted);background:transparent;border-color:transparent;box-shadow:none}.btn.danger{--btn-bg: linear-gradient(135deg, #e06455, #b7352b);border-color:#96231c2e;box-shadow:0 12px 28px #d94d3f2e,inset 0 1px #ffffff38}.hidden-input{display:none}@keyframes floatIn{0%{transform:translateY(10px) scale(.992);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.app-shell{position:relative;width:min(100%,1560px);margin:0 auto;padding:22px}.dashboard{display:grid;grid-template-columns:252px minmax(0,1fr);align-items:start;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:6px;height:100vh;padding:22px 16px;border-right:1px solid rgba(20,28,25,.08);background:linear-gradient(180deg,#ffffffe6,#f4f8f3b8);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);z-index:5}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 16px}.sidebar-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:850;font-size:14px;letter-spacing:-.04em;background:linear-gradient(135deg,#0e766a,#074b44);box-shadow:0 8px 18px #096b5f3d}.sidebar-brand-name{display:block;font-weight:820;font-size:15px;letter-spacing:-.02em}.sidebar-brand-sub{display:block;color:var(--muted);font-size:11px;font-weight:640}.sidebar-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#41504b;text-decoration:none;font-size:13.5px;font-weight:720;transition:background .15s ease,color .15s ease}.nav-item svg{flex:0 0 auto;width:17px;height:17px;opacity:.82}.nav-item:hover{background:#10a37f14;color:var(--accent)}.nav-item.active{color:var(--accent);background:#10a37f24;box-shadow:inset 0 0 0 1px #10a37f2e}.sidebar-foot{margin-top:auto;padding:10px 12px;color:var(--muted-2);font-size:11px;font-weight:620;line-height:1.5}.dashboard-main{min-width:0}@media (max-width: 980px){.dashboard{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;border-right:0;border-bottom:1px solid rgba(20,28,25,.08)}.sidebar-brand{padding:4px 8px}.sidebar-nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.sidebar-foot{display:none}}.sidebar-user{margin-top:auto;display:grid;gap:8px;padding:12px 10px 4px;border-top:1px solid rgba(20,28,25,.08)}.sidebar-user-email{color:var(--muted);font-size:12px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .small-btn{justify-self:start}.route-loading{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:14px}@media (max-width: 980px){.sidebar-user{margin-top:0;border-top:0;padding:4px 8px;grid-auto-flow:column;align-items:center}}.landing{--bg: #f7f8f4;--ink: #111614;--muted: #66736e;--soft: #eef3ed;--card: rgba(255, 255, 255, .76);--card-solid: #ffffff;--line: rgba(20, 28, 25, .1);--line-strong: rgba(20, 28, 25, .18);--accent: #096b5f;--accent-2: #10a37f;--cream: #fff8e8;--amber: #f2ad3d;--danger: #d94d3f;--shadow: 0 24px 80px rgba(20, 28, 25, .13);--shadow-soft: 0 16px 48px rgba(20, 28, 25, .09);--radius-xl: 32px;--radius-lg: 22px;--radius-md: 15px;--font-ui: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}.landing *{box-sizing:border-box}.landing{scroll-behavior:smooth}.landing{margin:0;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(circle at 15% -8%,rgba(16,163,127,.2),transparent 32rem),radial-gradient(circle at 85% 0%,rgba(242,173,61,.16),transparent 28rem),linear-gradient(135deg,#fbfcf8 0%,var(--bg) 48%,#edf2ec 100%);line-height:1.55}.landing a{color:inherit;text-decoration:none}.landing button,.landing input{font:inherit}.landing .page{width:min(100%,1180px);margin:0 auto;padding:22px}.landing .nav{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;padding:12px 14px 12px 16px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:#ffffffb8;box-shadow:0 12px 36px #141c1914;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1)}.landing .brand{display:flex;align-items:center;gap:10px;font-weight:820;letter-spacing:-.03em}.landing .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 10px 20px #096b5f38;font-size:13px;font-weight:900}.landing .nav-links{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.landing .nav-links a{padding:8px 11px;border-radius:999px}.landing .nav-links a:hover{color:var(--ink);background:#1116140d}.landing .nav-cta,.landing .primary-cta,.landing .secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:820;letter-spacing:-.02em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.landing .nav-cta,.landing .primary-cta{color:#fff;background:linear-gradient(135deg,#0e766a,#074b44);box-shadow:0 16px 34px #096b5f38,inset 0 1px #ffffff38}.landing .secondary-cta{color:var(--ink);border:1px solid var(--line);background:#ffffffbd;box-shadow:inset 0 1px #ffffffe6}.landing .nav-cta:hover,.landing .primary-cta:hover,.landing .secondary-cta:hover{transform:translateY(-2px);box-shadow:0 20px 44px #141c1924}.landing .hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:28px;align-items:center;min-height:620px;padding:48px 0 40px}.landing .eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:7px 11px;border:1px solid rgba(9,107,95,.16);border-radius:999px;color:var(--accent);background:#e8f6f0c7;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.landing .eyebrow:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--accent-2);box-shadow:0 0 0 4px #10a37f1f}.landing h1{max-width:640px;margin:16px 0;font-family:var(--font-display);font-size:clamp(28px,3.6vw,44px);font-weight:840;line-height:1.1;letter-spacing:-.03em}.landing .hero-copy{max-width:660px;margin:0;color:#4f5c57;font-size:18px;letter-spacing:-.02em}.landing .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing .trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.landing .trust-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(17,22,20,.08);border-radius:999px;color:#3f4d48;background:#ffffff8f;font-size:13px;font-weight:760}.landing .trust-pill:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--accent-2)}.landing .product-card{position:relative;padding:18px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffdb,#ffffff85),radial-gradient(circle at 100% 0%,rgba(16,163,127,.16),transparent 18rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(1.12);backdrop-filter:blur(20px) saturate(1.12);overflow:hidden}.landing .product-card:before{content:"";position:absolute;right:-56px;top:-56px;width:170px;height:170px;border-radius:44px;background:linear-gradient(135deg,#10a37f38,#f2ad3d2e);transform:rotate(12deg)}.landing .window{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(17,22,20,.1);border-radius:24px;background:#f7f8f4;box-shadow:0 28px 80px #141c1929}.landing .window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;padding:0 16px;border-bottom:1px solid var(--line);background:#ffffffbd}.landing .dots{display:flex;gap:7px}.landing .dots span{width:11px;height:11px;border-radius:99px;background:#ff5f57;box-shadow:18px 0 #febc2e,36px 0 #28c840}.landing .window-title{color:var(--muted);font-size:12px;font-weight:760}.landing .mock-app{display:grid;grid-template-columns:190px 1fr;min-height:460px}.landing .mock-sidebar{padding:16px;border-right:1px solid var(--line);background:#ffffff94}.landing .mock-block{height:42px;margin-bottom:10px;border-radius:14px;background:#1116140f}.landing .mock-block.active{background:#10a37f24;border:1px solid rgba(16,163,127,.18)}.landing .mock-paper-wrap{display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#eef3ed,#f9faf6)}.landing .mock-paper{width:min(100%,360px);min-height:430px;padding:28px;border-radius:4px;background:#fff;box-shadow:0 26px 60px #11161429}.landing .paper-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.landing .paper-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.landing .paper-title{width:120px;height:24px;border-radius:99px;background:var(--accent)}.landing .paper-line{height:10px;margin-bottom:10px;border-radius:99px;background:#e6e9e3}.landing .paper-line.short{width:62%}.landing .paper-table{margin:28px 0;border-top:3px solid #111614}.landing .paper-row{height:34px;border-bottom:1px solid #e6e9e3}.landing .paper-total{width:46%;height:48px;margin-left:auto;border-radius:16px;background:#eef7f3}.landing section{margin:38px 0}.landing .section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px}.landing h2{max-width:760px;margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.15;letter-spacing:-.03em}.landing .section-note{max-width:440px;margin:0;color:var(--muted);font-size:15px}.landing .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing .feature-card,.landing .pricing-card,.landing .step-card,.landing .faq-card{border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft),inset 0 1px #fffc;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.landing .feature-card{min-height:210px;padding:22px}.landing .feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:15px;color:var(--accent);background:#e8f6f0db;font-family:var(--font-mono);font-weight:900}.landing .feature-card h3,.landing .step-card h3,.landing .faq-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.035em}.landing .feature-card p,.landing .step-card p,.landing .faq-card p{margin:0;color:var(--muted);font-size:14px}.landing .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:step}.landing .step-card{padding:20px;counter-increment:step}.landing .step-card:before{content:"0" counter(step);display:inline-flex;margin-bottom:18px;color:var(--accent);font-family:var(--font-mono);font-size:13px;font-weight:900}.landing .pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.landing .pricing-card{padding:26px}.landing .price{margin:12px 0;font-size:54px;font-weight:850;line-height:1;letter-spacing:-.07em}.landing .price small{color:var(--muted);font-size:15px;font-weight:760;letter-spacing:-.02em}.landing .pricing-card ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;color:#3f4d48;font-size:14px}.landing .pricing-card li{display:flex;gap:9px;align-items:flex-start}.landing .pricing-card li:before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:7px;border-radius:99px;background:var(--accent-2)}.landing .highlight{color:#fff;background:radial-gradient(circle at top right,rgba(242,173,61,.24),transparent 16rem),linear-gradient(135deg,#0d211e,#073d38 58%,#0a5f5a)}.landing .highlight p,.landing .highlight li,.landing .highlight small{color:#ffffffbd}.landing .highlight h3,.landing .highlight .price{color:#fff}.landing .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.landing .faq-card{padding:22px}.landing .final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:52px;padding:32px;border-radius:var(--radius-xl);color:#fff;background:radial-gradient(circle at 90% 0%,rgba(242,173,61,.26),transparent 22rem),linear-gradient(135deg,#0d211e,#073d38 62%,#0a5f5a);box-shadow:var(--shadow)}.landing .final-cta h2{color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.03em}.landing .final-cta p{max-width:620px;margin:12px 0 0;color:#ffffffb8}.landing .footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:32px 0 10px;color:var(--muted);font-size:13px}@media (max-width: 980px){.landing .hero,.landing .pricing,.landing .final-cta{grid-template-columns:1fr}.landing .feature-grid,.landing .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .nav-links{display:none}}@media (max-width: 680px){.landing .page{padding:14px}.landing .nav{top:8px}.landing .nav-cta{display:none}.landing .hero{min-height:auto;padding:34px 0 22px}.landing .mock-app{grid-template-columns:1fr}.landing .mock-sidebar{display:none}.landing .feature-grid,.landing .steps,.landing .faq-grid{grid-template-columns:1fr}.landing .section-head{align-items:start;flex-direction:column}.landing .final-cta{padding:24px}}.landing{min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:12px 16px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffd1,#ffffff8f);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);animation:floatIn .42s ease both}.topbar-lead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}.topbar-title{font-size:15px;font-weight:820;letter-spacing:-.02em;color:var(--ink)}.topbar-hint{color:var(--muted);font-size:12.5px;letter-spacing:-.005em}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(9,107,95,.16);border-radius:999px;color:var(--accent);background:#e8f6f0c7;font-family:var(--font-mono);font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffffb8}.eyebrow:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--success);box-shadow:0 0 0 4px #1890641f}.app-shell h1{max-width:780px;margin:13px 0 8px;font-family:var(--font-display);font-size:clamp(38px,5.6vw,82px);font-weight:780;line-height:.9;letter-spacing:-.075em}.subtitle{max-width:760px;margin:0;color:#4d5a55;font-size:15px;letter-spacing:-.01em}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.top-actions .btn{min-height:36px;padding:8px 13px;font-size:12.5px}.layout{display:grid;grid-template-columns:minmax(370px,450px) minmax(0,1fr);gap:18px;align-items:start}.panel{border-radius:var(--radius-xl);overflow:hidden}.editor{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffd1,#f8faf6b8);box-shadow:var(--shadow-md),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);scrollbar-color:rgba(9,107,95,.34) transparent;animation:floatIn .42s ease .04s both}.editor:before{content:"CONTROL SURFACE";display:flex;align-items:center;height:46px;padding:0 18px;color:var(--muted-2);border-bottom:1px solid var(--line);background:#ffffff70;font-family:var(--font-mono);font-size:11px;font-weight:780;letter-spacing:.08em}details{margin:10px;border:1px solid rgba(17,22,20,.08);border-radius:var(--radius-lg);background:#ffffff9e;box-shadow:var(--shadow-sm),inset 0 1px #ffffffb8;overflow:hidden}details:last-of-type{margin-bottom:10px}details[open]{background:#ffffffc7}summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 15px;color:var(--ink);font-size:13px;font-weight:780;letter-spacing:-.012em;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}summary::-webkit-details-marker{display:none}summary:after{content:"";width:8px;height:8px;border-right:1.8px solid #7a837e;border-bottom:1.8px solid #7a837e;transform:rotate(-45deg);transition:transform .16s ease}details[open] summary:after{transform:rotate(45deg) translate(-2px,-2px)}.section-body{padding:0 15px 15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px;margin-bottom:10px}.field.full{grid-column:1 / -1}.app-shell label,.field-label{color:var(--muted);font-size:11px;font-weight:760;letter-spacing:-.004em}.toggle-row{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--ink);font-size:13px;font-weight:720}.toggle-row input{width:17px;height:17px;min-height:17px;accent-color:var(--accent-2)}.subsection-label{margin:2px 0 9px;color:var(--accent);font-size:12px;font-weight:820}.preset-bar{margin:0 0 12px;padding:10px;border:1px dashed rgba(17,22,20,.16);border-radius:15px;background:#ffffff80}.preset-bar .preset-head{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:760}.preset-bar .preset-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.preset-bar select{flex:1 1 130px;min-height:32px;font-size:12px}.preset-bar .small-btn{white-space:nowrap}.preset-bar .small-btn[disabled]{opacity:.45;cursor:not-allowed}.item-card,.custom-card{display:grid;gap:9px;margin-bottom:10px;padding:11px;border:1px solid rgba(17,22,20,.08);border-radius:17px;background:linear-gradient(180deg,#ffffffdb,#fafcf8b8);box-shadow:inset 0 1px #fffc}.item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent);font-size:12px;font-weight:820}.mini-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.small-btn{min-height:28px;border:1px solid rgba(17,22,20,.1);border-radius:999px;padding:5px 10px;color:var(--ink);background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1116140a;font-size:11px;font-weight:760}.small-btn:hover{background:#fff}.small-btn.remove{color:var(--danger)}.editor-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 20px 20px}.editor-foot .btn{width:100%;min-height:36px;padding-inline:10px;font-size:12px}.preview-shell{display:grid;gap:12px;min-width:0;animation:floatIn .42s ease .08s both}.notice{position:relative;padding:12px 14px 12px 42px;border:1px solid rgba(242,173,61,.26);border-radius:var(--radius-lg);color:#7b571b;background:#fffbf1c7;box-shadow:var(--shadow-sm),inset 0 1px #fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px}.notice:before{content:"";position:absolute;left:16px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px #f2ad3d24}.invoice-frame{position:relative;min-width:0;overflow:auto;padding:42px 34px 46px;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius-xl);background:radial-gradient(circle at top left,rgba(16,163,127,.1),transparent 20rem),linear-gradient(135deg,#ffffffb8,#eff3edd6);box-shadow:var(--shadow-lg),inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.invoice-frame:before{content:"A4 / LIVE PREVIEW";position:absolute;left:24px;top:16px;color:var(--muted-2);font-family:var(--font-mono);font-size:10px;font-weight:780;letter-spacing:.1em}.invoice-sheet{position:relative;width:794px;min-height:1123px;margin:0 auto;padding:52px;overflow:hidden;color:#121615;background:#fff;border:1px solid rgba(17,22,20,.08);border-radius:3px;box-shadow:0 36px 90px #1116142e;isolation:isolate}.invoice-sheet.modern{border-top:10px solid var(--invoice-accent, #0f5c63)}.invoice-sheet.classic:before{content:"";position:absolute;inset:0 0 auto 0;height:168px;background:linear-gradient(180deg,color-mix(in srgb,var(--invoice-accent, #0f5c63) 8%,#ffffff),transparent 90%);z-index:-1}.invoice-sheet.compact{padding:42px;min-height:980px}.watermark{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-24deg);color:var(--invoice-accent, #0f5c63);font-family:var(--font-display);font-size:92px;font-weight:850;letter-spacing:.08em;opacity:.04;white-space:nowrap;pointer-events:none;z-index:-1}.invoice-top{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;margin-bottom:38px}.brand-row{display:flex;align-items:center;gap:16px}.logo-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--invoice-accent, #0f5c63),color-mix(in srgb,var(--invoice-accent, #0f5c63) 68%,#111614));box-shadow:0 14px 28px color-mix(in srgb,var(--invoice-accent, #0f5c63) 24%,transparent);font-family:var(--font-display);font-size:20px;font-weight:820;letter-spacing:-.03em}.brand-name{font-family:var(--font-display);font-size:22px;font-weight:780;letter-spacing:-.038em}.brand-sub{margin-top:3px;color:#68736f;font-size:12px}.invoice-title{text-align:right}.invoice-title h2{margin:0 0 8px;color:var(--invoice-accent, #0f5c63);font-family:var(--font-display);font-size:43px;font-weight:780;line-height:.96;letter-spacing:-.07em}.invoice-title p{margin:0;color:#68736f;font-family:var(--font-mono);font-size:12px}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px;padding:12px;border:1px solid #e3e5df;border-radius:18px;background:#fafbf8}.meta-line{display:grid;grid-template-columns:88px 1fr;gap:10px;min-height:30px;padding:5px 4px;font-size:12px}.meta-line strong{color:#68736f;font-weight:700}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}.party-card{padding:16px;border:1px solid #e3e5df;border-radius:18px;background:#fff}.party-card h3{margin:0 0 10px;color:var(--invoice-accent, #0f5c63);font-family:var(--font-mono);font-size:11px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.party-name{margin-bottom:7px;font-size:16px;font-weight:780;letter-spacing:-.02em}.party-text{color:#5f6965;font-size:12px;white-space:pre-line}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:12px}.invoice-table th{padding:10px 8px;color:#fff;background:var(--invoice-accent, #0f5c63);border:0;text-align:left;white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:780;letter-spacing:.02em;text-transform:uppercase}.invoice-table th:first-child{border-radius:12px 0 0 12px}.invoice-table th:last-child{border-radius:0 12px 12px 0}.invoice-table td{padding:12px 8px;border-bottom:1px solid #e6e8e2;vertical-align:top}.invoice-table .number{text-align:right;white-space:nowrap;font-family:var(--font-mono)}.item-desc{font-weight:740}.item-note{margin-top:3px;color:#737d79;font-size:11px}.bottom-grid{display:grid;grid-template-columns:1fr 292px;gap:30px;align-items:start}.note-box{min-height:138px;padding:16px;border:1px solid #e3e5df;border-radius:18px;color:#5f6965;background:#fafbf8;font-size:12px;white-space:pre-line}.note-box strong{display:block;margin-bottom:8px;color:var(--invoice-accent, #0f5c63);font-family:var(--font-mono);font-size:11px;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.totals{padding:14px 16px;border:1px solid #e3e5df;border-radius:18px;background:#fafbf8}.total-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#5f6965;border-bottom:1px solid #e3e5df;font-size:12px}.total-line strong{font-family:var(--font-mono);color:#121615}.total-line.final{margin-top:4px;padding-top:12px;color:var(--invoice-accent, #0f5c63);border-bottom:0;font-size:20px;font-weight:800;letter-spacing:-.025em}.total-line.final strong{color:var(--invoice-accent, #0f5c63)}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px}.signature{padding-top:10px;border-top:1px solid #b9c0bc;color:#68736f;font-size:11px}.invoice-footer{margin-top:36px;padding-top:14px;border-top:1px solid #e3e5df;color:#737d79;font-size:11px;text-align:center}.status-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(9,107,95,.18);border-radius:999px;color:var(--accent);background:#e8f6f0c7;font-size:12px;font-weight:760}.pill:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--success)}@media (max-width: 1180px){.layout{grid-template-columns:1fr}.editor{position:static;max-height:none}.topbar{grid-template-columns:1fr}.top-actions{justify-content:flex-start;min-width:0}}@media (max-width: 760px){.app-shell{padding:12px}.topbar{padding:20px}.top-actions,.editor-foot{display:grid;grid-template-columns:1fr}.field-grid,.party-grid,.invoice-top,.bottom-grid,.signature-row,.invoice-meta,.mini-grid{grid-template-columns:1fr}.invoice-title{text-align:left}.invoice-frame{padding:36px 12px 18px}.invoice-sheet{width:794px;transform-origin:top left}}@media print{body{background:#fff}body:before,.topbar,.editor,.notice,.status-line{display:none!important}.app-shell{width:auto;max-width:none;padding:0}.layout{display:block}.invoice-frame{padding:0;border:0;background:#fff;box-shadow:none}.invoice-frame:before{display:none}.invoice-sheet{width:210mm;min-height:297mm;margin:0;border:0;box-shadow:none}}.manager .wrap{max-width:980px;margin:0 auto;padding:28px 22px 60px}.manager .topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:22px}.manager .eyebrow{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;color:var(--accent);background:#10a37f1f;font-size:11px;font-weight:760}.manager h1{margin:2px 0 4px;font-size:22px;letter-spacing:-.01em}.manager .subtitle{margin:0;color:var(--muted);font-size:13px;max-width:52ch}.manager .actions{display:flex;flex-wrap:wrap;gap:8px}.manager .category{margin-bottom:18px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-solid);box-shadow:var(--shadow-sm)}.manager .category-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.manager .category-title{font-size:15px;font-weight:820;color:var(--accent)}.manager .category-count{color:var(--muted);font-size:12px;font-weight:700}.manager .empty{padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);font-size:13px;text-align:center}.manager .card{margin-bottom:10px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffffff0,#fafcf8db)}.manager .card:last-child{margin-bottom:0}.manager .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.manager .card-name{font-size:14px;font-weight:800;word-break:break-word}.manager .card-actions{display:flex;flex-wrap:wrap;gap:6px}.manager .small-btn{min-height:28px;border:1px solid rgba(17,22,20,.12);border-radius:999px;padding:4px 11px;color:var(--ink);background:#ffffffe6;box-shadow:inset 0 1px #ffffffe6;font-size:11px;font-weight:740;cursor:pointer;white-space:nowrap}.manager .small-btn:hover{background:#fff}.manager .small-btn.apply{color:var(--accent);border-color:#10a37f52}.manager .small-btn.remove{color:var(--danger)}.manager .preview{display:grid;gap:4px}.manager .preview-row{display:grid;grid-template-columns:92px 1fr;gap:8px;font-size:12px}.manager .preview-label{color:var(--muted-2);font-weight:720}.manager .preview-value{color:var(--ink);white-space:pre-wrap;word-break:break-word}.manager .preview-value.empty-val{color:var(--muted-2);font-style:italic}.manager .edit-form{display:grid;gap:9px;margin-top:4px}.manager .edit-field{display:grid;gap:4px}.manager .edit-field label{color:var(--muted);font-size:11px;font-weight:740}.manager .edit-field input,.manager .edit-field textarea{width:100%;min-height:36px;border:1px solid rgba(17,22,20,.14);border-radius:12px;padding:8px 10px;color:var(--ink);background:#fff;font-size:13px;font-family:inherit;outline:none}.manager .edit-field textarea{min-height:70px;resize:vertical}.manager .edit-field input:focus,.manager .edit-field textarea:focus{border-color:#0877f299;box-shadow:0 0 0 3px #0877f21f}.manager .edit-foot{display:flex;gap:6px;margin-top:2px}.manager .hidden-input{display:none}.manager .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);padding:10px 18px;border-radius:999px;color:#fff;background:#111614e6;box-shadow:var(--shadow-lg);font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.manager .toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 560px){.manager .preview-row{grid-template-columns:1fr;gap:1px}}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 16% -8%,rgba(16,163,127,.18),transparent 30rem),radial-gradient(circle at 86% 4%,rgba(242,173,61,.16),transparent 26rem),linear-gradient(135deg,#fbfcf8 0%,var(--bg) 40%,var(--bg-2, #eef2ec) 100%)}.auth-card{width:min(100%,400px);padding:30px 28px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffffeb,#f8faf6d1);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:18px}.auth-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:850;font-size:14px;letter-spacing:-.04em;background:linear-gradient(135deg,#0e766a,#074b44);box-shadow:0 8px 18px #096b5f3d}.auth-title{font-size:20px;font-weight:840;letter-spacing:-.02em}.auth-sub{margin:2px 0 0;color:var(--muted);font-size:13px}.auth-form{display:grid;gap:13px;margin-top:20px}.auth-field{display:grid;gap:6px}.auth-field label{color:var(--muted);font-size:12px;font-weight:740}.auth-field input{width:100%;min-height:42px;border:1px solid rgba(17,22,20,.14);border-radius:13px;padding:10px 12px;background:#fff;font-size:14px;outline:none}.auth-field input:focus{border-color:#0877f299;box-shadow:0 0 0 4px #0877f21f}.auth-form .btn{width:100%;min-height:44px;margin-top:4px}.auth-error{margin:0;padding:10px 12px;border-radius:12px;color:#8a2a20;background:#d94d3f1a;border:1px solid rgba(217,77,63,.22);font-size:12.5px}.auth-note{margin:0;padding:10px 12px;border-radius:12px;color:#7b571b;background:#f2ad3d1f;border:1px solid rgba(242,173,61,.26);font-size:12.5px}.auth-success{margin:0;padding:10px 12px;border-radius:12px;color:#156a4a;background:#1890641f;border:1px solid rgba(24,144,100,.24);font-size:12.5px}.auth-foot{margin-top:18px;color:var(--muted);font-size:13px;text-align:center}.auth-foot a{color:var(--accent);font-weight:720;text-decoration:none}.auth-foot a:hover{text-decoration:underline}.auth-back{display:inline-block;margin-top:14px;color:var(--muted);font-size:12px;text-decoration:none}.auth-back:hover{color:var(--accent)}.help{padding:28px 22px 60px}.help-inner{max-width:880px;margin:0 auto}.help-head{margin-bottom:20px}.help-head h1{margin:0 0 4px;font-size:22px;font-weight:840;letter-spacing:-.02em}.help-head p{margin:0;color:var(--muted);font-size:13px}.help-grid{display:grid;grid-template-columns:1fr;gap:12px}.faq-item{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-solid, #fff);box-shadow:var(--shadow-sm)}.faq-item h3{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--accent)}.faq-item p{margin:0;color:#3f4d48;font-size:13px;line-height:1.6}@media (max-width: 720px){.help-grid{grid-template-columns:1fr}}.feedback{padding:28px 22px 60px}.feedback-inner{max-width:640px;margin:0 auto}.feedback-head{margin-bottom:18px}.feedback-head h1{margin:0 0 4px;font-size:22px;font-weight:840;letter-spacing:-.02em}.feedback-head p{margin:0;color:var(--muted);font-size:13px}.feedback-card{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-solid, #fff);box-shadow:var(--shadow-sm)}.feedback-form{display:grid;gap:13px}.feedback-field{display:grid;gap:6px}.feedback-field label{color:var(--muted);font-size:12px;font-weight:740}.feedback-field textarea{min-height:120px;resize:vertical}.feedback-form .btn{justify-self:start;min-height:40px}.feedback-result{margin:0;padding:10px 12px;border-radius:12px;font-size:12.5px}.feedback-result.ok{color:#156a4a;background:#1890641f;border:1px solid rgba(24,144,100,.24)}.feedback-result.err{color:#8a2a20;background:#d94d3f1a;border:1px solid rgba(217,77,63,.22)}.feedback-history{margin-top:24px}.feedback-history h2{margin:0 0 10px;font-size:14px;font-weight:820;color:var(--accent)}.feedback-item{padding:12px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#fafcf8d6)}.feedback-item-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;color:var(--muted-2);font-size:11px;font-weight:700}.feedback-item-msg{color:#3f4d48;font-size:13px;white-space:pre-wrap;word-break:break-word}.feedback-empty{color:var(--muted-2);font-size:13px}