@charset "UTF-8";:root{--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border-subtle: #e2e8f0;--color-primary: #059669;--color-primary-soft: #d1fae5;--color-primary-strong: #047857;--color-primary-muted: #ecfdf5;--color-accent: #6366f1;--color-accent-soft: #eef2ff;--color-info: #0ea5e9;--color-warning: #d97706;--color-danger: #ef4444;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--gradient-brand: linear-gradient(135deg, #059669 0%, #0d9488 55%, #0891b2 100%);--gradient-hero: linear-gradient(180deg, var(--color-primary-muted) 0%, var(--color-bg) 50%);--gradient-header: linear-gradient(180deg, #ffffff 0%, var(--color-surface-muted) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .12);--shadow-subtle: 0 2px 8px rgba(15, 23, 42, .06);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out}html,body{margin:0;padding:0}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text-main)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4{margin:0;color:var(--color-text-main)}p{margin:0;color:var(--color-text-muted)}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.page-section{padding:3rem 1.5rem}.page-section--muted{background:var(--color-surface-muted)}.container{max-width:1120px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:var(--shadow-subtle);border:1px solid var(--color-border-subtle)}.card--elevated{box-shadow:var(--shadow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.4rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--color-text-main);font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn-lg{padding:.85rem 1.9rem;font-size:1rem}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 8px 24px #05966947}.btn-primary:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong);transform:translateY(-1px)}.btn-secondary{background:#0f172a;border-color:#0f172a;color:#fff}.btn-secondary:hover{background:#020617;border-color:#020617;transform:translateY(-1px)}.btn-ghost{background:#0f172a0a;border-color:#0f172a14;color:var(--color-text-main)}.btn-ghost:hover{background:#0f172a14}.btn-outline{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-text-main);background:#0f172a05}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.field-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.field-input,input[type=text],input[type=email],input[type=password],textarea,select{font-family:inherit;font-size:.95rem;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#fff;color:var(--color-text-main);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.field-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #22c55e2e}.field-hint{margin-top:.25rem;font-size:.8rem;color:var(--color-text-muted)}.field-error{margin-top:.25rem;font-size:.8rem;color:var(--color-danger)}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:500;background:#0f172a0a;color:var(--color-text-muted)}.chip--success{background:#dcfce7;color:#15803d}.chip--accent{background:#eef2ff;color:var(--color-accent)}.stack-sm>*+*{margin-top:.5rem}.stack-md>*+*{margin-top:.9rem}.stack-lg>*+*{margin-top:1.3rem}.app-footer{padding:.9rem 1.5rem;text-align:center;font-size:.85rem;color:var(--color-text-muted);background:#f8fafc;border-top:1px solid var(--color-border-subtle)}.app-title{cursor:pointer}.inboxlint-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem 0;min-height:72px;box-sizing:border-box;background:var(--gradient-header);border-bottom:1px solid var(--color-border-subtle)}.inboxlint-logo{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-2px;display:flex;align-items:center;cursor:pointer}.inboxlint-nav{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.nav-link{color:var(--color-text-main);font-size:1rem;text-decoration:none;font-weight:500}.nav-caret{font-size:.8em;margin-left:2px}.nav-item-dropdown{position:relative;cursor:pointer;padding:.4rem 0}.nav-item-dropdown:hover .dropdown-menu{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu{display:none;position:absolute;top:100%;left:-1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;width:320px;max-width:min(92vw,320px);padding:.5rem;z-index:40;opacity:0;transform:translateY(10px);transition:all var(--transition-normal);pointer-events:none}.dropdown-item{display:flex;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background:#f1f5f9}.dropdown-icon{font-size:1.4rem}.dropdown-content{display:flex;flex-direction:column;gap:.15rem}.dropdown-title{font-weight:600;color:var(--color-text-main);font-size:.95rem}.dropdown-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.35}.inboxlint-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.demo-btn{border-radius:var(--radius-pill);padding:.45rem 1.15rem;border:1px solid var(--color-primary-strong);background:transparent;color:var(--color-primary-strong);cursor:pointer;font-size:.92rem;font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.demo-btn:hover{background:var(--color-primary-muted);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}@media(max-width:900px){.inboxlint-header{flex-direction:column;align-items:stretch;padding:1rem 1rem 0}.inboxlint-nav{gap:.9rem}.dropdown-menu{left:auto;right:0}.inboxlint-actions{margin-top:.5rem}}@media(max-width:640px){.inboxlint-header{padding:.8rem .8rem 0}.inboxlint-logo{font-size:1.6rem}.inboxlint-nav{gap:.65rem;font-size:.92rem}.inboxlint-actions{gap:.6rem}.demo-btn{padding:.35rem .8rem;font-size:.86rem}}