@import"https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-canvas: #FFFFFF;--bg-subtle: #FAFAFA;--bg-muted: #F5F5F5;--bg-hover: #F0F0F0;--bg-card: #FFFFFF;--brand-primary: #0F6CBD;--brand-primary-hover: #0F548C;--brand-primary-pressed: #0C3B5E;--brand-primary-subtle: #EBF3FC;--brand-primary-border: #B4D6FA;--brand-emerald: #107C10;--brand-emerald-subtle: #DFF6DD;--status-danger: #D13438;--status-danger-subtle: #FDE7E9;--status-warning: #BC4B09;--status-warning-subtle: #FFF4CE;--text-heading: #242424;--text-body: #323130;--text-secondary: #616161;--text-muted: #8A8886;--text-light: #BDBDBD;--border-subtle: #E0E0E0;--border-medium: #D1D1D1;--border-dark: #8A8886;--shadow-xs: 0 0 2px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 0 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 0 2px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 0 2px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 0 4px rgba(0, 0, 0, .16), 0 16px 24px rgba(0, 0, 0, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Web (West European)", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 8px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-canvas);color:var(--text-body);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-canvas);color:var(--text-body);line-height:1.5;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{color:var(--text-heading);letter-spacing:-.01em;font-weight:600}.font-mono{font-family:var(--font-mono)}.card-clean{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.card-clean:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 8px}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--brand-emerald)}.status-dot-blue{background-color:var(--brand-primary)}.status-dot-muted{background-color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);transition:background-color .15s ease,border-color .15s ease;text-decoration:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;outline:none}.btn-primary{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn-primary:hover{background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.btn-primary:active{background-color:var(--brand-primary-pressed);border-color:var(--brand-primary-pressed)}.btn-secondary{background-color:#fff;color:var(--text-heading);border:1px solid var(--border-medium);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--border-dark)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-heading)}.btn-sm{padding:4px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:8px 20px;font-size:14px}.browser-frame{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.browser-header{background:var(--bg-muted);padding:8px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}input[type=text],input[type=email],input[type=tel],select,textarea{font-family:var(--font-sans);font-size:13px;color:var(--text-heading);background-color:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:6px 10px;outline:none;transition:border-color .15s ease}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}table{width:100%;border-collapse:collapse;font-size:13px}th{background-color:var(--bg-muted);color:var(--text-secondary);font-weight:600;font-size:12px;padding:8px 12px;border-bottom:1px solid var(--border-subtle);text-align:left}td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-heading)}tr:hover td{background-color:var(--bg-subtle)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}