*{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}:root{--bg-primary: #020408;--bg-secondary: #05101a;--bg-tertiary: #081826;--bg-card: rgba(8, 24, 38, .7);--bg-hover: #0c2538;--text-primary: #e0f2ff;--text-secondary: #65d6ce;--text-muted: #3a5c66;--border-color: rgba(0, 255, 242, .2);--border-light: rgba(0, 255, 242, .1);--accent: #00d2c6;--accent-hover: #00fff2;--accent-light: rgba(0, 210, 198, .1);--accent-glow: 0 0 10px rgba(0, 210, 198, .4);--accent-secondary: #ff0055;--danger: #ff2a2a;--warning: #ffb700;--success: #00ff9d;--info: #00a8ff;--sidebar-width: 260px;--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f5f5f8;--bg-tertiary: #ebebf0;--bg-card: #ffffff;--bg-hover: #f0f0f5;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8a8aa8;--border-color: #d8d8e8;--border-light: #e8e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}.page-btn.active{background:#00fff233;border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #00fff233}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:cover;background-position:center center;background-attachment:fixed}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-tech{background:#00fff21a;border:1px solid var(--accent);color:var(--accent);transition:all .3s}.btn-tech:hover{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent)}.btn-tech-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .3s}.btn-tech-secondary:hover{background:#ffffff1a;border-color:var(--text-primary);color:var(--text-primary)}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--accent);background:#00fff21a;transform:scale(1.1)}.page-header{background-size:cover;background-position:center;padding:30px 40px;border-radius:4px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(0,255,242,.3);box-shadow:0 0 20px #00000080;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020408cc,#02040866,#020408cc);z-index:1}.page-title{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:2;text-shadow:0 0 10px var(--accent);display:flex;align-items:center;gap:15px}.page-title:before{content:"";display:block;width:6px;height:30px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.page-actions{position:relative;z-index:2}.card{background:linear-gradient(135deg,#081826e6,#05101acc);border:1px solid rgba(0,255,242,.1);box-shadow:0 4px 20px #00000080;padding:24px;border-radius:4px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:relative;margin-bottom:24px}.card:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--accent);opacity:.6}.card:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:2px;background:var(--accent);opacity:.6}.table-container{overflow-x:auto;background:transparent;padding:0}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{background:#00fff20d;color:var(--accent);text-transform:uppercase;font-size:12px;letter-spacing:1px;padding:16px;font-weight:600;text-align:left;border-bottom:1px solid var(--accent-light)}.table td{background:#0a192d99;color:var(--text-primary);padding:16px;font-size:14px;border-top:1px solid rgba(0,255,242,.1);border-bottom:1px solid rgba(0,255,242,.1);transition:all .2s}.table tr td:first-child{border-left:2px solid transparent;border-top-left-radius:4px;border-bottom-left-radius:4px}.table tr td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.table tr:hover td{background:#00fff20d;border-top-color:var(--accent);border-bottom-color:var(--accent);position:relative;z-index:1}.table tr:hover td:first-child{border-left-color:var(--accent)}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 5px #0003}.status-success{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3);box-shadow:0 0 5px #0f83}.status-pending{background:#ffb70026;color:#ffb700;border:1px solid rgba(255,183,0,.3);box-shadow:0 0 5px #ffb70033}.status-failed{background:#ff2a2a26;color:#ff2a2a;border:1px solid rgba(255,42,42,.3);box-shadow:0 0 5px #ff2a2a33}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.input,select,textarea{width:100%;padding:10px 14px;font-size:14px;background:#05101acc!important;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)!important;transition:all var(--transition-fast)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00fff21a}.input::placeholder{color:var(--text-muted)}select option{background:#05101a;color:var(--text-primary)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:9999px}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 24px;display:flex;flex-direction:column;gap:8px}.stat-card .stat-label{font-size:13px;color:var(--text-secondary)}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--text-primary)}.stat-card .stat-change{font-size:12px;display:flex;align-items:center;gap:4px}.stat-card .stat-change.positive{color:var(--success)}.stat-card .stat-change.negative{color:var(--danger)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#020408}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px;opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@media(max-width:768px){:root{--sidebar-width: 0px}.hide-mobile{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.page-actions{width:100%;display:flex;gap:10px}.page-actions .btn{flex:1}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left,.toolbar-right{flex-direction:column;width:100%;gap:10px}.toolbar .input,.toolbar .select,.toolbar .btn{width:100%;min-width:0}.search-box,.search-box .input{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px;width:calc(100% + 48px)}.table th,.table td{white-space:nowrap}.card{padding:16px}.summary-bar{flex-direction:column;gap:12px;align-items:stretch}.summary-item{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:8px}.summary-item:last-child{border-bottom:none;padding-bottom:0}.date-separator{display:none}.date-input{width:100%!important}.pagination{flex-direction:column;gap:12px}.pagination-controls{order:-1}}.quick-filters{display:flex;gap:8px;margin-top:4px}.btn-filter-tag{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.btn-filter-tag:hover{border-color:var(--accent);color:var(--accent);background:#00fff20d}.btn-filter-tag.active{background:#00fff21a;border-color:var(--accent);color:var(--accent);font-weight:500}.skeleton[data-v-48c04794]{background:var(--bg-tertiary);background-image:linear-gradient(90deg,var(--bg-tertiary) 0px,var(--bg-hover) 40px,var(--bg-tertiary) 80px);background-size:600px;animation:shine-lines-48c04794 1.6s infinite linear;display:inline-block}@keyframes shine-lines-48c04794{0%{background-position:-100px}40%,to{background-position:140px}}