:root{--bg-dark:#090610;--bg-panel:#110b1bf0;--bg-panel-soft:#160e23eb;--border-color:#ffffff14;--text-primary:#fff;--text-muted:#c9c2d8;--brand-purple:#8f28b8;--brand-magenta:#eb1f9d;--brand-gradient:linear-gradient(90deg, #8f28b8 0%, #eb1f9d 100%);--shadow:0 18px 50px #00000059;--success:#34d399;--error:#fb7185}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--text-primary);background:#090610;font-family:Poppins,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.site-shell{background:radial-gradient(circle at top,#8f28b824,#0000 30%),radial-gradient(circle at 100%,#eb1f9d1a,#0000 20%),#090610;min-height:100vh;position:relative;overflow-x:hidden}.hero-glow{filter:blur(90px);pointer-events:none;border-radius:999px;position:absolute}.hero-glow-left{background:#8f28b82e;width:280px;height:280px;top:40px;left:-100px}.hero-glow-right{background:#eb1f9d1f;width:300px;height:300px;bottom:80px;right:-100px}.page-wrap{z-index:1;max-width:1080px;margin:0 auto;padding:0 16px 20px;position:relative}.logo-header{text-align:center;margin-bottom:6px;padding-top:0}.logo-header.compact{margin-bottom:10px;padding-top:2px}.logo-link{line-height:0;text-decoration:none;display:inline-block}.logo-image{width:min(100%,520px);height:auto;margin:0 auto;display:block}.logo-header.compact .logo-image{width:min(100%,360px)}.logo-subtitle{color:var(--text-muted);margin-top:2px;font-size:.98rem}.hero-card,.toolbar-card,.table-card,.detail-card{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:22px}.home-card{max-width:760px;margin:0 auto;padding:14px}.hero-input-row{grid-template-columns:1fr;gap:10px;display:grid}.hero-input-row input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#090610f2;border-radius:16px;outline:none;padding:15px 18px}.hero-input-row input:focus{border-color:#eb1f9db3}.primary-btn,.secondary-btn{cursor:pointer;border-radius:14px;transition:transform .18s,opacity .18s,border-color .18s}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn{background:var(--brand-gradient);color:#fff;border:none;padding:14px 20px;font-weight:700}.primary-btn.small{padding:12px 16px}.secondary-btn{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff05;padding:12px 16px}.hero-helper-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.helper-copy{color:var(--text-muted);font-size:.88rem}.inline-error{color:var(--error);margin-top:10px;font-size:.92rem;font-weight:600}.landing-info-grid{grid-template-columns:1fr;gap:10px;max-width:980px;margin:12px auto 0;display:grid}.landing-info-card{background:var(--bg-panel-soft);border:1px solid var(--border-color);border-radius:18px;padding:14px}.landing-info-card h3{margin-bottom:6px;font-size:.98rem}.landing-info-card p{color:var(--text-muted);font-size:.88rem;line-height:1.55}.landing-footer{text-align:center;color:var(--text-muted);margin-top:10px;font-size:.9rem}.landing-footer a{color:var(--brand-magenta);font-weight:600;text-decoration:none}.toolbar-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0f;border-radius:999px;padding:8px 12px;font-size:.86rem}.auto-refresh-note{color:var(--text-muted);font-size:.86rem}.table-card{margin-top:18px;overflow:hidden}.table-head{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:2fr 1.5fr 1fr;gap:16px;padding:16px 18px;font-size:.86rem;font-weight:700;display:none}.mail-row{text-align:left;width:100%;color:inherit;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;background:0 0;grid-template-columns:1fr;gap:6px;padding:16px 18px;display:grid}.mail-row:hover{background:#ffffff08}.mail-from{color:var(--text-primary);word-break:break-word;font-size:.92rem}.mail-subject{word-break:break-word;font-size:1rem;font-weight:700}.mail-time{color:var(--text-muted);font-size:.86rem}.table-empty,.detail-empty{text-align:center;color:var(--text-muted);padding:32px 18px}.error{color:var(--error)}.detail-card{max-width:900px;margin:0 auto;padding:20px}.detail-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.detail-subject{margin-bottom:18px;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.2}.detail-meta-grid{border:1px solid var(--border-color);background:#ffffff05;border-radius:18px;grid-template-columns:1fr;gap:12px;padding:16px;display:grid}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.82rem;display:block}.meta-value{word-break:break-word;font-size:.95rem;display:block}.detail-body{border:1px solid var(--border-color);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:#ffffff05;border-radius:18px;margin-top:18px;padding:18px;line-height:1.75}.landing-shell .page-wrap{flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:0;padding-bottom:10px;display:flex}.landing-shell .logo-subtitle{display:none}@media (width>=700px){.hero-input-row{grid-template-columns:1fr auto}.table-head{display:grid}.mail-row{grid-template-columns:2fr 1.5fr 1fr;align-items:center;gap:16px}.landing-info-grid{grid-template-columns:repeat(3,1fr)}}@media (height<=820px) and (width>=900px){.logo-image{width:min(100%,470px)}.home-card,.landing-info-card{padding:12px}.landing-info-card p{font-size:.84rem;line-height:1.45}.landing-footer{margin-top:8px;font-size:.84rem}}@media (width<=699px){.logo-image{width:min(100%,430px)}.logo-header.compact .logo-image{width:min(100%,300px)}}