*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d0f18;--color-surface: #141720;--color-surface-2: #1c2030;--color-surface-3: #242840;--color-border: #272b3e;--color-border-2: #303550;--color-text: #e4e8f5;--color-text-muted: #8892ae;--color-text-3: #5a6480;--color-primary: #6366f1;--color-primary-dim: rgba(99, 102, 241, .15);--color-primary-hover: #5254cc;--color-success: #10b981;--color-success-dim: rgba(16, 185, 129, .12);--color-warning: #f59e0b;--color-warning-dim: rgba(245, 158, 11, .12);--color-danger: #ef4444;--color-danger-dim: rgba(239, 68, 68, .12);--color-info: #3b82f6;--color-info-dim: rgba(59, 130, 246, .12);--color-orange: #f97316;--color-orange-dim: rgba(249, 115, 22, .12);--radius: 7px;--radius-lg: 11px;--shadow: 0 1px 3px rgba(0 0 0 / .4);--shadow-sm: 0 1px 3px rgba(0 0 0 / .3), 0 1px 2px rgba(0 0 0 / .2);--shadow-md: 0 4px 8px rgba(0 0 0 / .35), 0 2px 4px rgba(0 0 0 / .2);--shadow-lg: 0 12px 28px rgba(0 0 0 / .45), 0 4px 8px rgba(0 0 0 / .3);--font: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", monospace;--control-height: 38px;--control-padding-x: 12px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.5;min-height:100vh}h1,h2,h3{letter-spacing:-.015em;line-height:1.25}h4,h5,h6{letter-spacing:-.01em;line-height:1.3}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:500;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-surface-2)}.btn-danger{background:var(--color-danger);color:#fff}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:13px;font-family:var(--font);padding:8px var(--control-padding-x);transition:border-color .15s ease,box-shadow .15s ease,outline-color .15s ease,background .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select{height:var(--control-height);box-sizing:border-box}textarea{min-height:var(--control-height);line-height:1.5}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f129}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-new{background:var(--color-info-dim);color:var(--color-info)}.badge-in_review{background:var(--color-warning-dim);color:var(--color-warning)}.badge-replied{background:var(--color-success-dim);color:var(--color-success)}.badge-ignored,.badge-closed{background:var(--color-surface-2);color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.modal .card:hover,.card.no-hover:hover,.editor-layout .card:hover{transform:none;box-shadow:var(--shadow-sm)}.error-banner{background:#ef44441a;border:1px solid rgba(239 68 68 / .3);border-radius:var(--radius);color:#fca5a5;padding:12px 16px;margin-bottom:16px;animation:banner-enter .2s ease}.modal-overlay{animation:overlay-fade-in .15s ease}.modal-overlay>.modal,.modal-overlay>.card{animation:modal-slide-in .2s cubic-bezier(.16,1,.3,1)}.success-banner,.info-banner{animation:banner-enter .2s ease}.app.svelte-12qhfyh{display:grid;grid-template-columns:208px 1fr;grid-template-rows:1fr;min-height:100vh}.mobile-topbar.svelte-12qhfyh,.sidebar-backdrop.svelte-12qhfyh{display:none}.sidebar.svelte-12qhfyh{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand.svelte-12qhfyh{padding:20px 20px 18px;border-bottom:1px solid var(--color-border);margin-bottom:10px}.brand-top.svelte-12qhfyh{display:flex;align-items:center;gap:9px}.brand-icon.svelte-12qhfyh{color:var(--color-primary);margin-top:2px;flex-shrink:0}.brand-name.svelte-12qhfyh{font-size:15px;font-weight:700;letter-spacing:-.02em}.brand-email.svelte-12qhfyh{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--color-text-3, var(--color-text-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-dot.svelte-12qhfyh{width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.workspace-selector.svelte-12qhfyh{padding:0 16px 12px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.ws-label.svelte-12qhfyh{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:4px}.ws-select.svelte-12qhfyh{width:100%}.nav-links.svelte-12qhfyh{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0 10px}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--radius);color:var(--color-text-muted);font-size:13.5px;font-weight:400;transition:color .12s,background .12s,border-color .12s;border-left:2px solid transparent}.nav-icon.svelte-12qhfyh{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-link.svelte-12qhfyh:hover{color:var(--color-text);background:var(--color-surface-2)}.nav-link.active.svelte-12qhfyh{background:var(--color-primary-dim, rgba(99 102 241 / .12));color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.nav-badge.svelte-12qhfyh{margin-left:auto;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;line-height:1.4}.sidebar-footer.svelte-12qhfyh{margin-top:auto;padding:14px 20px;border-top:1px solid var(--color-border)}.system-link.svelte-12qhfyh{display:block;font-size:11.5px;color:var(--color-text-3, var(--color-text-muted));padding:4px 0;font-weight:500;transition:color .15s}.system-link.svelte-12qhfyh:hover,.system-link.active.svelte-12qhfyh{color:var(--color-text)}.content.svelte-12qhfyh{padding:28px 32px;min-width:0}@media(max-width:767px){.app.svelte-12qhfyh{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mobile-topbar.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;grid-column:1}.menu-btn.svelte-12qhfyh{background:none;border:none;color:var(--color-text);padding:6px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.menu-btn.svelte-12qhfyh:hover{background:var(--color-surface-2)}.mobile-brand.svelte-12qhfyh{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.mobile-badge.svelte-12qhfyh{margin-left:auto;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.sidebar.svelte-12qhfyh{position:fixed;top:52px;left:0;bottom:0;width:240px;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);height:auto}.sidebar.open.svelte-12qhfyh{transform:translate(0)}.sidebar-backdrop.svelte-12qhfyh{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#00000080;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content.svelte-12qhfyh{padding:16px;grid-column:1;min-width:0;overflow-x:hidden}}@media(min-width:768px)and (max-width:1024px){.app.svelte-12qhfyh{grid-template-columns:180px 1fr}.content.svelte-12qhfyh{padding:20px 24px}}@media(min-width:768px){.mobile-topbar.svelte-12qhfyh,.sidebar-backdrop.svelte-12qhfyh{display:none!important}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius)}.flash-success{animation:flash-success .6s ease forwards}.pulse-error{animation:pulse-error .7s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes flash-success{0%{box-shadow:0 0 #10b98199}40%{box-shadow:0 0 0 4px #10b98159}to{box-shadow:0 0 #10b98100}}@keyframes pulse-error{0%{border-color:var(--color-danger);box-shadow:0 0 #ef444480}40%{box-shadow:0 0 0 4px #ef44444d}to{border-color:var(--color-border);box-shadow:none}}@keyframes vt-out{to{opacity:0;transform:translateY(4px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes overlay-fade-in{0%{opacity:0}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}}@keyframes banner-enter{0%{opacity:0;transform:translateY(-6px)}}::view-transition-old(root){animation:vt-out .12s ease}::view-transition-new(root){animation:vt-in .12s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:50ms!important;transition-duration:50ms!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}.skeleton{animation:none;background:var(--color-surface-3)}}