@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--primary: #1A2B4A;--primary-light: #2C4A7C;--accent: #F4A724;--accent-light: #FFC45A;--danger: #E53E3E;--success: #2F855A;--warning: #D97706;--bg-dark: #0F1923;--bg-card: #1C2E42;--bg-input: #243447;--bg-hover: #223350;--text-primary: #F0F4F8;--text-muted: #8FA3B8;--border: #2D4663;--shadow: 0 4px 24px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:700}a{text-decoration:none;color:inherit}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:DM Sans,sans-serif;background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:6px;font-size:1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.card{background-color:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:all .2s ease}.card:hover{background-color:var(--bg-hover)}.btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background-color:var(--accent);color:var(--bg-dark)}.btn-primary:hover{background-color:var(--accent-light)}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background-color:#2f855a33;color:var(--success)}.badge-warning{background-color:#d9770633;color:var(--warning)}.badge-danger{background-color:#e53e3e33;color:var(--danger)}.badge-info{background-color:#2c4a7c33;color:var(--primary-light)}.badge-gray{background-color:#8fa3b833;color:var(--text-muted)}.nav-icon{position:relative;display:inline-flex;flex:0 0 auto}.nav-badge{position:absolute;top:-.55rem;right:-.7rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border:2px solid var(--bg-card);border-radius:9999px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;line-height:1}.table-container{overflow-x:auto;border-radius:8px;background-color:var(--bg-card);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}thead{background-color:var(--bg-input);position:sticky;top:0;z-index:10}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}tbody tr{transition:background-color .2s ease}tbody tr:hover{background-color:var(--bg-hover)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--bg-card);border-radius:8px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem}.modal-close{background:none;color:var(--text-muted);font-size:1.5rem;padding:.5rem}.modal-close:hover{color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.balance-positive{color:var(--danger)}.balance-zero{color:var(--success)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-input) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.modal-content{position:fixed;bottom:0;left:0;right:0;max-height:80vh;border-radius:16px 16px 0 0}}@media(max-width:768px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.card{padding:1rem!important}.btn{padding:.6rem 1rem!important;font-size:.9rem!important;width:100%!important}.table-container{background:transparent!important;box-shadow:none!important}.table-container table thead{display:none!important}.table-container table,.table-container table tbody,.table-container table tr,.table-container table td{display:block!important;width:100%!important}.table-container table tr{background-color:var(--bg-card)!important;margin-bottom:1.5rem!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:.5rem!important;box-shadow:var(--shadow)!important}.table-container table td{text-align:left!important;padding:.75rem 1rem!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;border-bottom:1px solid rgba(255,255,255,.05)!important;min-height:auto!important;word-break:break-word!important;overflow-wrap:break-word!important}.table-container table td:last-child{border-bottom:none!important;background-color:#ffffff05!important;border-radius:0 0 8px 8px!important;margin-top:.5rem!important}.table-container table td:before{content:attr(data-label);position:static!important;display:block!important;font-weight:700!important;color:var(--text-muted)!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.05em!important}.form-row{grid-template-columns:1fr!important}.main-content h1{margin-top:3.5rem!important}}@media(max-width:480px){.modal-content{padding:1rem!important}}.detail-tabs{margin:0 0 1.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:linear-gradient(180deg,var(--bg-dark) 70%,transparent);padding-top:.25rem}.detail-tabs__track{display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:0}.detail-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .9rem;margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.detail-tab:hover{color:var(--text-primary)}.detail-tab--active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.detail-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:4px;background:var(--bg-input);color:var(--text-muted);font-size:.7rem;font-weight:600}.detail-tab--active .detail-tab__count{background:#f4a72426;color:var(--accent)}.detail-tab-panel{animation:detailTabIn .18s ease}.detail-tab-panel>.card:last-child{margin-bottom:0}.detail-hero{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.detail-hero__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem}.detail-hero h2{margin:0;font-size:1.5rem;letter-spacing:-.02em}.detail-hero__meta{color:var(--text-muted);font-size:.875rem}.detail-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.detail-stat{padding:1rem;background:var(--bg-input);border-radius:6px;border:1px solid transparent}.detail-stat__label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.detail-stat__value{font-size:1.35rem;font-weight:600;font-family:Syne,sans-serif;letter-spacing:-.02em}@keyframes detailTabIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.download-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(244,167,36,.12),transparent),var(--bg-dark)}.download-page__card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2rem;box-shadow:var(--shadow)}.download-page__brand{font-family:Syne,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--accent)}.mail-attach-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.mail-attach-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.mail-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem;min-height:60vh}.mail-pane-list,.mail-pane-thread{padding:0;overflow:auto;max-height:70vh}.mail-pane-thread{padding:1rem}.mail-filter-check{display:flex;align-items:center;gap:.35rem;font-size:.875rem}.mail-thread-row{display:block;width:100%;text-align:left;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer}.mail-thread-row.is-active{background:var(--bg-hover)}.mail-thread-row.is-unread .mail-thread-subject{font-weight:700}.mail-thread-row-top{display:flex;align-items:center;gap:.45rem}.mail-thread-subject{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-thread-date{flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.mail-thread-counterpart{font-size:.82rem;margin-top:.3rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-thread-snippet{font-size:.78rem;color:var(--text-muted);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-thread-meta{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin-top:.35rem}.mail-meta-muted{font-size:.72rem;color:var(--text-muted)}.mail-unread-dot{font-size:.72rem;color:var(--accent);font-weight:700}.mail-dir-mark{flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:.1rem .35rem;border-radius:3px;border:1px solid var(--border);color:var(--text-muted)}.mail-dir-in{border-color:#3b82f6;color:#3b82f6}.mail-dir-out{border-color:#16a34a;color:#16a34a}.mail-dir-int{border-color:var(--border)}.mail-thread-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:240px;color:var(--text-muted);gap:.5rem}.mail-thread-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.mail-thread-header-main{flex:1;min-width:0}.mail-thread-header-people{margin-top:.45rem;font-size:.92rem;display:flex;flex-direction:column;gap:.2rem}.mail-thread-header-meta{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.mail-back-btn{display:none;align-items:center;gap:.35rem;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);border-radius:6px;padding:.35rem .55rem;cursor:pointer;font-size:.85rem}.mail-actions{position:relative;flex-shrink:0}.mail-actions-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:20;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:.35rem;display:flex;flex-direction:column;gap:.15rem}.mail-actions-menu button{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary);padding:.55rem .65rem;border-radius:6px;cursor:pointer;font-size:.875rem}.mail-actions-menu button:hover{background:var(--bg-hover)}.mail-actions-assign{border-top:1px solid var(--border);margin-top:.25rem;padding:.55rem .65rem;display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.mail-messages{display:flex;flex-direction:column;gap:.75rem}.mail-bubble{padding:.85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-hover)}.mail-bubble-out{border-left:3px solid #16a34a}.mail-bubble-in{border-left:3px solid #3b82f6}.mail-bubble-head{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;font-size:.8rem;color:var(--text-muted)}.mail-bubble-to{margin-top:.2rem}.mail-bubble-body{white-space:pre-wrap}.mail-reply-form{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}@media(max-width:900px){.mail-layout{grid-template-columns:1fr}.mail-layout.has-selection .mail-pane-list{display:none}.mail-layout:not(.has-selection) .mail-pane-thread{display:none}.mail-back-btn{display:inline-flex}.mail-pane-list,.mail-pane-thread{max-height:none;min-height:55vh}}