*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0e;--bg-2:#111115;--bg-3:#17171c;--bg-4:#1e1e26;--border:#242430;--border-2:#2e2e3a;--text:#e2e2e8;--text-2:#9090a0;--text-3:#55556a;--accent:#6366f1;--accent-dim:#23234a;--green:#4ade80;--blue:#60a5fa;--purple:#c084fc;--orange:#fb923c;--red:#f87171}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;font-size:14px;-webkit-font-smoothing:antialiased}.app,body{height:100vh}.app{display:flex;flex-direction:column}.app-header{gap:1rem;height:48px;padding:0 1rem;background:var(--bg-2);border-bottom:1px solid var(--border)}.app-header,.header-brand{display:flex;align-items:center;flex-shrink:0}.header-brand{gap:.625rem}.header-logo{width:28px;height:28px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;letter-spacing:-.02em}.header-title{font-weight:600;font-size:.9rem;color:var(--text)}.header-center{flex:1 1;display:flex;justify-content:center}.sync-msg{font-size:.75rem;color:var(--text-2);background:var(--bg-4);border:1px solid var(--border);padding:.2rem .75rem;border-radius:4px}.header-right{gap:.75rem;flex-shrink:0}.header-right,.pipeline-status{display:flex;align-items:center}.pipeline-status{gap:.4rem;font-size:.75rem;color:var(--text-2)}.dot{width:7px;height:7px;border-radius:50%}.dot-active{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-idle{background:var(--text-3)}.last-sync-text{font-size:.7rem;color:var(--text-3)}.btn-sync{display:flex;align-items:center;gap:.4rem;padding:.3rem .85rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-sync:hover{opacity:.85}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.app-body{display:flex;flex:1 1;overflow:hidden}.sidebar{width:200px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--border);overflow-y:auto;padding:.5rem .625rem 1rem}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:2px;margin-bottom:.5rem}.nav-btn{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.45rem .625rem;border-radius:6px;border:none;background:transparent;color:var(--text-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.nav-btn:hover{background:var(--bg-3);color:var(--text)}.nav-btn.active{background:var(--accent-dim);color:var(--accent)}.nav-icon{font-size:.85rem}.sidebar-section{margin-top:.625rem}.sidebar-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.25rem .625rem .375rem}.filter-btn{display:flex;align-items:center;gap:.4rem;width:100%;text-align:left;padding:.375rem .625rem;border-radius:6px;border:none;background:transparent;color:var(--text-2);font-size:.78rem;cursor:pointer;transition:background .12s,color .12s}.filter-btn:hover{background:var(--bg-3);color:var(--text)}.filter-btn.active{background:var(--bg-4);color:var(--text)}.cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.count-pill{margin-left:auto;background:var(--bg-4);color:var(--text-3);font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:999px}.status-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:0 .625rem}.status-cell{background:var(--bg-3);border:1px solid var(--border);border-radius:6px;padding:.375rem .5rem;display:flex;flex-direction:column;align-items:center}.status-num{font-size:1rem;font-weight:700}.status-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.status-lbl,.status-pending .status-num{color:var(--text-3)}.status-classified .status-num{color:var(--blue)}.status-processed .status-num{color:var(--green)}.status-failed .status-num{color:var(--red)}.list-col{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg)}.list-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-2);position:-webkit-sticky;position:sticky;top:0}.search-input{flex:1 1;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;padding:.35rem .625rem;color:var(--text);font-size:.8rem;outline:none;transition:border-color .15s}.search-input::placeholder{color:var(--text-3)}.search-input:focus{border-color:var(--accent)}.result-count{background:var(--bg-4);color:var(--text-3);font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;flex-shrink:0}.email-list{flex:1 1;overflow-y:auto}.list-empty{padding:2rem 1.25rem;text-align:center;color:var(--text-3);font-size:.8rem;line-height:1.8}.email-row{padding:.75rem .875rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.email-row:hover{background:var(--bg-2)}.email-row.selected{background:var(--accent-dim);border-left:2px solid var(--accent)}.row-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.row-sender{font-size:.8rem;font-weight:600;color:var(--text);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-size:.7rem;color:var(--text-3);flex-shrink:0}.row-subject{font-size:.775rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.35rem}.row-tags{display:flex;gap:.35rem;flex-wrap:wrap}.tag{display:inline-block;font-size:.6rem;font-weight:700;padding:.12rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tag-customer_request{background:#0f2a1a;color:var(--green);border:1px solid #1a4a2a}.tag-customer_clarification{background:#0f1e2e;color:var(--blue);border:1px solid #1a3050}.tag-vendor_clarification{background:#1e0f2e;color:var(--purple);border:1px solid #341550}.tag-vendor_invoice{background:#2e1a0f;color:var(--orange);border:1px solid #4a2a10}.tag-other{background:var(--bg-4);color:var(--text-3);border:1px solid var(--border-2)}.tag-pending{background:var(--bg-3);color:var(--text-3);border:1px solid var(--border)}.tag-att{background:var(--bg-4);color:var(--text-2);border:1px solid var(--border-2)}.tag-odoo{background:#0f2a1a;color:var(--green);border:1px solid #1a4a2a}.tag-pending-sm{font-style:italic}.tag-pending-sm,.tag-status-pending{background:var(--bg-3);color:var(--text-3);border:1px solid var(--border)}.tag-status-classified{background:#0f1e2e;color:var(--blue);border:1px solid #1a3050}.tag-status-processed{background:#0f2a1a;color:var(--green);border:1px solid #1a4a2a}.tag-status-failed{background:#2e0f0f;color:var(--red);border:1px solid #501a1a}.detail-panel{flex:1 1;background:var(--bg-2);overflow-y:auto;min-width:0}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;color:var(--text-3)}.detail-empty-icon{font-size:2rem;opacity:.3}.detail-empty p{font-size:.8rem}.detail-scroll{padding:1.5rem;max-width:680px}.detail-head{margin-bottom:1.25rem}.detail-subject{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:.4rem}.detail-from{font-size:.78rem;color:var(--text-2);margin-bottom:.2rem}.detail-date{font-size:.72rem;color:var(--text-3);margin-bottom:.625rem}.detail-tags{display:flex;gap:.4rem;flex-wrap:wrap}.detail-section{margin-top:1.25rem}.section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.5rem}.action-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-hint{font-size:.75rem;color:var(--text-3);font-style:italic}.btn-action{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .875rem;border-radius:6px;border:1px solid var(--border-2);font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s,background .15s;white-space:nowrap}.btn-reply{background:var(--bg-3);color:var(--text)}.btn-reply:hover{background:var(--bg-4)}.btn-odoo-action{background:var(--orange);color:#000;border-color:transparent}.btn-odoo-action:hover{opacity:.85}.btn-odoo-action:disabled{opacity:.5;cursor:not-allowed}.odoo-confirm{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#0f2a1a;border:1px solid #1a4a2a;border-radius:8px;font-size:.8rem;color:var(--green)}.odoo-check{font-size:1rem}.odoo-when{margin-left:auto;color:var(--text-3);font-size:.7rem}.summary-text{font-size:.83rem;color:var(--text-2);line-height:1.65}.att-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .625rem;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;margin-bottom:.3rem}.att-icon{font-size:.9rem}.att-name{font-size:.78rem;color:var(--text);flex:1 1}.att-size{font-size:.68rem;color:var(--text-3)}.body-text{font-size:.78rem;color:var(--text-2);line-height:1.65;white-space:pre-wrap;max-height:320px;overflow-y:auto;background:var(--bg-3);border:1px solid var(--border);border-radius:6px;padding:.75rem}.truncated{color:var(--text-3);font-style:italic}.spinner{display:inline-block;width:11px;height:11px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-body{flex:1 1;overflow-y:auto;padding:1.5rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.75rem}.metric-card{background:var(--bg-3);border:1px solid var(--border);border-left:3px solid;border-radius:8px;padding:.875rem 1rem}.metric-num{font-size:1.75rem;font-weight:800;line-height:1}.metric-lbl{font-size:.7rem;color:var(--text-2);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em}.dash-section{margin-bottom:1.75rem}.dash-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.875rem}.bar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.bar-label{font-size:.78rem;color:var(--text-2);width:170px;flex-shrink:0}.bar-track{flex:1 1;height:6px;background:var(--bg-4);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .4s}.bar-count{width:32px;text-align:right;font-size:.78rem;color:var(--text-2)}.recent-table{width:100%;border-collapse:collapse;font-size:.78rem}.recent-table th{text-align:left;padding:.4rem .75rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.recent-table td,.recent-table th{border-bottom:1px solid var(--border)}.recent-table td{padding:.5rem .75rem;color:var(--text-2);vertical-align:middle}.recent-table tr:hover td{background:var(--bg-3)}.td-subject{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-time{color:var(--text-3);white-space:nowrap}.settings-body{flex:1 1;overflow-y:auto;padding:1.5rem;max-width:720px}.settings-section{margin-bottom:2rem}.settings-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.settings-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.settings-name{font-size:.82rem;color:var(--text);min-width:200px;font-weight:500}.settings-status-ok{font-size:.75rem;color:var(--green);min-width:100px}.settings-detail{font-size:.75rem;color:var(--text-3)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}