:root{--green:#2f8a5c;--green-dark:#227249;--green-deep:#14432e;--green-tint:#e9f3ee;--slate:#12211b;--slate-2:#1c3229;--slate-3:#365347;--slate-border:#294238;--slate-ink:#dce7e1;--slate-muted:#8ea597;--bg:#f5f6f3;--card:#fff;--border:#e4e7e1;--border-strong:#d3d8cf;--text:#1a2320;--muted:#6d7770;--faint:#9aa39c;--danger:#ab4433;--danger-bg:#fbeeeb;--amber:#96681c;--amber-bg:#fbf1de;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-xs:0 1px 2px #10251b0f;--shadow-sm:0 2px 10px #10251b12, 0 1px 2px #10251b0d;--shadow-md:0 12px 28px #10251b1a, 0 2px 6px #10251b0d;--shadow-lg:0 24px 56px #10251b29;--shadow-focus:0 0 0 3px #2f8a5c29;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.13s;--dur-base:.2s;--font-display:"Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-body);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html{height:100dvh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(1200px 600px at 15% -10%,#2f8a5c0d,#0000 60%);background-attachment:fixed;margin:0;font-size:14.5px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-weight:700}::selection{background:#2f8a5c38}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000024 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0000003d padding-box content-box}input,textarea,select,button{font:inherit;color:inherit}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#fff;outline:none;padding:9px 11px}input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input[type=text]:focus-visible,input[type=password]:focus-visible,input[type=email]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--green);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical;min-height:92px;line-height:1.55}select{cursor:pointer}button{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:none}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:scale(.97)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #2f8a5c47}a{color:var(--green-dark)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100dvh;display:flex;overflow:hidden}.sidebar{background:radial-gradient(720px 420px at -8% -12%, #2f8a5c38, transparent 60%), linear-gradient(180deg, var(--slate-2) 0%, var(--slate) 100%);width:292px;min-width:292px;color:var(--slate-ink);border-right:1px solid #00000040;flex-direction:column;gap:22px;padding:20px 16px 24px;display:flex;overflow-y:auto}.main{flex:1;overflow-y:auto}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px)saturate(1.4);border-bottom:1px solid var(--border);background:#f5f6f3d1;align-items:center;gap:12px;padding:13px 24px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #fff9}.topbar h1{color:var(--green-deep);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.topbar .spacer{flex:1}.topbar .save-status{color:var(--faint);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.topbar .save-status.is-saved{color:var(--green-dark)}.topbar .user-email{color:var(--muted);white-space:nowrap;font-size:12.5px;font-weight:500}.topbar .admin-tag{color:var(--green-deep);background:var(--green-tint);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:5px;padding:5px 10px 5px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.topbar .admin-tag:hover{background:#ddf0e5}.badge{letter-spacing:.1px;border-radius:var(--radius-sm);white-space:nowrap;background:var(--border);color:var(--muted);align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge.cloud{background:var(--green-tint);color:var(--green-deep)}.badge.local{color:#384359;background:#eef1f6}.badge.demo{background:var(--amber-bg);color:var(--amber)}.badge.err{background:var(--danger-bg);color:var(--danger)}.btn{letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--green-dark);box-shadow:var(--shadow-sm)}.btn-success{background:var(--green-deep);color:#fff;box-shadow:var(--shadow-xs)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#0e3323}.btn-ghost{color:var(--muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--green);color:var(--green-dark);background:var(--green-tint)}.btn-tiny{padding:4px 10px;font-size:12px}.btn-danger-ghost{color:var(--danger);background:0 0;border:1.5px solid #0000}.btn-danger-ghost:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg)}.icon-btn{width:24px;height:24px;color:var(--slate-muted);border-radius:var(--radius-sm);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.icon-btn.on-light{color:var(--faint)}.icon-btn.on-light:hover:not(:disabled){background:var(--border);color:var(--text)}.icon-btn.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.side-h{letter-spacing:1.3px;text-transform:uppercase;color:var(--slate-muted);margin:0 0 9px;font-size:10.5px;font-weight:700}.side-box{border:1px solid var(--slate-border);border-radius:var(--radius-md);background:#00000029;padding:12px 13px;font-size:13px}.side-box>div{padding:2px 0}.side-box .k{color:var(--slate-muted)}.side-box .v{color:var(--slate-ink);font-weight:600}.outline-item{border-radius:var(--radius-sm);color:#cfe0d7;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:flex}.outline-item:hover{border-color:var(--slate-border);background:#ffffff0f}.outline-item .num{color:var(--green);width:18px;font-size:12px;font-weight:700;font-family:var(--font-display)}.outline-item .t{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.outline-item .lay{letter-spacing:.3px;color:var(--slate-muted);border:1px solid var(--slate-border);border-radius:4px;padding:2px 5px;font-size:9.5px;font-weight:600}.lib-item{border-radius:var(--radius-sm);color:#cfe0d7;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.lib-item:hover{background:#ffffff0f}.lib-item .t{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.content{max-width:980px;margin:0 auto;padding:22px 28px 90px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:fadeSlideUp var(--dur-base) var(--ease-out) both;margin-bottom:16px;padding:20px 22px}.card h3{color:var(--text);letter-spacing:-.005em;margin:0 0 14px;font-size:14.5px;font-weight:700}.card.highlight{box-shadow:0 0 0 1px #2f8a5c14, var(--shadow-xs);border-color:#2f8a5c59}.row{gap:12px;display:flex}.row>*{flex:1}.field{margin-bottom:14px}.field-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.field-head label{color:var(--muted);flex:1;font-size:12.5px;font-weight:600}.hint{color:var(--faint);margin-top:4px;font-size:12px;line-height:1.4}.ai-note{color:var(--muted);border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--green-tint);align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-style:normal;display:flex}.ai-note:before{content:"";background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #2f8a5c2e}.toggle{border:1.5px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.toggle button{color:var(--faint);background:#fff;border-radius:0;padding:4px 12px;font-size:12px;font-weight:600}.toggle button.on{background:var(--green);color:#fff}.actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.progress-wrap{animation:fadeSlideUp var(--dur-base) var(--ease-out) both;margin:6px 0 16px}.progress-bar{background:var(--border);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--green-dark), var(--green));height:100%;transition:width .5s var(--ease-out)}.progress-meta{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12.5px;display:flex}.progress-meta b{color:var(--green-deep);font-family:var(--font-display)}.setup-wrap{max-width:620px;margin:48px auto;padding:0 20px}.setup-hero{text-align:center;margin-bottom:26px}.setup-hero h1{color:var(--green-deep);letter-spacing:-.02em;margin:0 0 8px;font-size:28px}.setup-hero p{color:var(--muted);margin:0;font-size:14.5px}.sl-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:8px;display:grid}.sl-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);padding:18px 16px}.sl-card:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.sl-card-name{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.sl-card-meta{color:var(--faint);font-size:12px}.seg{border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.seg button{color:var(--muted);background:#fff;border-radius:0;flex:1;padding:8px 0;font-size:12.5px;font-weight:600}.seg button.on{background:var(--green);color:#fff}.auth-shell{background:radial-gradient(900px 560px at 82% -8%, #2f8a5c1a, transparent 60%), radial-gradient(700px 460px at 8% 108%, #14432e12, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-shell .setup-wrap{width:100%;margin:0}.auth-mark{background:linear-gradient(155deg, var(--green), var(--green-deep));width:44px;height:44px;box-shadow:var(--shadow-md);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.remember-row{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:2px 0 14px;font-size:13px;display:flex}.remember-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);cursor:pointer;margin:0}.error-banner{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);animation:fadeSlideUp var(--dur-fast) var(--ease-out) both;border:1px solid #f0d3cb;align-items:flex-start;gap:9px;margin-bottom:16px;padding:11px 14px;font-size:13.5px;display:flex}.error-banner svg{flex:none;margin-top:1px}.empty{text-align:center;color:var(--faint);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:46px 20px;font-size:13.5px}.divider{border:none;border-top:1px solid var(--slate-border);margin:4px 0}.footnote{color:var(--faint);font-size:11.5px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg);align-items:center;gap:12px;padding:14px 16px;display:flex}.dropzone img{border-radius:6px;max-width:200px;max-height:56px}.dropzone-placeholder{background:var(--border);width:56px;height:56px;color:var(--faint);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.secure-reveal{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(180deg, #fff, var(--bg));padding:12px 14px}.secure-reveal code{background:var(--bg);border:1px solid var(--border);letter-spacing:.02em;border-radius:6px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}