:root{--bg:#f6f6f7;--surface:#fff;--surface-soft:#f2f2f3;--border:#e1e1e4;--text:#2a2a2f;--muted:#6f6f77;--brand:#7b1735;--brand-2:#a12f50;--brand-soft:#f7ecef;--shadow:0 12px 28px #4c29341f}*{box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}body{background:radial-gradient(circle at 14% 12%,#f4dde5 0,#0000 35%),radial-gradient(circle at 86% 78%,#ece7ea 0,#0000 36%),#f6f6f7;background:radial-gradient(circle at 14% 12%,#f4dde5 0,#0000 35%),radial-gradient(circle at 86% 78%,#ece7ea 0,#0000 36%),var(--bg);color:#2a2a2f;color:var(--text);margin:0;min-height:100vh}h1,h2,h3,h4,p{margin-top:0}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-shell.authless{grid-template-columns:1fr}.app-shell.authless .main-content{padding:0}.app-shell.authless .welcome-wrap{min-height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e1e1e4;border-right:1px solid var(--border);box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:24px 18px;position:sticky;top:0}.sidebar h1{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;letter-spacing:.6px;margin-bottom:18px}.sidebar nav{grid-gap:12px;display:grid;gap:12px}.sidebar-footer{grid-gap:10px;border-top:1px solid #e1e1e4;border-top:1px solid var(--border);display:grid;flex-shrink:0;gap:10px;margin-top:auto;padding-top:14px}.role-badge{background:#f7ecef;background:var(--brand-soft);border:1px solid #d9b1bf;border-radius:10px;color:#7b1735;color:var(--brand);font-size:13px;font-weight:700;padding:8px 10px}.lang-btn,.logout-btn{width:100%}.lang-btn{background:#fff!important;background:var(--surface)!important;background-image:none!important;border:1px solid #e1e1e4!important;border:1px solid var(--border)!important;color:#2a2a2f!important;color:var(--text)!important;font-weight:600}.admin-user-form{grid-gap:8px;border-top:1px solid #e1e1e4;border-top:1px solid var(--border);display:grid;gap:8px;margin-top:16px;padding-top:14px}.admin-user-form h4{margin:0}.admin-user-form input,.admin-user-form select{border-radius:10px;padding:9px;width:100%}.admin-user-form input,.admin-user-form select,.nav-link{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);color:#2a2a2f;color:var(--text)}.nav-link{border-radius:12px;padding:12px 14px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.nav-link:hover{background:#faf4f6;border-color:#c99baa;transform:translateY(-1px)}.nav-link.active{background:#f7ecef;background:var(--brand-soft);border-color:#b87489;color:#7b1735;color:var(--brand);font-weight:600}.main-content{padding:28px}.email-page{margin:0 auto;max-width:1280px}.category-card,.info-card,.list-panel,.stat-card,.topbar,.viewer-panel,.welcome-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow)}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.topbar h2{font-size:24px;margin:0}.search-input{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:20px;color:#2a2a2f;color:var(--text);font-size:14px;padding:8px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:280px}.search-input:focus{border-color:#7b1735;border-color:var(--brand);box-shadow:0 0 0 3px #7b17351a;outline:none}.no-results,.search-input::placeholder{color:#6f6f77;color:var(--muted)}.no-results{font-size:15px;padding:40px 20px;text-align:center}.category-grid,.page-grid,.stats-grid{grid-gap:16px;display:grid;gap:16px}.page-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.category-card,.info-card,.stat-card,.welcome-card{padding:20px}.quick-links{grid-gap:12px;display:grid;gap:12px}.quick-link{color:#7b1735;color:var(--brand);font-weight:700;text-decoration:none}.quick-link:hover{color:#5f1229}.stat-label{color:#6f6f77;color:var(--muted);font-size:13px;margin:0}.stat-value{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:36px;font-weight:800;margin:10px 0 0}.category-card ul{grid-gap:8px;color:#6f6f77;color:var(--muted);display:grid;gap:8px;margin:12px 0 0;padding-left:18px}.welcome-wrap{display:grid;min-height:calc(100vh - 56px);place-items:center}.welcome-card{width:min(580px,100%)}.auth-form{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.auth-form input{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;color:#2a2a2f;color:var(--text);padding:10px;width:100%}.layout{grid-gap:14px;display:grid;gap:14px;grid-template-columns:370px 1fr;height:calc(100vh - 178px)}.list-panel,.viewer-panel{overflow:auto;padding:14px}.email-item{background:#f2f2f3;background:var(--surface-soft);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;cursor:pointer;margin-bottom:10px;padding:13px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.email-item:hover{border-color:#c59aaa;transform:translateY(-2px)}.email-item.active{background:#f7ecef;background:var(--brand-soft);border-color:#b87489}.from{font-weight:700;margin-bottom:4px}.subject{color:#2a2a2f;color:var(--text);margin-bottom:6px}.date{color:#6f6f77;color:var(--muted);font-size:12px}.body{background:#fbfbfc;border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;color:#2a2a2f;color:var(--text);padding:12px;white-space:pre-wrap}.body-loading{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;border-color:#0000;color:#0000;min-height:60px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reply-form{grid-gap:10px;border-top:1px solid #e1e1e4;border-top:1px solid var(--border);display:grid;gap:10px;margin-top:18px;padding-top:14px}.pagination{align-items:center;background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;bottom:0;display:flex;gap:10px;justify-content:space-between;margin-top:14px;padding:10px;position:sticky}.pagination span{color:#6f6f77;color:var(--muted);font-size:13px;font-weight:600}.conversation-list{grid-gap:10px;display:grid;gap:10px;margin:12px 0 6px}.conversation-item{border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;max-width:92%;padding:12px}.conversation-item.sent{background:#f7ecef;background:var(--brand-soft);border-color:#bc8195;margin-left:auto}.conversation-item.received{background:#f8f8f9;margin-right:auto}.conversation-meta{color:#6f6f77;color:var(--muted);display:flex;font-size:12px;gap:12px;justify-content:space-between;margin-bottom:4px}.conversation-subject{font-weight:700;margin-bottom:6px}.conversation-body{color:#2a2a2f;color:var(--text);margin:0;white-space:pre-wrap}.reply-form input,.reply-form textarea{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;color:#2a2a2f;color:var(--text);padding:10px;width:100%}.reply-form input::placeholder,.reply-form textarea::placeholder{color:#9999a1}button{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));border:1px solid #9d435f;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:9px 14px;transition:transform .16s ease,filter .16s ease}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e1e1e4;border-bottom:1px solid var(--border);border-right:0;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.main-content{padding:14px}.layout{grid-template-columns:1fr;height:auto}}.categories-split{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr 420px}.categories-split .categories-page{max-height:calc(100vh - 130px);overflow-y:auto;padding-right:4px}.categories-viewer{max-height:calc(100vh - 130px);overflow-y:auto;padding:18px;position:sticky;top:14px}.categories-viewer-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.categories-viewer-header h3{flex:1 1;font-size:15px;line-height:1.4;margin:0;word-break:break-word}.categories-viewer-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:4px}.categories-close-btn{background:#fff!important;background:var(--surface)!important;background-image:none!important;border:1px solid #e1e1e4!important;border:1px solid var(--border)!important;border-radius:8px;box-shadow:none;color:#2a2a2f!important;color:var(--text)!important;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:3px 10px}.categories-close-btn:hover{background:#f2f2f3!important;background:var(--surface-soft)!important;filter:none!important;transform:none!important}.category-email-item--active{background:#f7ecef!important;background:var(--brand-soft)!important;border-left:3px solid #7b1735;border-left:3px solid var(--brand);padding-left:15px}.categories-accordion{display:flex;flex-direction:column;gap:8px}.cat-section{border:1px solid #e1e1e4;border:1px solid var(--border);border-left-style:solid!important;border-left-width:4px!important;border-radius:12px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);overflow:hidden}.cat-section,.cat-section-header{background:#fff;background:var(--surface)}.cat-section-header{align-items:center;border:none;border-radius:0;box-shadow:none;color:#2a2a2f;color:var(--text);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:14px 18px;text-align:left;transition:background .15s;width:100%}.cat-section-header:hover{background:#f2f2f3;background:var(--surface-soft);filter:none;transform:none}.cat-section-count{color:#6f6f77;color:var(--muted);font-size:13px;white-space:nowrap}.cat-section-bar{flex:1 1;max-width:200px;min-width:60px}.cat-section-pct{color:#6f6f77;color:var(--muted);font-size:12px;min-width:36px;text-align:right;white-space:nowrap}.cat-section-arrow{color:#6f6f77;color:var(--muted);font-size:11px;margin-left:auto}.cat-section-list{border-top:1px solid #e1e1e4;border-top:1px solid var(--border)}.cat-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cat-modal{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:6px;max-height:80vh;overflow-y:auto;padding:24px 28px;width:min(700px,100%)}.cat-modal-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:4px}.cat-modal-title{display:flex;flex:1 1;flex-direction:column;gap:6px}.cat-modal-title h3{font-size:17px;line-height:1.4;margin:0;word-break:break-word}.cat-modal-meta{align-items:center;color:#6f6f77;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.email-html-frame{background:#fff;border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;display:block;height:500px;min-height:200px;width:100%}.inbox-category-badge{font-weight:700;letter-spacing:.03em;padding:2px 8px}.inbox-category-badge,.inbox-new-badge{border-radius:999px;display:inline-block;flex-shrink:0;font-size:10px;white-space:nowrap}.inbox-new-badge{background:#e74c3c;color:#fff;font-weight:800;letter-spacing:.06em;padding:2px 7px}.email-item-badges{align-items:center;display:flex;flex-shrink:0;gap:5px}.email-item--unread .from,.email-item--unread .subject{color:#2a2a2f;color:var(--text);font-weight:800}.email-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.email-item-top .from{flex:1 1;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-page{padding:4px 0}.categories-header{align-items:baseline;display:flex;gap:14px;margin-bottom:20px}.categories-header h2{font-size:24px;margin:0}.categories-total{color:#6f6f77;color:var(--muted);font-size:13px;font-weight:600}.categories-status{color:#6f6f77;color:var(--muted);margin:12px 0}.categories-error{color:#e74c3c}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.categories-page .category-card{border-radius:14px;border-top-style:solid;border-top-width:4px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);overflow:hidden;padding:0}.category-card-header{grid-gap:8px;display:grid;gap:8px;padding:16px 18px 14px}.category-card-title{align-items:center;display:flex;justify-content:space-between}.category-badge{border-radius:999px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.02em;padding:3px 12px}.category-count{color:#2a2a2f;color:var(--text);font-size:28px;font-weight:800;line-height:1}.category-bar-wrap{background:#00000012;border-radius:99px;height:6px;overflow:hidden}.category-bar{border-radius:99px;height:100%;transition:width .6s ease}.category-pct{font-size:11px;font-weight:500}.category-pct,.category-toggle{color:#6f6f77;color:var(--muted)}.category-toggle{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.category-email-list{border-top:1px solid #00000012;list-style:none;margin:0;max-height:340px;overflow-y:auto;padding:0}.category-email-item{border-bottom:1px solid #0000000d;padding:10px 18px;transition:background .12s}.category-email-item:last-child{border-bottom:none}.category-email-item:hover{background:#00000008}.category-email-subject{color:#2a2a2f;color:var(--text);font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-email-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.category-email-from{color:#6f6f77;color:var(--muted);flex:1 1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-priority-badge{font-size:11px;font-weight:700;white-space:nowrap}.category-email-date{color:#6f6f77;color:var(--muted);font-size:11px;white-space:nowrap}.dashboard{display:flex;flex-direction:column;gap:18px;padding:10px 0}.title{font-size:24px;font-weight:700;margin-bottom:4px}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.kpi-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:20px}.kpi-card p{color:#6f6f77;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.02em;margin:0}.kpi-card h3{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:34px;font-weight:800;margin:0}.two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;min-height:280px;padding:20px}.stat-card h3{font-size:16px;font-weight:700;margin:0}.bar-row{display:flex;flex-direction:column;gap:6px;margin-top:6px}.bar-row span{color:#6f6f77;color:var(--muted);font-size:13px;font-weight:600}.bar{background:#f2f2f3;background:var(--surface-soft);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));height:100%;transition:width .5s ease}.time-filter{display:flex;gap:10px;margin-bottom:6px}.time-filter button{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:10px;color:#2a2a2f;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:.2s}.time-filter button:hover{background:#f7ecef;background:var(--brand-soft);border-color:#c59aaa}.recharts-wrapper{font-size:12px}.recharts-cartesian-grid line{stroke:#e6e6ea}.recharts-legend-wrapper,.recharts-tooltip-wrapper{font-size:12px}@media (max-width:1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}}.homepage{display:flex;flex-direction:column;gap:24px}.hero-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);padding:40px;text-align:center}.hero-title{background:linear-gradient(90deg,#7b1735,#a12f50);background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;color:#0000;font-size:36px;font-weight:800;margin-bottom:10px}.hero-subtitle{font-size:26px;margin-bottom:10px}.hero-desc{color:#6f6f77;color:var(--muted);line-height:1.6;margin:auto;max-width:750px}.hero-features{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:25px}.hero-feature{background:#f7ecef;background:var(--brand-soft);border-radius:10px;font-weight:600;padding:10px 16px}.home-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.action-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);color:#2a2a2f;color:var(--text);display:flex;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:.25s}.action-card:hover{border-color:#c59aaa;transform:translateY(-4px)}.action-icon{font-size:32px}.action-btn{color:#7b1735;color:var(--brand);font-weight:700;margin-top:auto}.home-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 28px #4c29341f;box-shadow:var(--shadow);padding:20px}.feature-card h4{color:#2a2a2f;color:var(--text);margin-bottom:6px}.feature-card p{color:#6f6f77;color:var(--muted);font-size:13px;margin:0}.attachments-section{background:#f2f2f3;background:var(--surface-soft);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:16px}.attachments-section h4{color:#2a2a2f;color:var(--text);font-size:14px;margin-bottom:12px;margin-top:0}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #e1e1e4;border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.attachment-item:hover{background:#f9f9f9;border-color:#7b1735;border-color:var(--brand);box-shadow:0 2px 8px #7b17351a}.attachment-icon{flex-shrink:0;font-size:18px}.attachment-link{color:#7b1735;color:var(--brand);flex:1 1;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;word-break:break-all}.attachment-link:hover{color:#a12f50;color:var(--brand-2);text-decoration:underline}.attachment-size{color:#6f6f77;color:var(--muted);flex-shrink:0;font-size:12px;margin-left:auto;padding-left:10px}.attachment-item{flex-wrap:wrap}.attachment-item>a:not(.attachment-link){color:#7b1735;color:var(--brand);font-weight:600;padding:6px}
/*# sourceMappingURL=main.d09fb410.css.map*/