@keyframes spin-anim{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button,input,textarea,select{font-family:inherit}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:#060c18;color:#eef2ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a3050;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#4a6482}::selection{background:#6366f11f;color:#eef2ff}.page-root{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;animation:fade-in .2s ease both}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 28px;background:#0c1525;border:1px solid #1a3050;border-radius:16px;position:relative;overflow:hidden;margin-bottom:2rem}.page-header:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px 0 0 16px}.page-header:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}}.page-header .header-content h1{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#c7d2fe,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}@media (max-width: 480px){.page-header .header-content h1{font-size:1.5rem}}.page-header .header-content p{font-size:.875rem;color:#8ba4be;margin-top:5px}.page-header .header-actions,.page-header .header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:9999px;font-size:.875rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .13s ease;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 12px #6366f14d}.add-button:disabled{opacity:.45;cursor:not-allowed}.add-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.add-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f140}.add-button svg{flex-shrink:0}@media (max-width: 480px){.add-button{width:100%;justify-content:center}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#0c1525;border:1px solid #1a3050;border-radius:16px;display:flex;align-items:center;gap:14px;padding:18px 20px;position:relative;overflow:hidden;transition:transform .13s ease,box-shadow .13s ease;cursor:default}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:16px 0 0 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-card.active:before{background:linear-gradient(135deg,#34d399,#10b981)}.stat-card.passive:before{background:linear-gradient(135deg,#f87171,#ef4444)}.stat-card.satilan:before{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.stat-card.alinan:before{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;background:#6366f11f;color:#6366f1}.stat-card.active .stat-icon{background:#34d3991a;color:#34d399}.stat-card.passive .stat-icon{background:#f871711a;color:#f87171}.stat-card.satilan .stat-icon{background:#22d3ee1a;color:#22d3ee}.stat-card.alinan .stat-icon{background:#fbbf241a;color:#fbbf24}.stat-card .stat-body{min-width:0}.stat-card .stat-value{display:block;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:#eef2ff}.stat-card.active .stat-value{color:#34d399}.stat-card.passive .stat-value{color:#f87171}.stat-card.satilan .stat-value{color:#22d3ee}.stat-card.alinan .stat-value{color:#fbbf24}.stat-card .stat-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#4a6482;margin-top:3px}.filters-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:220px;max-width:480px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#4a6482;pointer-events:none;flex-shrink:0}.search-box .search-input{width:100%;background:#111e30;border:1px solid #1a3050;color:#eef2ff;font-size:.875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .13s ease,box-shadow .13s ease;padding:10px 14px 10px 44px;border-radius:9999px;background:#0c1525}.search-box .search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.search-box .search-input::placeholder{color:#4a6482}.table-container{background:#0c1525;border:1px solid #1a3050;border-radius:16px;overflow:hidden}.table-container table{width:100%;border-collapse:collapse}.table-container table thead tr{background:#111e30}.table-container table thead tr th{padding:12px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#4a6482;text-align:left;white-space:nowrap;border-bottom:2px solid #1a3050}.table-container table thead tr th:first-child{padding-left:24px}.table-container table tbody tr{border-bottom:1px solid #0f1c2e;transition:background .13s ease}.table-container table tbody tr:last-child{border-bottom:none}.table-container table tbody tr:hover{background:#6366f10a}.table-container table tbody tr:hover td:first-child{border-left-color:#6366f1}.table-container table tbody td{padding:14px 20px;font-size:.875rem;color:#eef2ff;vertical-align:middle}.table-container table tbody td:first-child{border-left:3px solid transparent;padding-left:21px;transition:border-color .13s ease}@media (max-width: 768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.actions-cell,.actions-inner{display:flex;align-items:center;gap:6px}.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#111e30;cursor:pointer;transition:all .13s ease;flex-shrink:0}.action-button.view{color:#6366f1}.action-button.view:hover{background:#6366f11f;transform:scale(1.12)}.action-button.edit{color:#fbbf24}.action-button.edit:hover{background:#fbbf241a;transform:scale(1.12)}.action-button.delete{color:#f87171}.action-button.delete:hover{background:#f871711a;transform:scale(1.12)}.action-button.print{color:#4a6482}.action-button.print:hover{background:#6366f11f;color:#6366f1;transform:scale(1.12)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:700;white-space:nowrap}.status-badge.active{background:#34d3991a;color:#34d399}.status-badge.passive{background:#f871711a;color:#f87171}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;min-height:360px;background:#0c1525;border:1px solid #1a3050;border-radius:16px;color:#8ba4be}.loading-state .spinner,.error-state .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:spin-anim .85s linear infinite}.loading-state p,.error-state p{font-size:.875rem;color:#8ba4be}.loading-state svg,.error-state svg{color:#4a6482;opacity:.5}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;padding:3rem;color:#4a6482}.empty-state svg{opacity:.22}.empty-state p{font-size:1rem;color:#8ba4be;text-align:center;max-width:320px}.retry-button,.retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:9999px;font-size:.875rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .13s ease;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 12px #6366f14d}.retry-button:disabled,.retry-btn:disabled{opacity:.45;cursor:not-allowed}.retry-button:hover:not(:disabled),.retry-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.retry-button:active:not(:disabled),.retry-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f140}.empty-val{color:#4a6482}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:1rem 0;flex-wrap:wrap}.pagination-button{display:inline-flex;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9999px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .13s ease;white-space:nowrap;background:#111e30;color:#8ba4be;border:1px solid #1a3050;padding:8px 16px;font-size:.875rem;display:flex;align-items:center;gap:6px}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.pagination-button:hover:not(:disabled){background:#172336;color:#eef2ff;border-color:#6366f166}.pagination-numbers{display:flex;gap:4px;flex-wrap:wrap}.pagination-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #1a3050;background:transparent;color:#8ba4be;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .13s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pagination-number:hover:not(:disabled):not(.ellipsis){background:#172336;color:#eef2ff}.pagination-number.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 10px #6366f159;font-weight:700}.pagination-number.ellipsis{cursor:default;color:#4a6482;border-color:transparent;background:transparent}.filters-bar{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;padding:16px 20px;background:#0c1525;border:1px solid #1a3050;border-radius:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:0}.filter-group.filter-search{flex:1;min-width:220px}.filter-group.filter-search .search-box{max-width:none}.filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#4a6482}.filter-select{width:100%;background:#111e30;border:1px solid #1a3050;border-radius:12px;color:#eef2ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .13s ease,box-shadow .13s ease;font-size:.875rem;padding:8px 30px 8px 12px;min-width:130px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a6482' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.filter-select::placeholder{color:#4a6482}.filter-select.small{min-width:76px}.filter-input{width:100%;background:#111e30;border:1px solid #1a3050;border-radius:12px;color:#eef2ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:border-color .13s ease,box-shadow .13s ease;font-size:.875rem;padding:8px 12px;min-width:110px}.filter-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.filter-input::placeholder{color:#4a6482}.date-range,.amount-range{display:flex;align-items:center;gap:6px}.date-sep{color:#4a6482;font-size:11px;flex-shrink:0}.result-info{font-size:11px;color:#4a6482;font-weight:600;letter-spacing:.02em}.apply-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9999px;font-size:.875rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .13s ease;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 12px #6366f14d;padding:9px 16px}.apply-btn:disabled{opacity:.45;cursor:not-allowed}.apply-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.apply-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f140}.avatar,.bayi-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #6366f140}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#111e30;border:1px solid #1a3050;border-radius:9999px;color:#4a6482;cursor:pointer;transition:all .13s ease;flex-shrink:0}.icon-btn:hover:not(:disabled){color:#eef2ff;background:#172336;border-color:#6366f1}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn svg.spinning{animation:spin-anim .8s linear infinite}.seg-ctrl{display:flex;background:#111e30;border:1px solid #1a3050;border-radius:9999px;padding:3px;gap:2px}.seg-btn{padding:5px 14px;font-size:.75rem;font-weight:600;color:#4a6482;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .13s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.seg-btn:hover{color:#eef2ff}.seg-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f140}.period-tabs{display:flex;background:#111e30;border:1px solid #1a3050;border-radius:9999px;padding:3px;gap:2px}.period-tab{padding:6px 14px;font-size:.75rem;font-weight:600;color:#4a6482;background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .13s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap}.period-tab:hover{color:#eef2ff}.period-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f140}