@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f4f4;--bg-landing:#fafafa;--surface:#fff;--border:#e4e4e4;--text:#0a0a0a;--text-2:#595959;--text-3:#909090;--red:#e8271e;--red-dark:#c71f17;--red-light:#fef1f0;--dark:#111;--green:#16a34a;--green-light:#f0fdf4;--blue:#2563eb;--blue-light:#eff6ff;--purple:#7c3aed;--purple-light:#f5f3ff;--font:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--serif:"DM Serif Display", Georgia, serif;--radius:10px;--radius-lg:14px;--radius-xl:24px;--shadow:0 2px 16px #00000012;--shadow-lg:0 12px 48px #0000001a}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.btn-red{border-radius:var(--radius);background:var(--red);color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);border:none;align-items:center;gap:7px;padding:9px 20px;text-decoration:none;transition:background .12s;display:inline-flex}.btn-red:hover{background:var(--red-dark)}.btn-ghost{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background:#fff;align-items:center;gap:7px;padding:8px 18px;text-decoration:none;transition:all .12s;display:inline-flex}.btn-ghost:hover{background:#fafafa;border-color:#c8c8c8}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#fff;flex-direction:column;width:240px;min-width:240px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sb-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:22px 20px 20px;text-decoration:none;display:flex}.sb-brand-name{letter-spacing:-.04em;color:#fff;font-size:16px;font-weight:800}.sb-new{background:var(--red);color:#fff;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:7px;margin:16px 14px 8px;padding:11px 14px;text-decoration:none;transition:background .15s;display:flex}.sb-new:hover{background:var(--red-dark)}.sb-section{flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex}.sb-section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;padding:8px 10px 4px;font-size:10px;font-weight:700}.nav-item{color:#ffffff80;border-left:2px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active{color:#fff;border-left-color:var(--red);background:#ffffff17;padding-left:8px}.sb-credits{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff14;margin:8px 14px 12px;padding:14px 16px}.sb-credits-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sb-credits-plan{color:#fff6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sb-credits-badge{color:#ff6b65;background:#e8271e33;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.sb-credits-nums{color:#fff;letter-spacing:-.04em;margin-bottom:2px;font-size:22px;font-weight:800}.sb-credits-sub{color:#ffffff59;margin-bottom:10px;font-size:11px}.credits-track{background:#ffffff1a;border-radius:99px;height:4px;margin-bottom:12px;overflow:hidden}.credits-fill{background:var(--red);border-radius:99px;height:100%}.sb-upgrade{color:#fff;text-align:center;cursor:pointer;width:100%;font-size:12px;font-weight:700;font-family:var(--font);background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;padding:8px;text-decoration:none;transition:all .15s;display:block}.sb-upgrade:hover{background:#ffffff21}.sb-user{border-radius:var(--radius);cursor:pointer;background:#ffffff0d;align-items:center;gap:10px;margin:0 14px 16px;padding:12px 14px;text-decoration:none;transition:background .12s;display:flex}.sb-user:hover{background:#ffffff14}.sb-avatar{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:flex}.sb-user-name{color:#fff;font-size:12px;font-weight:700}.sb-user-role{color:#ffffff59;font-size:11px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);letter-spacing:-.02em;font-size:14px;font-weight:700}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-btn{font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;text-decoration:none;transition:all .12s;display:inline-flex}.topbar-btn:hover{background:var(--bg);color:var(--text)}.topbar-btn-red{background:var(--red);border-color:var(--red);color:#fff}.topbar-btn-red:hover{background:var(--red-dark);border-color:var(--red-dark)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{flex:1;padding:36px 40px}.page-header{margin-bottom:28px}.page-greeting{color:var(--text-3);margin-bottom:3px;font-size:13px;font-weight:500}.page-title{letter-spacing:-.04em;color:var(--text);font-size:24px;font-weight:800}.page-sub{color:var(--text-3);margin-top:4px;font-size:14px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card:hover{box-shadow:0 4px 24px #0000000f}.type-badge{border-radius:99px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.type-url{color:#dc2626;background:#fef2f2}.type-script{background:var(--blue-light);color:var(--blue)}.type-summary{background:var(--purple-light);color:var(--purple)}.action-btn{cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font);border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:6px;padding:5px 10px;transition:all .12s}.action-btn:hover{background:var(--bg);color:var(--text)}.action-btn-red{background:var(--red-light);color:var(--red);border-color:#0000}.action-btn-red:hover{background:#fde8e7}.copy-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font);border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;transition:all .12s;display:flex}.copy-btn:hover{color:var(--text);background:#fff}.copy-btn.copied{background:var(--green-light);color:var(--green);border-color:#0000}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.field select,input.field,textarea.field,select.field{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--font);resize:none;background:#fff;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus,input.field:focus,textarea.field:focus,select.field:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-light)}.field input::placeholder,.field textarea::placeholder,input.field::placeholder,textarea.field::placeholder{color:var(--text-3)}.field input:disabled,input.field:disabled{opacity:.55;cursor:not-allowed;background:var(--bg)}.field-hint{color:var(--text-3);margin-top:5px;font-size:11px;font-weight:500}.mobile-nav-bar{border-bottom:1px solid var(--border);z-index:40;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:none;position:sticky;top:0}.mobile-nav-logo{align-items:center;display:flex}.mobile-nav-trigger{background:var(--bg);cursor:pointer;width:36px;height:36px;color:var(--text);border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .12s;display:flex}.mobile-nav-trigger:hover{background:var(--border)}.mobile-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.mobile-drawer{background:var(--dark);flex-direction:column;width:280px;animation:.2s slideIn;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:20px 18px;display:flex}.mobile-close{cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s;display:flex}.mobile-close:hover{background:#ffffff24}@media (max-width:768px){.sidebar{display:none}.mobile-nav-bar{display:flex}.page-content{padding:24px 20px}.topbar{padding:0 20px}}