@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sidebar{background-color:var(--surface);border-right:1px solid var(--border);width:220px;height:100vh;padding:var(--space-4);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{cursor:pointer;align-items:center;gap:12px;min-width:0;margin:-16px -16px 8px;padding:12px 16px;transition:opacity .15s;display:flex}.sidebar-logo:hover{opacity:.85}.sidebar-logo .logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 12px #16653426}.sidebar-logo .logo-img{box-shadow:none;object-fit:contain;background:0 0}.sidebar-logo:hover .logo-icon{box-shadow:0 6px 16px #16653433}.sidebar-logo:hover .logo-img{box-shadow:none}.logo-text{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;margin:0;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex;overflow:hidden}.logo-text .logo-primary{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1}.logo-accent{color:var(--text-secondary);letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--text-secondary);letter-spacing:.01em;border-radius:10px;align-items:center;gap:10px;margin-bottom:3px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,padding .2s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background-color:#f1f5f9}.nav-item.active{color:var(--primary);background-color:#16653414;font-weight:600}.nav-item svg{flex-shrink:0;transition:color .2s}.nav-item:hover svg,.nav-item.active svg{color:var(--primary)}.sidebar-footer{gap:var(--space-1);flex-direction:column;margin-top:auto;display:flex}.sidebar-profile{align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--background);border-radius:var(--radius-card);margin-bottom:var(--space-4);display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-secondary);font-size:12px}.nav-item.logout:hover{color:var(--error)}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:12px}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none;width:0;overflow:hidden}@media (width<=1024px){.sidebar{transition:transform .3s;left:-220px;box-shadow:10px 0 30px #0000001a}.sidebar.open{transform:translate(220px)}}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);height:56px;padding:0 var(--space-6);z-index:90;background-color:#fffc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.mobile-menu-btn{padding:var(--space-2);border-radius:var(--radius-button);display:none}.header-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.breadcrumb-home{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:-4px;transition:background-color .15s,color .15s;display:inline-flex}.breadcrumb-home:hover{background-color:var(--background);color:var(--primary)}.breadcrumb-home:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.breadcrumb-separator{color:var(--text-disabled);flex-shrink:0}.header-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.header-actions-group{align-items:center;gap:var(--space-2);margin-left:var(--space-2);display:flex}.header-right{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.icon-btn{padding:var(--space-2);border-radius:var(--radius-button);color:var(--text-secondary);position:relative}.icon-btn:hover{background-color:var(--background);color:var(--text-primary)}.icon-btn.active{background-color:var(--primary-light);color:var(--primary)}.notification-dot{background-color:var(--error);color:#fff;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.notification-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fffffffa;border:1px solid #0000000d;border-radius:24px;flex-direction:column;width:420px;max-height:600px;margin-top:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.notification-header h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.notification-header button{background:rgba(var(--primary-rgb), .08);color:var(--primary);cursor:pointer;border:none;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.notification-header button:hover{background:rgba(var(--primary-rgb), .12)}.notification-list{flex:1;max-height:400px;padding:4px 0;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #0000000a;align-items:center;gap:12px;padding:10px 16px;transition:background-color .15s;display:flex}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#16653403}.notification-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notification-body{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:flex-end;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.filter-drawer{background:#fff;flex-direction:column;width:400px;height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-10px 0 30px #0000001a}.filter-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:32px 24px;display:flex}.filter-drawer-header h3{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.filter-drawer-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.drawer-close-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.drawer-close-btn:hover{color:var(--text-primary);background:#f8fafc;transform:rotate(90deg)}.filter-drawer-content{flex:1;padding:32px 24px;overflow-y:auto}.filter-drawer-footer{border-top:1px solid var(--border);background:#f8fafc;gap:12px;padding:24px;display:flex}.apply-btn{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:2;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.apply-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.reset-btn{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.reset-btn:hover{background:#f1f5f9}.filter-section{margin-bottom:40px}.filter-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.filter-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.filter-pill:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-pill.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.notification-title-row{align-items:center;gap:6px;display:flex}.notification-title{color:var(--text-primary);text-align:left;font-size:12.5px;font-weight:600}.new-badge-tiny{background-color:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.02em;border-radius:3px;align-items:center;height:12px;padding:0 4px;font-size:8px;font-weight:700;display:flex}.notification-message{color:var(--text-secondary);text-align:left;margin:0;font-size:11.5px;line-height:1.3}.notification-time-inline{color:var(--text-disabled);white-space:nowrap;flex-shrink:0;font-size:10.5px;font-weight:500}.notification-footer{background-color:#f9fafb;border-top:1px solid #0000000d;justify-content:space-between;padding:8px 16px;display:flex}.view-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:500}@media (width<=1024px){.header{padding:0 var(--space-4)}.mobile-menu-btn{background-color:var(--background);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;display:flex}}@media (width<=768px){.notification-dropdown{width:auto;max-height:calc(100vh - 100px);position:fixed;top:72px;left:12px;right:12px}}.layout-wrapper{min-height:100vh;display:flex}.layout-content{flex-direction:column;flex:1;min-width:0;margin-left:220px;display:flex}.content-area{padding:var(--space-6);scrollbar-gutter:stable;flex:1;overflow-y:auto}.max-width-container{width:100%;max-width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background-color:#0000004d;animation:.2s ease-out fadeIn;position:fixed;inset:0}@media (width<=1024px){.layout-content{margin-left:0}.content-area{padding:var(--space-4)}}.page-container{gap:var(--space-5);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-titles{flex-direction:column;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.page-content{gap:var(--space-4);flex-direction:column;display:flex}.page-breadcrumb{align-items:center;gap:8px;margin-bottom:-8px;padding:0 4px;display:none}.bc-link{color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.bc-link:hover{color:var(--primary);background:#1665340d}.bc-current{color:var(--text-primary);padding:4px 8px;font-size:13px;font-weight:600}.bc-separator{color:var(--text-muted);opacity:.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px rgba(var(--primary-rgb), .2)}.btn-icon-only{flex-shrink:0;width:36px;min-width:36px;height:36px;padding:0}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--primary-light);color:var(--primary)}.btn-secondary:hover:not(:disabled){background-color:#d1fae5}.btn-outline{border-color:var(--border);color:var(--text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--background);border-color:var(--text-disabled)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--background);color:var(--text-primary)}.btn-danger{color:var(--error);background-color:#fee2e2}.btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-success{background-color:var(--primary-light);color:var(--primary);border-color:#22c55e33}.btn-success:hover:not(:disabled){background-color:#d1fae5}.btn-sm{padding:6px 12px;font-size:12px}.btn-md{padding:10px 18px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite btn-spin}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon-left,.btn-icon-right{justify-content:center;align-items:center;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi-card{cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:11px;min-width:0;padding:14px;transition:transform .15s,box-shadow .15s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:#718096;text-transform:uppercase;letter-spacing:.35px;font-size:9px;font-weight:700}.kpi-icon{color:#087443;background:#eaf4ef;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;display:flex}.kpi-value{color:#172033;margin-top:8px;font-size:19px;font-weight:750}.kpi-bottom{align-items:center;gap:6px;margin-top:7px;display:flex}.growth{color:#12824b;background:#e8f8ef;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:700}.growth.negative{color:#c81e1e;background:#fde8e8}.kpi-note{color:#8a96a7;font-size:8px}.grid-2{grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-equal{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.card{background:#fff;border:1px solid #dce2e9;border-radius:11px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card-header{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;min-height:54px;padding:12px 16px;display:flex}.card-body{flex:1;padding:15px 16px}.more{color:#7b8798;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:17px}.more:hover{background-color:#f1f5f9}.chart-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tabs{background:#f3f5f8;border-radius:6px;padding:2px;display:flex}.tab{color:#768294;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:600}.tab.active{color:#087443;background:#fff;font-weight:700;box-shadow:0 1px 3px #0000000f}.chart{height:185px;position:relative;overflow:hidden}.recharts-wrapper{font-family:inherit;font-size:8px!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#edf1f5!important}.recharts-text.recharts-cartesian-axis-tick-value{fill:#8290a1!important;font-size:8px!important}.growth-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mini-stat{background:#f8fafb;border:1px solid #e9edf1;border-radius:7px;padding:9px}.mini-stat-label{color:#7c8797;font-size:8px}.mini-stat-value{margin-top:4px;font-size:15px;font-weight:750}.category-total{border-bottom:1px solid #edf0f3;margin-bottom:9px;padding-bottom:12px}.category-total-label{color:#718096;text-transform:uppercase;font-size:8px;font-weight:700}.category-total-value{margin-top:2px;font-size:20px;font-weight:750}.category-row{margin-bottom:11px}.category-info{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:9px;display:flex}.category-name{font-weight:650}.category-meta{color:#738093;font-size:8px}.progress{background:#edf1f5;border-radius:10px;height:5px;overflow:hidden}.progress-bar{background:#087443;border-radius:10px;height:100%}.settlement-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.settlement-box{border:1px solid #e6eaf0;border-radius:8px;padding:12px}.settlement-label{color:#778394;text-transform:uppercase;font-size:8px;font-weight:700}.settlement-value{margin-top:5px;font-size:17px;font-weight:750}.settlement-money{color:#7b8797;margin-top:3px;font-size:9px}.table-wrapper{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#7b8797;text-transform:uppercase;background:#fafbfc;border-bottom:1px solid #e7ebf0;padding:8px 10px;font-size:8px;font-weight:750}.table td{color:#344054;border-bottom:1px solid #edf0f3;padding:10px;font-size:9px}.table tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:8px;display:flex}.avatar{color:#087443;background:#eaf4ef;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:9px;font-weight:750;display:flex}.user-name{color:#273244;font-weight:700}.user-email{color:#8994a4;margin-top:2px;font-size:7px}.badge{border-radius:5px;padding:3px 6px;font-size:7px;font-weight:700;display:inline-flex}.badge-active{color:#16804b;background:#eaf8f0}.badge-pending{color:#a66b00;background:#fff6df}.financial-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.financial-item{border:1px solid #e8ecf1;border-radius:7px;padding:10px}.financial-label{color:#7b8798;font-size:8px}.financial-value{margin-top:5px;font-size:16px;font-weight:750}.activity-list{flex-direction:column;gap:8px;display:flex}.activity{border:1px solid #e0e5eb;border-radius:8px;justify-content:space-between;align-items:center;min-height:49px;padding:8px 10px;display:flex}.activity-left{align-items:center;gap:9px;display:flex}.activity-icon{color:#2772e5;background:#eef4ff;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;display:flex}.activity-title{font-size:9px;font-weight:750}.activity-meta{color:#7f8b9b;margin-top:2px;font-size:7px}.activity-right{text-align:right}.activity-amount{font-size:10px;font-weight:750}.activity-time{color:#8994a4;margin-top:2px;font-size:7px}.alert{border:1px solid #e8ecf1;border-radius:8px;gap:9px;margin-bottom:8px;padding:10px;display:flex}.alert:last-child{margin-bottom:0}.alert-icon{color:#c27a00;background:#fff5df;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:flex}.alert-title{font-size:9px;font-weight:700}.alert-desc{color:#7d8998;margin-top:3px;font-size:8px}.health-item{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.health-item:last-child{border-bottom:none}.health-name{font-size:9px;font-weight:650}.health-status{color:#16804b;align-items:center;gap:5px;font-size:8px;font-weight:650;display:flex}.dot{background:#19a463;border-radius:50%;width:6px;height:6px}.view-all{color:#087443;cursor:pointer;font-size:9px;font-weight:700;transition:opacity .15s}.view-all:hover{opacity:.8}@media (width<=1250px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=850px){.grid-equal,.grid-3{grid-template-columns:1fr}}@media (width<=600px){.settlement-grid,.financial-list{grid-template-columns:1fr}.table{min-width:600px}}.table-recent-users th:first-child,.table-recent-users td:first-child{white-space:nowrap;width:70px}.table-recent-users th:nth-child(2),.table-recent-users td:nth-child(2){width:auto}.table-recent-users th:nth-child(3),.table-recent-users td:nth-child(3){width:35%}.table-recent-users th:nth-child(4),.table-recent-users td:nth-child(4){white-space:nowrap;width:110px}.table-top-groups th:first-child,.table-top-groups td:first-child{white-space:nowrap;width:70px}.table-top-groups th:nth-child(2),.table-top-groups td:nth-child(2){width:auto}.table-top-groups th:nth-child(3),.table-top-groups td:nth-child(3){width:150px}.table-top-groups th:nth-child(4),.table-top-groups td:nth-child(4),.table-top-groups th:nth-child(5),.table-top-groups td:nth-child(5){text-align:center;width:80px}.table-top-groups th:nth-child(6),.table-top-groups td:nth-child(6){white-space:nowrap;width:110px}.table-active-users th:first-child,.table-active-users td:first-child{white-space:nowrap;width:70px}.table-active-users th:nth-child(2),.table-active-users td:nth-child(2){width:auto}.table-active-users th:nth-child(3),.table-active-users td:nth-child(3),.table-active-users th:nth-child(4),.table-active-users td:nth-child(4){text-align:center;width:90px}.table-active-users th:nth-child(5),.table-active-users td:nth-child(5){text-align:right;width:100px;padding-right:16px}.quick-actions-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;height:100%;display:grid}.action-tile{cursor:pointer;color:#475569;text-align:center;background:#f8fafc;border:1px solid #e1e6ed;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.action-tile:hover{color:#087443;background:#f0fdf4;border-color:#087443;transform:translateY(-2px);box-shadow:0 4px 12px #08744314}.action-tile svg{color:#087443;margin-bottom:8px;transition:transform .18s}.action-tile:hover svg{transform:scale(1.1)}.action-tile span{white-space:nowrap;font-size:11px;font-weight:600}.owner-cell{flex-direction:column;line-height:1.35;display:flex}.owner-name{color:#172033;font-size:10px;font-weight:600}.owner-id{color:#7b8797;font-size:8px}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-sm{max-width:440px}.modal-md{max-width:600px}.modal-lg{max-width:840px}.modal-xl{max-width:1100px}.modal-header{border-bottom:1px solid var(--border);background-color:var(--surface);z-index:10;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.modal-title-container{flex:1}.modal-title-container h3,.modal-title-container{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.modal-close{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background-color:#f8fafc;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close:hover{color:#ef4444;background-color:#fee2e2;border-color:#fecaca;transform:rotate(90deg)}.modal-content{flex:1;padding:32px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background-color:#fbfcfe;justify-content:flex-end;align-items:center;gap:12px;padding:20px 32px;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.pagination-container{border-top:1px solid var(--border);border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card);background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-info span{color:var(--text-primary);font-weight:700}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--border);height:36px;color:var(--text-primary);cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;color:var(--text-disabled);border-color:var(--border);cursor:not-allowed}.pagination-number{border:1px solid var(--border);min-width:36px;height:36px;color:var(--text-primary);cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pagination-number:hover{background-color:#f8fafc;border-color:#cbd5e1}.pagination-number.active{background-color:var(--primary);border-color:var(--primary);color:#fff}@media (width<=640px){.pagination-container{text-align:center;flex-direction:column;padding:16px}.pagination-info{order:2}.pagination-controls{order:1;justify-content:center;width:100%}.pagination-number:not(.active){display:none}.pagination-number.active{display:flex}}.skeleton{background-color:#f1f5f9;position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{border-radius:4px;height:.8em;margin-top:.2em;margin-bottom:.2em}.skeleton-rect{border-radius:8px}.skeleton-circle{border-radius:50%}.card-container{background-color:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-combined);border:1px solid var(--border);flex-direction:column;display:flex;overflow:visible}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);display:flex}.card-titles{flex-direction:column;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.card-body{padding:var(--space-5);flex:1}.card-body.no-padding{padding:0}.badge{border-radius:var(--radius-badge);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex}.badge:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{color:#15803d;background-color:#22c55e1f}.badge-error{color:#b91c1c;background-color:#ef44441a}.badge-warning{color:#b45309;background-color:#f59e0b1a}.badge-info{color:#1d4ed8;background-color:#3b82f61a}.badge-primary{color:var(--primary);background-color:#1665341a}.badge-neutral{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.badge-outline{color:var(--text-secondary);border:1px solid var(--border);background-color:#0000}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-content{white-space:nowrap;z-index:10000;pointer-events:none;letter-spacing:.02em;text-transform:uppercase;background-color:#0f172a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;animation:.15s ease-out tooltip-in;position:absolute;box-shadow:0 10px 15px -3px #0000004d;color:#fff!important}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{border-width:6px 6px 0;border-color:#0f172a #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{border-width:0 6px 6px;border-color:#0000 #0000 #0f172a;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-width:6px 0 6px 6px;border-color:#0000 #0000 #0000 #0f172a;top:50%;left:100%;transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.tooltip-right .tooltip-arrow{border-width:6px 6px 6px 0;border-color:#0000 #0f172a #0000 #0000;top:50%;right:100%;transform:translateY(-50%)}.stats-card{border:1px solid var(--border);background:#fff;transition:all .15s;position:relative;overflow:hidden}.stats-card .card-body{padding:16px 20px!important}.stats-accent{border-top-left-radius:inherit;border-bottom-left-radius:inherit;opacity:.8;width:4px;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.stats-card:hover .stats-accent{opacity:1;width:6px}.stats-card.clickable{cursor:pointer}.stats-card:hover{border-color:#0000001f;box-shadow:0 4px 12px #00000008}.stats-main-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.stats-info{flex-direction:column;flex:1;gap:4px;min-width:0;margin-right:12px;display:flex}.stats-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px;font-weight:700}.stats-value-row{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex}.stats-value{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;margin:0;font-weight:800;line-height:1.2;overflow:hidden}.stats-trend{border-radius:6px;align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.stats-trend.up{color:var(--success);background-color:#22c55e1a}.stats-trend.down{color:var(--error);background-color:#ef44441a}.stats-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.stats-card:hover .stats-icon{box-shadow:0 2px 6px #00000008}.analytics-summary-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.analytics-charts-grid{gap:var(--space-6);grid-template-columns:1.4fr .6fr;display:grid}.range-select-container{align-items:center;display:flex;position:relative}.range-select{padding:var(--space-2) var(--space-4) var(--space-2) 36px;border-radius:var(--radius-input);background-color:var(--surface);color:var(--text-primary);cursor:pointer;appearance:none;min-width:160px;transition:var(--transition-fast);border:1px solid #00000014;outline:none;font-size:13.5px;font-weight:600}.range-select:hover{border-color:var(--primary)}.range-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16653414}.calendar-icon{color:var(--text-disabled);pointer-events:none;position:absolute;left:12px}.chart-container{width:100%;padding-top:20px;transition:opacity .3s}.area-chart-container{height:400px}.bar-chart-container,.pie-chart-container{height:320px}.compact-input{max-width:140px}.compact-input .input-label{margin-bottom:2px;font-size:10px}.compact-input .input-field{height:32px;padding:6px 10px;font-size:12px}@media (width<=1400px){.analytics-summary-grid{grid-template-columns:repeat(3,1fr)}}.analytics-flex-row{align-items:center;gap:var(--space-6);min-height:350px;display:flex}.category-details-list{flex-direction:column;flex:1;gap:12px;max-height:350px;padding:0 12px;display:flex;overflow-y:auto}.category-detail-item{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.category-detail-item:last-child{border-bottom:none}.color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.category-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;font-weight:500;overflow:hidden}.category-count{color:var(--text-primary);font-size:12px;font-weight:700}@media (width<=1200px){.analytics-flex-row{flex-direction:column}}@media (width<=1024px){.analytics-charts-grid{grid-template-columns:1fr}}@media (width<=640px){.analytics-summary-grid{grid-template-columns:1fr}}.input-group{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.input-label{color:var(--text-secondary);font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{border-radius:var(--radius-input);border:1px solid var(--border);background-color:var(--surface);width:100%;transition:var(--transition-fast);color:var(--text-primary);outline:none;padding:10px 14px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-field.input-error{border-color:var(--error)}.input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-icon-left{color:var(--text-disabled);align-items:center;display:flex;position:absolute;left:12px}.input-icon-right{color:var(--text-disabled);align-items:center;display:flex;position:absolute;right:12px}.input-field.has-left-icon{padding-left:38px}.input-field.has-right-icon{padding-right:38px}.input-error-message{color:var(--error);font-size:12px}.broadcast-page-container{flex-direction:column;gap:24px;animation:.3s ease-out forwards fadeIn;display:flex}.compose-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.compose-card h2,.sent-section h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:20px;font-size:16px;font-weight:700}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:#1e293b;font-size:13px;font-weight:600}.form-label span{color:#ef4444;margin-left:2px}.form-select,.form-input,.form-textarea{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.form-select:focus,.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-textarea{resize:vertical;min-height:100px}.dropzone{cursor:pointer;background-color:#fafafa;border:2px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:24px;transition:all .15s;display:flex}.dropzone:hover{background-color:#4f46e505;border-color:#4f46e5}.dropzone-icon{color:#94a3b8;margin-bottom:8px}.dropzone-text{color:#4f46e5;font-size:13.5px;font-weight:600}.dropzone-subtext{color:#64748b;margin-top:4px;font-size:11.5px}.image-preview-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:12px;display:flex}.image-preview{object-fit:cover;border-radius:6px;width:64px;height:64px}.image-preview-info{flex:1}.image-preview-name{color:#0f172a;font-size:13px;font-weight:600}.image-preview-size{color:#64748b;font-size:11px}.sent-list{flex-direction:column;gap:12px;display:flex}.sent-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.sent-item:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.sent-item-icon-box{color:#0f9f6e;background-color:#e8f8f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex;overflow:hidden}.sent-item-image{object-fit:cover;width:100%;height:100%}.sent-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sent-item-title{color:#0f172a;letter-spacing:-.01em;font-size:14.5px;font-weight:700}.sent-item-message{color:#475569;margin:0;font-size:13.5px;line-height:1.45}.sent-item-meta{color:#94a3b8;margin-top:2px;font-size:12px}.sent-item-actions{align-items:center;gap:12px;margin-left:16px;display:flex}.status-badge{color:#0f9f6e;background-color:#e8f8f2;border-radius:9999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.delete-action-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.delete-action-btn:hover{background-color:#fee2e2}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-split-layout{gap:32px;width:100%;padding:16px 0 100px;animation:.3s ease-out forwards fadeIn;display:flex}.notifications-nav-sidebar{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex-shrink:0;gap:8px;width:250px;height:fit-content;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.notifications-nav-tab{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.notifications-nav-tab:hover{color:#4f46e5;background-color:#f8fafc}.notifications-nav-tab.active{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.notifications-active-panel{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.switch-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.switch-label-group{flex-direction:column;gap:2px;display:flex}.switch-title{color:#0f172a;font-size:14px;font-weight:700}.switch-subtitle{color:#64748b;font-size:12px}.switch-btn{cursor:pointer;background-color:#e2e8f0;border:none;border-radius:9999px;outline:none;width:48px;height:26px;transition:background-color .2s;position:relative}.switch-btn.active{background-color:#10b981}.switch-thumb{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.switch-btn.active .switch-thumb{transform:translate(22px)}.info-alert{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.45;display:flex}.info-alert-text strong{color:#1d4ed8}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast-content{flex:1}.settings-container{margin-top:calc(var(--space-6) * -1);flex-direction:column;width:100%;display:flex}.settings-split-layout{gap:32px;width:100%;padding:32px 0 100px;animation:.3s cubic-bezier(.16,1,.3,1) settingsFadeIn;display:flex}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-nav-sidebar{background-color:var(--white);border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex-shrink:0;gap:8px;width:250px;height:fit-content;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.settings-nav-tab{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.settings-nav-tab:hover{color:#166534;background-color:#f8fafc}.settings-nav-tab.active{color:#166534;background-color:#e8f5ee;border-color:#c2e7d4}.settings-nav-tab svg{flex-shrink:0}.settings-active-panel{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.page-container-header h1{letter-spacing:-.025em!important;color:#0f172a!important;font-size:28px!important;font-weight:600!important}.settings-card{overflow:hidden;background-color:var(--surface)!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005!important}.settings-container .settings-card .card-header{border-bottom:1px solid #f1f5f9!important;padding:24px 24px 16px!important}.settings-container .settings-card .card-title{color:#0f172a!important;letter-spacing:-.015em!important;margin-bottom:0!important;font-size:16px!important;font-weight:600!important}.settings-container .settings-card .card-body{padding:24px!important}.form-grid{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-row.single-column-field{grid-template-columns:1fr;max-width:100%}.settings-container .input-field{color:#0f172a!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:10px!important;height:48px!important;padding:12px 16px!important;font-size:14px!important;transition:all .15s!important}.settings-container .input-field:focus{border-color:#166534!important;box-shadow:0 0 0 3px #1665341f!important}.settings-container .input-field::placeholder{color:#94a3b8!important}.settings-container .input-label{color:#374151!important;margin-bottom:8px!important;font-size:13px!important;font-weight:500!important}.settings-container .input-field.has-left-icon{padding-left:42px!important}.form-row-stacked-group{flex-direction:column;display:flex}.settings-sub-section-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:12px;font-size:13px;font-weight:600}.section-inner-divider{background-color:#f1f5f9;height:1px;margin:-4px 0!important}.form-grid-passwords{flex-direction:column;gap:20px;display:flex}.read-only-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.read-only-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.box-icon-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.box-icon-label svg{color:#94a3b8}.box-value{color:#334155;margin:0;font-size:13px;font-weight:700}.setting-toggle{justify-content:space-between;align-items:center;transition:all .15s;display:flex}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-title{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:600}.toggle-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.custom-toggle{cursor:pointer;background-color:#e2e8f0;border:1px solid #0000;border-radius:99px;flex-shrink:0;width:42px;height:22px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.custom-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.custom-toggle.active{background-color:#166534}.custom-toggle.active:after{transform:translate(20px)}.security-alert{background-color:#fffbeb;border:1px solid #fef3c7;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;display:flex}.security-alert-icon-container{background-color:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.security-alert-text p:first-child{color:#92400e;margin:0 0 2px;font-size:14px;font-weight:600}.security-alert-text p:last-child{color:#b45309;margin:0;font-size:13px;font-weight:500;line-height:1.45}.settings-select{background-color:var(--background);color:#0f172a;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 16px;font-size:15px;transition:all .15s}.settings-select:focus{border-color:#166534;box-shadow:0 0 0 3px #1665341f}.sticky-action-bar{-webkit-backdrop-filter:blur(12px);z-index:99;background-color:#ffffffd9;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;height:76px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpActionBar;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}@keyframes slideUpActionBar{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sticky-action-bar-inner{justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.sticky-action-bar-text{color:#374151;align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.sticky-action-bar-text svg.warn-icon{color:#f59e0b}.sticky-action-bar-actions{gap:12px;display:flex}.sticky-action-bar-actions button{border-radius:10px;height:44px;padding:0 20px;font-weight:600}.skeleton-pulsing{-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton-pulsing .skeleton-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.skeleton-pulsing .skeleton-title-line{background-color:#e2e8f0;border-radius:4px;width:200px;height:20px;animation:1.5s ease-in-out infinite pulseBg}.skeleton-pulsing .skeleton-form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.skeleton-pulsing .skeleton-form-group{flex-direction:column;gap:8px;display:flex}.skeleton-pulsing .skeleton-label-line{background-color:#e2e8f0;border-radius:4px;width:80px;height:14px;animation:1.5s ease-in-out infinite pulseBg}.skeleton-pulsing .skeleton-input-field{background-color:#e2e8f0;border-radius:10px;width:100%;height:48px;animation:1.5s ease-in-out infinite pulseBg}@keyframes pulseBg{0%{background-color:#f1f5f9}50%{background-color:#e2e8f0}to{background-color:#f1f5f9}}@media (width<=1024px){.read-only-grid{grid-template-columns:repeat(2,1fr)}.form-row.single-column-field{max-width:100%}}.field-edit-pencil-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;transition:all .15s;display:flex}.field-edit-pencil-btn:hover{color:#166534;background-color:#f1f5f9}.field-edit-pencil-btn.confirm{color:#166534}.field-edit-pencil-btn.confirm:hover{background-color:#16653414}@media (width<=768px){.settings-split-layout{padding:24px var(--space-4) 100px var(--space-4);flex-direction:column;gap:20px}.settings-nav-sidebar{flex-direction:row;gap:8px;width:100%;padding:8px;overflow-x:auto}.settings-nav-tab{white-space:nowrap;width:auto;padding:10px 14px}.form-row,.read-only-grid{grid-template-columns:1fr}.sticky-action-bar-inner{text-align:center;flex-direction:column;align-items:center;gap:12px}.sticky-action-bar{height:auto;padding:16px 0}.sticky-action-bar-actions{width:100%}.sticky-action-bar-actions button{flex:1}}.custom-toast{-webkit-backdrop-filter:blur(12px);z-index:9999;background-color:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;min-width:320px;max-width:400px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.custom-toast.success{border-left:4px solid #166534}.custom-toast.success .toast-icon{color:#166534;background-color:#1665341a}.custom-toast.error{border-left:4px solid #ef4444}.custom-toast.error .toast-icon{color:#ef4444;background-color:#ef44441a}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast-content{flex-direction:column;gap:2px;display:flex}.toast-title{color:#0f172a;margin:0;font-size:14px;font-weight:600}.toast-text{color:#64748b;margin:0;font-size:13px;line-height:1.4}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background-color:#0f172a66;justify-content:center;align-items:center;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.custom-modal{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:32px 24px 24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleInModal;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.modal-header-icon.success{color:#166534;background-color:#1665341a}.modal-title{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:600}.modal-text{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.5}.modal-actions{gap:12px;width:100%;display:flex}.modal-actions button{flex:1}.settings-active-panel button.btn-primary,.settings-active-panel .btn-primary,.settings-active-panel button.btn-primary .btn-content{color:#fff!important;background-color:#166534!important;border-color:#166534!important}.settings-active-panel button.btn-primary:hover,.settings-active-panel .btn-primary:hover{color:#fff!important;background-color:#14532d!important;border-color:#14532d!important}.settings-active-panel button.btn-primary:disabled,.settings-active-panel .btn-primary:disabled{color:#fff!important;opacity:.65!important;background-color:#166534!important;border-color:#166534!important}.settings-active-panel button.btn-primary svg,.settings-active-panel .btn-primary svg,.settings-active-panel button.btn-primary svg path,.settings-active-panel .btn-primary svg path{color:#fff!important;stroke:#fff!important;fill:none!important}.avatar{background-color:var(--primary-light);color:var(--primary);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{justify-content:center;align-items:center;display:flex}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:20px}.user-details-grid{gap:var(--space-6);grid-template-columns:380px 1fr;align-items:start;display:grid}.user-profile-header{align-items:center;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);display:flex}.user-profile-info h2{color:var(--text-primary);margin-bottom:var(--space-2);font-size:24px;font-weight:700}.status-group{gap:var(--space-2);display:flex}.user-contact-list{gap:var(--space-4);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:14px;display:flex}.contact-item svg{color:var(--text-disabled)}.stats-mini-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mini-stat{align-items:center;gap:var(--space-4);display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon.spent{color:var(--error);background-color:#fee2e2}.stat-icon.lent{color:var(--success);background-color:#dcfce7}.stat-text p{color:var(--text-secondary);margin-bottom:2px;font-size:12px}.stat-text h3{color:var(--text-primary);font-size:18px;font-weight:700}.user-secondary-info{gap:var(--space-6);flex-direction:column;display:flex}.activity-timeline{padding:var(--space-4);gap:var(--space-6);flex-direction:column;display:flex}.timeline-item{gap:var(--space-4);display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background-color:var(--border);width:2px;position:absolute;top:28px;bottom:-24px;left:13px}.timeline-icon{background-color:var(--background);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-content{flex-direction:column;gap:2px;display:flex}.activity-desc{color:var(--text-primary);font-size:14px;font-weight:500}.activity-time{color:var(--text-secondary);font-size:12px}@media (width<=1100px){.user-details-grid{grid-template-columns:1fr}}.activity-item-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000d;border-color:rgba(var(--primary-rgb), .3)!important;background-color:#fff!important}.group-card-hover:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000014;border-color:var(--primary)!important}.group-card-hover:active{transform:translateY(-1px);box-shadow:0 5px 10px #0000000d}.table-container{border-radius:var(--radius-card);width:100%;overflow:visible}.table-scroll-wrapper{width:100%;overflow:visible}@media (width<=1024px){.table-scroll-wrapper{overflow:auto visible}}.custom-table{border-collapse:separate;border-spacing:0;text-align:left;table-layout:auto;width:100%}.custom-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-card)}.custom-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-card)}.custom-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-card)}.custom-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-card)}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border);white-space:nowrap;background-color:#fbfcfe;padding:16px 20px;font-size:11px;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border);background-color:var(--surface);transition:var(--transition-fast);white-space:nowrap;padding:14px 20px;font-size:14px;overflow:visible}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#f8fafc}.table-loader,.table-empty{text-align:center;color:var(--text-secondary);padding:var(--space-12)!important}.clickable{cursor:pointer}.selected-row td{background-color:#f0fdf4!important}.table-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);border:1px solid var(--border);border-radius:4px}.actions-dropdown-container{display:inline-block;position:relative}.actions-menu-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.actions-menu-btn:hover{background-color:var(--background);color:var(--text-primary)}.actions-dropdown-menu{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:9999;flex-direction:column;min-width:180px;margin-top:4px;padding:6px 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001f,0 4px 8px #0000000f}.actions-dropdown-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.actions-dropdown-item:hover{background-color:var(--background)}.actions-dropdown-item.danger{color:var(--error)}.actions-dropdown-item.danger:hover{background-color:#ef44440d}.actions-dropdown-item.success{color:var(--success)}.actions-dropdown-item.success:hover{background-color:#22c55e0d}:root{--green:#16845b;--green-light:#eaf7f1;--text:#172033;--muted:#718096;--border:#e4e9ef;--bg:#f7f9fb;--white:#fff;--danger:#e54848}.card{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:10px;overflow:hidden}.table-header,.chat-row{grid-template-columns:70px 2.2fr 150px 170px 70px;align-items:center;display:grid}.table-header{border-bottom:1px solid var(--border);color:#637287;text-transform:uppercase;letter-spacing:.35px;background:#fafbfd;min-height:48px;padding:0 18px;font-size:11px;font-weight:700}.chat-row{border-bottom:1px solid var(--border);cursor:pointer;min-height:92px;padding:14px 18px;transition:background .15s}.chat-row:hover{background:#fbfcfd}.chat-row:last-child{border-bottom:none}.group{align-items:center;gap:12px;min-width:0;display:flex}.avatar{color:#fff;background:#19a873;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.avatar.pink{background:#ec4899}.avatar.orange{background:#f97316}.avatar.green{background:#10b981}.avatar.blue{background:#3b82f6}.group-name{color:#172033;font-size:14px;font-weight:700}.group-preview{color:#718096;white-space:nowrap;text-overflow:ellipsis;max-width:380px;margin-top:4px;font-size:12px;overflow:hidden}.status{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.status:before{content:"";border-radius:50%;width:6px;height:6px}.status.active{color:#087344;background:#e7f7ee}.status.active:before{background:#13a463}.status.inactive{color:#475569;background:#f2f4f7}.status.inactive:before{background:#98a2b3}.muted-text{color:#748197;font-size:13px;font-weight:600}.activity strong{color:#344054;font-size:12.5px;font-weight:700;display:block}.activity small{color:#8190a4;margin-top:3px;font-size:11px;display:block}.menu{color:#718096;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.menu:hover{background:#f2f4f7}.menu-btn-container{display:inline-block;position:relative}.overlay{z-index:100;background:#0f172a85;justify-content:center;align-items:center;padding:25px;display:none;position:fixed;inset:0}.overlay.show{display:flex}.modal{background:#fff;border-radius:16px;flex-direction:column;width:min(1450px,100%);height:min(820px,94vh);display:flex;overflow:hidden;box-shadow:0 25px 70px #00000038}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:74px;padding:15px 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-title{align-items:center;gap:9px;display:flex}.header-title h2{font-size:16px;font-weight:700}.meta{color:#748197;margin-top:5px;font-size:11px}.header-status{color:#087344;background:#e7f7ee;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700}.close{border:1px solid var(--border);color:#65758b;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.close:hover{background:#f8fafc}.audit-bar{border-bottom:1px solid var(--border);color:#526278;background:#f5f8fb;justify-content:space-between;align-items:center;min-height:38px;padding:0 20px;font-size:11px;display:flex}.audit-left{align-items:center;gap:7px;display:flex}.audit-icon{color:#64748b;font-size:14px}.refresh{border:1px solid var(--border);color:#475569;cursor:pointer;background:#fff;border-radius:7px;padding:6px 11px;font-size:11px}.refresh:hover{background:#f8fafc}.modal-body{flex:1;min-height:0;display:flex}.chat-panel{flex-direction:column;flex:1;min-width:0;display:flex}.chat-toolbar{border-bottom:1px solid var(--border);gap:8px;padding:12px 18px;display:flex}.chat-toolbar .search{border:1px solid #dfe5ec;border-radius:8px;outline:none;flex:1;height:38px;padding:0 12px;font-size:13px}.chat-toolbar .search:focus{border-color:#8abfa8}.chat-scroll{background:#fbfcfd;flex:1;padding:20px;overflow-y:auto}.date{z-index:10;border:1px solid var(--border);color:#69778a;background:#fff;border-radius:20px;width:fit-content;margin:4px auto 22px;padding:5px 11px;font-size:10px;font-weight:700;position:sticky;top:4px;box-shadow:0 2px 5px #0000000d}.message{max-width:420px;margin-bottom:14px}.message.right{margin-left:auto}.message-author{color:#344054;margin-bottom:5px;padding-left:3px;font-size:11px;font-weight:750}.message.right .message-author{text-align:right;padding-right:3px}.message-box{background:#fff;border:1px solid #e2e7ed;border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px #0f172a05}.message.right .message-box{background-color:#eaf7f1;border-color:#bbf7d0}.message-text{color:#273449;word-break:break-word;font-size:13px;line-height:1.5}.message-meta{color:#8a97a9;margin-top:7px;font-size:10px}.info-panel{border-left:1px solid var(--border);background:#fff;width:310px;overflow-y:auto}.info-section{border-bottom:1px solid var(--border);padding:18px}.section-title{letter-spacing:.04em;color:#344054;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:800}.info-row{justify-content:space-between;gap:15px;margin-bottom:11px;font-size:11px;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:#7b8798}.info-value{color:#263449;text-align:right;font-weight:600}.amount{color:#16845b}.member{align-items:center;gap:9px;margin-bottom:13px;display:flex}.member:last-child{margin-bottom:0}.member-avatar{color:#64748b;background:#eef2f6;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.member-info{flex:1;min-width:0}.member-name{color:#1e293b;font-size:11px;font-weight:700}.member-email{color:#8793a4;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.role{color:#637287;border:1px solid #dfe5eb;border-radius:12px;flex-shrink:0;padding:4px 7px;font-size:9px}.role.owner{color:#087344;background:#e7f4ed;border:none;font-weight:700}.media{flex-wrap:wrap;gap:8px;display:flex}.media-card{border:1px solid var(--border);background:#f7f8fa;border-radius:8px;width:70px;height:70px;overflow:hidden}.media-card img{object-fit:cover;width:100%;height:100%}.modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;min-height:62px;padding:12px 18px;display:flex}.footer-left,.footer-right{gap:8px;display:flex}.btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.btn:hover{background:#f7f9fb}.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#dc2626}.confirm{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.confirm.show{display:flex}.confirm-card{background:#fff;border-radius:14px;width:390px;padding:22px;box-shadow:0 20px 50px #0003}.confirm-card h3{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:750}.confirm-card p{color:#6b7789;margin-bottom:20px;font-size:12px;line-height:1.6}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.premium-dropdown-menu{z-index:95;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;min-width:160px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.premium-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.premium-dropdown-item:hover{color:#0f172a;background-color:#f1f5f9}.premium-dropdown-item.danger{color:#ef4444}.premium-dropdown-item.danger:hover{color:#dc2626;background-color:#fef2f2}.media-attachment-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:150px;margin-top:8px;overflow:hidden}.media-attachment-image-wrapper{cursor:pointer}.media-attachment-image-wrapper img{object-fit:cover;width:100%;height:100px}.media-attachment-footer{background-color:#f8fafc;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.media-meta-text{color:#64748b;font-size:9px}.media-action-buttons{gap:4px;display:flex}.media-action-buttons button,.media-action-buttons a{cursor:pointer;color:#64748b;background:0 0;border:none}.media-action-buttons button:hover,.media-action-buttons a:hover{color:#0f172a}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.audit-toast{color:#fff;z-index:20000;background-color:#0f172a;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #0000001a}.audit-toast-icon{color:#22c55e;align-items:center;display:flex}@media (width<=1100px){.info-panel{width:270px}.table-header,.chat-row{grid-template-columns:55px 2fr 110px 130px 45px}}@media (width<=800px){.sidebar{display:none}.main{padding:12px}.table-header{display:none}.chat-row{grid-template-columns:45px 1fr 80px;padding:15px}.chat-row>div:nth-child(3),.chat-row>div:nth-child(4),.chat-row>div:nth-child(6){display:none}.modal{height:96vh}.info-panel{display:none}.message{max-width:85%}.modal-footer{flex-wrap:wrap;gap:8px}}.login-page{background-color:var(--background);min-height:100vh;display:flex}.login-side-visual{background-color:var(--primary);background-image:radial-gradient(at 0 0,#14532d66 0,#0000 70%),radial-gradient(at 100% 100%,#064e3b66 0,#0000 70%);flex:1;padding:80px;display:none;position:relative;overflow:hidden}@media (width>=1024px){.login-side-visual{justify-content:center;align-items:center;display:flex}}.visual-overlay{opacity:.12;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.visual-content{z-index:10;max-width:520px;position:relative}.brand-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-text{letter-spacing:-.035em;color:#f8faf9;margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.15}.hero-text span{color:var(--primary-light)}.hero-subtext{color:#ffffffbf;margin-bottom:60px;font-size:18px;line-height:1.6}.visual-footer{border-top:1px solid #ffffff1a;padding-top:24px}.status-indicator{color:#fff9;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.status-dot{background-color:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #22c55e66}.login-side-form{background-color:var(--background);padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex}.form-wrapper{width:100%;max-width:400px}.form-header{margin-bottom:48px}.form-header h2{color:var(--text-primary);letter-spacing:-.025em;margin-bottom:10px;font-size:32px;font-weight:700}.form-header p{color:var(--text-secondary);font-size:15px}.auth-form{flex-direction:column;gap:32px;display:flex}.form-fields{flex-direction:column;gap:22px;display:flex}.form-utilities{justify-content:space-between;align-items:center;font-size:14px;display:flex}.custom-checkbox{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;padding-left:28px;font-weight:500;display:flex;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;position:absolute}.checkmark{background-color:var(--surface);border:1px solid var(--border);width:18px;height:18px;transition:var(--transition-fast);border-radius:4px;position:absolute;top:0;left:0}.custom-checkbox:hover input~.checkmark{border-color:var(--text-disabled)}.custom-checkbox input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.forgot-link{color:var(--primary);font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.form-footer{text-align:center;margin-top:64px}.form-footer p{color:var(--text-disabled);font-size:13px;font-weight:500}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-spin{animation:1s linear infinite spin}:root{--primary:#166534;--primary-rgb:22, 101, 52;--primary-dark:#14532d;--primary-light:#dcfce7;--background:#f8fafc;--surface:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-disabled:#94a3b8;--border:#d1d5db;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius-card:16px;--radius-button:10px;--radius-input:10px;--radius-badge:999px;--radius-sidebar:10px;--shadow-sm:0 1px 2px #00000005;--shadow-md:0 4px 10px #00000005;--shadow-lg:0 12px 40px #00000003;--shadow-combined:0 1px 2px #00000005, 0 4px 10px #00000005, 0 12px 40px #00000003;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--transition-fast:.2s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:600}button{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-family:inherit}button:hover{opacity:.9}input,textarea,select{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.container{max-width:100%;padding:0 var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.card-base{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-combined);border:1px solid var(--border)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}