@charset "UTF-8";:root{--app-max-width: 1850px;--app-background: radial-gradient(circle at top, #0f172a 0%, #020617 55%, #01030b 100%);--app-surface: rgba(15, 23, 42, .82);--app-border: rgba(148, 163, 184, .18);--app-border-strong: rgba(148, 163, 184, .32);--app-text: #e2e8f0;--app-muted: #94a3b8;--app-accent: #38bdf8;--app-accent-strong: #0ea5e9;--app-panel-hover: rgba(56, 189, 248, .12);--app-panel-shadow: 0 18px 42px rgba(15, 23, 42, .45)}html{overflow-x:hidden}body{min-height:100vh;margin:0;background:var(--app-background);color:var(--app-text);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}a{color:var(--app-accent)}a:hover{color:var(--app-accent-strong)}.app-background{padding:32px 0 48px}.app-shell{max-width:var(--app-max-width);margin:0 auto;padding:0 32px}@media(max-width:768px){.app-shell{padding:0 20px}}.app-header{color:var(--app-text)}.header-bar{background:linear-gradient(135deg,#0f172ae6,#0f172a99);border:1px solid var(--app-border);border-radius:18px;padding:22px 28px;box-shadow:0 14px 40px #0f172a59;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.app-brand,.app-brand:hover{color:var(--app-text)}.navbar-brand-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(56,189,248,.35))}.app-brand-name{font-size:1.6rem;font-weight:600;letter-spacing:.01em}.auth-links{flex-wrap:wrap}.auth-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid transparent;background:#0f172aa6;color:var(--app-text);font-weight:500;text-decoration:none;transition:all .16s ease-in}.auth-link:hover{border-color:var(--app-accent);color:var(--app-accent-strong);background:#38bdf81f}.nav-toggle{display:none}.menu-panel.active{border-color:#38bdf873;box-shadow:0 18px 42px #38bdf82e}.mobile-nav-scrim,.mobile-nav{display:none}@media(max-width:900px){.nav-toggle{display:inline-flex}.menu-panels{display:none}.mobile-nav-scrim,.mobile-nav{display:block}}.mobile-nav-scrim{position:fixed;inset:0;background:#0206179e;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9500}.mobile-nav-scrim.open{opacity:1;pointer-events:auto}.mobile-nav{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);background:linear-gradient(155deg,#0f172afa,#0f172ad6);border-right:1px solid var(--app-border);box-shadow:0 22px 50px #0206178c;transform:translate(-110%);transition:transform .22s ease;z-index:9600;padding:18px;display:flex;flex-direction:column;gap:12px;pointer-events:none;visibility:hidden}.mobile-nav.open{transform:translate(0);pointer-events:auto;visibility:visible}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--app-border)}.mobile-nav__title{font-weight:650;letter-spacing:.01em}.mobile-nav__items{display:grid;gap:10px;padding-top:6px;overflow:auto}.mobile-nav__item{display:grid;gap:4px;padding:14px;border-radius:16px;text-decoration:none;color:var(--app-text);border:1px solid rgba(148,163,184,.12);background:#02061759;transition:border-color .16s ease,background .16s ease,transform .16s ease}.mobile-nav__item:hover{border-color:#38bdf859;background:#38bdf814;transform:translateY(-1px)}.mobile-nav__item.active{border-color:#38bdf88c;background:#38bdf81f}.mobile-nav__item-title{font-weight:650}.mobile-nav__item-subtitle{color:var(--app-muted);font-size:.9rem}.menu-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.menu-panel{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:20px;background:linear-gradient(155deg,#0f172ae0,#0f172aa8);border:1px solid var(--app-border);color:var(--app-text);text-decoration:none;box-shadow:var(--app-panel-shadow);transition:transform .16s ease,border-color .16s ease,background .16s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.menu-panel:after{content:"";position:absolute;inset:-60% 40% 60% -40%;background:radial-gradient(circle,#38bdf833,#38bdf800 60%);opacity:0;transition:opacity .2s ease}.menu-panel:hover{transform:translateY(-4px);border-color:var(--app-border-strong);background:linear-gradient(155deg,#0f172aeb,#38bdf81a)}.menu-panel:hover:after{opacity:1}.menu-panel-title{font-size:1.1rem;font-weight:600}.menu-panel-subtitle{font-size:.95rem;color:var(--app-muted)}.app-main{margin-top:32px}.app-surface{background:linear-gradient(155deg,#0f172af5,#0f172ab8);border-radius:22px;border:1px solid var(--app-border);padding:32px;box-shadow:0 28px 48px #0f172a66;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}@media(max-width:768px){.app-surface{padding:20px}}.app-footer{color:var(--app-muted)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-title{margin:0;font-size:2.1rem;font-weight:600}.page-subtitle{margin:4px 0 0;color:var(--app-muted)}.badge-soft{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#38bdf81f;color:var(--app-accent-strong);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.skeleton{background:linear-gradient(90deg,#94a3b81f,#94a3b838 45%,#94a3b81f);background-size:200% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}.skeleton-line{display:inline-block;height:12px;border-radius:999px}.skeleton-pill{display:inline-block;height:30px;border-radius:999px}.skeleton--w-20{width:20%}.skeleton--w-30{width:30%}.skeleton--w-40{width:40%}.skeleton--w-60{width:60%}.skeleton--w-70{width:70%}.skeleton--w-80{width:80%}.skeleton--w-90{width:90%}.data-table--skeleton td,.data-table--skeleton th{border-bottom-color:#94a3b814}.data-table--skeleton tbody tr{cursor:default}.data-table--skeleton tbody tr:hover{background:transparent;transform:none}.mail-workspace{display:grid;grid-template-columns:1fr;gap:24px}.mail-list-panel,.mail-preview{background:linear-gradient(155deg,#0f172aeb,#0f172aad);border-radius:24px;border:1px solid var(--app-border);box-shadow:0 24px 40px #0f172a6b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.panel-heading{padding:24px 28px 12px}.heading-meta{display:flex;align-items:baseline;gap:12px}.heading-meta h2{margin:0;font-size:1.35rem;font-weight:600}.heading-hint{color:var(--app-muted);font-size:.9rem}.panel-body{padding:0 28px 28px}.data-table{width:100%;border-collapse:collapse;color:var(--app-text)}.data-table thead{background:#0f172aa8}.data-table th{padding:16px 18px;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted);border-bottom:1px solid var(--app-border)}.data-table tbody tr{transition:background .16s ease,transform .16s ease,border-color .16s ease;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#38bdf814;transform:translateY(-1px)}.data-table tbody tr.selected{background:#38bdf829;border-color:#38bdf83d}.data-table td{padding:18px;vertical-align:top}.mail-subject{font-weight:600;font-size:.98rem}.mail-snippet{margin-top:6px;color:var(--app-muted);font-size:.85rem;line-height:1.4}.mail-author{font-weight:500}.mail-author-mail{color:var(--app-muted);font-size:.82rem;margin-top:4px}.mail-date{text-align:right;color:var(--app-muted);font-size:.82rem}@media(max-width:768px){.data-table thead{display:none}.data-table tbody tr{display:grid;grid-template-columns:1fr;gap:2px}.data-table td{padding:12px 16px}.mail-date{text-align:left;margin-top:8px}}.mail-preview{position:fixed;right:16px;top:16px;bottom:16px;width:min(1100px,80vw);overflow-x:hidden;overflow-y:auto;padding:28px;min-height:320px;transform:translate(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;z-index:10000}.mail-preview.visible{transform:translate(0);opacity:1;pointer-events:auto}.mail-preview.fullheight{top:0;bottom:0}@media(max-width:900px){.mail-preview{inset:0;width:100vw;border-radius:0}}.mail-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:sticky;top:0;z-index:2;background:linear-gradient(155deg,#0f172af5,#0f172ab8);padding-top:6px;border-bottom:1px solid var(--app-border)}.preview-close{border:none;background:#38bdf82e;color:var(--app-text);padding:8px 14px;border-radius:999px;font-size:.85rem}.mail-preview-title{margin:0;font-size:1.35rem;font-weight:600}.mail-preview-details{display:grid;gap:8px;margin-top:12px;font-size:.9rem;color:var(--app-muted)}.detail-label{display:inline-block;min-width:92px;font-weight:600;color:var(--app-text)}.mail-preview-body{margin-top:22px;border-radius:20px;background:#020617eb;border:1px solid rgba(148,163,184,.18);overflow:hidden;min-height:360px;box-shadow:inset 0 0 0 1px #0f172a7a}.mail-preview-iframe{width:100%;height:540px;border:none;background:#fff}.mail-preview-attachments{margin-top:24px;font-size:.9rem}.mail-preview-attachments h6{font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted);margin-bottom:8px}.mail-preview-attachments ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}#attachmentsList,#attachmentsList2{max-height:none;overflow:visible;padding:8px 0}.mail-preview-attachments li{padding:10px 14px;border-radius:12px;background:#38bdf81f;color:var(--app-text);font-size:.85rem}.tabs{display:inline-flex;gap:8px;margin:12px 0 18px;padding:6px;border-radius:999px;background:#0f172a99;border:1px solid var(--app-border)}.tab{appearance:none;border:none;padding:8px 14px;border-radius:999px;background:transparent;color:var(--app-text);font-weight:500;cursor:pointer}.tab.active,.tab:hover{background:#38bdf829;color:var(--app-accent-strong)}.modal-overlay{position:fixed;inset:0;background:#020617b3;display:none;z-index:1000000;padding:16px}.modal-overlay.visible{display:grid;place-items:center;height:100dvh;overflow:auto}.modal{position:relative;width:min(760px,96vw);max-width:760px;border-radius:20px;background:linear-gradient(155deg,#0f172af5,#0f172ab8);border:1px solid var(--app-border);box-shadow:0 28px 48px #0f172a99;overflow:hidden;color:var(--app-text);display:flex;flex-direction:column}.modal>app-workflow-mail-intake-wizard,.modal>app-attachment-upload-drawer{display:flex;flex:1 1 auto;min-height:0}.modal.modal--wide{width:min(1100px,96vw);max-width:1100px}.modal-header,.modal-footer{padding:16px 22px;flex:0 0 auto}.modal-header{border-bottom:1px solid var(--app-border)}.modal-footer{border-top:1px solid var(--app-border);display:flex;justify-content:space-between;background:linear-gradient(180deg,#0f172a99,#0f172aeb)}.modal-title{margin:0;font-size:1.2rem}.modal-body{padding:18px 22px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}@media(max-width:768px){.modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:14px}}@media(max-height:720px){.modal-overlay{padding:8px}.modal{max-height:calc(100dvh - 16px)}}.sticky-actions{position:sticky;bottom:0;padding:10px 0;background:linear-gradient(180deg,#0f172a00,#0f172ad9 28%,#0f172af5);border-top:1px solid var(--app-border)}.sticky-actions .actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-sticky-actions{position:sticky;bottom:0;padding:10px 0;background:linear-gradient(180deg,#0f172a00,#0f172ad9 28%,#0f172af5);border-top:1px solid var(--app-border)}.wizard-steps{display:grid;gap:16px}.wizard-step{display:none}.wizard-step.active{display:block}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-row label{display:block;font-weight:600;margin-bottom:6px}.input-row input,.input-row select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--app-border);background:#02061799;color:var(--app-text)}.helper{color:var(--app-muted);font-size:.85rem}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(148,163,184,.35);border-top-color:var(--app-accent);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.btn{border:1px solid var(--app-border);background:#38bdf81f;color:var(--app-text);border-radius:999px;padding:10px 16px}.btn-primary{background:#38bdf84d;border-color:#38bdf899}.btn:hover{filter:brightness(1.1)}.btn-sm{padding:6px 10px;font-size:.85rem}.preview-drawer{position:absolute;top:0;right:0;height:100%;width:min(520px,92%);max-width:640px;background:linear-gradient(155deg,#0f172afa,#0f172adb);border-left:1px solid var(--app-border);box-shadow:-24px 0 48px #0f172a99;transform:translate(100%);transition:transform .22s ease;z-index:5;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}.preview-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.drawer-header,.drawer-footer{padding:16px 20px}.drawer-header{border-bottom:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between}.drawer-title{margin:0;font-size:1.1rem;font-weight:600}.drawer-body{padding:16px 20px;overflow:auto;flex:1 1 auto}.relation-folder-drawer{position:fixed;top:32px;bottom:32px;right:max(16px,(100vw - var(--app-max-width)) / 2 + 32px);width:min(520px,100vw - 64px);max-width:560px;max-height:calc(100vh - 64px);height:auto;z-index:80}.relation-folder-drawer .drawer-body{display:flex;flex-direction:column;gap:16px}@media(max-width:992px){.relation-folder-drawer{right:24px;width:min(520px,100vw - 48px)}}@media(max-width:768px){.relation-folder-drawer{top:16px;bottom:16px;right:16px;width:calc(100vw - 32px);max-width:none}}.folder-match-list{display:flex;flex-direction:column;gap:10px}.folder-match{border:1px solid var(--app-border);border-radius:14px;padding:12px 14px;background:#0f172aa6}.folder-match.active{border-color:var(--app-accent);box-shadow:0 0 0 1px #38bdf859}.folder-match-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.folder-match-archived{font-size:.8rem;color:var(--app-muted);border:1px solid var(--app-border);border-radius:999px;padding:2px 10px}.match-path{font-size:.85rem;color:var(--app-muted);margin-bottom:10px;word-break:break-word}.match-actions{display:flex;gap:10px;flex-wrap:wrap}.folder-browser-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.folder-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.folder-breadcrumb button{background:transparent;border:1px solid transparent;color:var(--app-text);border-radius:999px;padding:4px 10px;cursor:pointer}.folder-breadcrumb button:disabled{border-color:var(--app-accent);color:var(--app-accent);cursor:default}.folder-breadcrumb span{color:var(--app-muted)}.folder-listing table{width:100%;font-size:.9rem}.folder-listing th,.folder-listing td{border-color:var(--app-border)}.folder-row-actions{display:flex;gap:8px;flex-wrap:wrap}a.disabled-link{pointer-events:none;opacity:.55;cursor:default}.project-preview-warnings{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(248,113,113,.5);border-radius:12px;background:#f8717114;color:#fecaca}.project-preview-table{border:1px solid var(--app-border);border-radius:16px;padding:16px;margin-bottom:16px;background:#0f172a80}.project-preview-table-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.project-preview-table-header h4{margin:0;font-size:1.05rem;font-weight:600}.rel-search-card{padding:16px;margin-bottom:12px}.rel-inputs{display:grid;grid-template-columns:2fr auto auto auto;gap:12px;align-items:end}.rel-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.rel-filters label{display:inline-flex;align-items:center;gap:8px}.rel-inputs .btn{height:42px;line-height:22px}@media(max-width:900px){.rel-inputs{grid-template-columns:1fr auto}}@media(max-width:600px){.rel-inputs{grid-template-columns:1fr}}.app-card{border-radius:18px;border:1px solid var(--app-border);background:#0f172aa6;padding:18px;box-shadow:0 18px 36px #02061773}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.me-auto{margin-right:auto}.gap-2{gap:8px}.gap-3{gap:12px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.fw-bold{font-weight:600}.text-muted{color:var(--app-muted)}.text-danger{color:#fecaca}.text-warning{color:#facc15}.text-success{color:#34d399}.text-decoration-none{text-decoration:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--app-border);background:#94a3b81f;color:var(--app-text);font-size:.75rem;letter-spacing:.02em;white-space:nowrap}.text-bg-success{background:#10b9812e;border-color:#10b98166;color:#d1fae5}.text-bg-warning{background:#facc1524;border-color:#facc1559;color:#fef9c3}.list-group{display:flex;flex-direction:column;gap:10px}.list-group-item{display:flex;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--app-border);background:#0f172a8c;box-shadow:0 10px 22px #02061752;text-decoration:none;color:var(--app-text);transition:transform .14s ease,border-color .14s ease,background .14s ease}.list-group-item:hover{transform:translateY(-1px);border-color:#38bdf866;background:#38bdf814}.list-group-item-action{cursor:pointer}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;filter:none}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(56,189,248,.55);outline-offset:2px}.data-table tbody tr:focus-visible{outline:2px solid rgba(56,189,248,.55);outline-offset:-2px}.mail-preview-body,.mail-preview-body *{overflow-wrap:anywhere;word-break:break-word}