@import url("https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-deep:#060a12;--bg-surface:#0c1220;--bg-card:#111a2e;--bg-card-hover:#162038;--green:#00e676;--green-dim:#00e67633;--green-glow:#00e67622;--gold:#f0b429;--gold-dim:#f0b42933;--red:#ff5252;--blue:#4fc3f7;--cyan:#26c6da;--text:#e2e8f0;--text-muted:#7a8ba8;--text-dim:#7a8ba8;--border:#1e293b;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"Space Mono",monospace}body{background-color:var(--bg-deep);color:var(--text);font-family:var(--font-body);padding-top:140px}a{color:inherit;text-decoration:none}.container{max-width:1800px;margin:0 auto;padding:24px}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--green);color:var(--bg-deep)}.btn-primary:hover{background:#33eb91;transform:translateY(-2px);box-shadow:0 8px 32px var(--green-dim)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:600}.btn-secondary:hover{border-color:var(--green);color:var(--green)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:rgba(255,82,82,.1)}.btn-sm{font-size:13px;padding:8px 16px;border-radius:8px}.btn-xs{font-size:12px;padding:4px 12px;border-radius:6px}.btn-edit{background:var(--blue);color:var(--bg-deep)}.btn-edit:hover{background:#7dd3fc;transform:translateY(-2px);box-shadow:0 6px 24px rgba(79,195,247,.35)}.chevron{width:10px;height:10px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);transition:transform .2s ease;margin-right:20px;margin-top:-4px}.chevron-open{transform:rotate(-45deg)}[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.input{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-family:var(--font-body);font-size:15px;color:var(--text);width:100%}.input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.input::placeholder{color:var(--text-dim)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:20px;transition:all .3s}.card:hover{border-color:var(--green);box-shadow:0 12px 48px rgba(0,0,0,.3),0 0 0 1px var(--green-glow)}body:has(.react-datepicker__portal) .card:hover{border-color:var(--border);box-shadow:none}.card-static{border:1px solid var(--border);padding:28px}.card-static,.table{background:var(--bg-card);border-radius:16px}.table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid var(--border)}.table td,.table th,.table tr{padding:12px 16px;text-align:left}.table th,.table tr{border-bottom:1px solid var(--border)}.table th{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--green);background-color:transparent}.table tr:hover{background-color:var(--bg-card-hover)}.table tr:last-child td{border-bottom:none}.pagination{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;padding:16px 20px;background:var(--bg-surface);border-radius:12px;border:2px solid var(--green)}.pagination,.pagination button{align-items:center;justify-content:center}.pagination button{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:44px;min-height:40px;padding:10px 20px;display:inline-flex;color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--green);color:var(--green);box-shadow:0 0 0 1px var(--green-glow)}.pagination button:disabled{opacity:.45;cursor:not-allowed;color:var(--text-dim);background:var(--bg-deep);border-color:var(--border)}.pagination .active{background-color:var(--green);color:var(--bg-deep);border-color:var(--green);font-weight:700}.pagination>span{color:var(--text);font-size:14px;font-weight:500;letter-spacing:.02em}.filters{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.loading{text-align:center;padding:40px}.loading,.page-loading{color:var(--text-muted)}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.page-loading--compact{min-height:280px}.page-loading__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:page-loading-spin .8s linear infinite}.page-loading__text{margin:0;font-size:15px;font-family:var(--font-body)}@keyframes page-loading-spin{to{transform:rotate(1turn)}}.error{background-color:rgba(255,82,82,.12);color:var(--red)}.error,.success{padding:15px;border-radius:10px;margin-bottom:20px}.success{background-color:var(--green-dim);color:var(--green)}.date-picker-wrapper{width:100%;min-width:150px}.date-picker-wrapper .react-datepicker__input-container input{padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;min-width:200px;cursor:pointer;background:var(--bg-card);color:var(--text);font-family:var(--font-body)}.date-picker-wrapper .react-datepicker__input-container input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.date-picker-wrapper .react-datepicker__input-container input::placeholder{color:var(--text-muted)}.btn-secondary,.date-picker-wrapper .react-datepicker__input-container input,.input,select{border-color:var(--text-muted)}select,select.input{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-family:var(--font-body);font-size:15px;color:var(--text);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:var(--green)}select.input:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}select option,select.input option{background:var(--bg-card);color:var(--text);padding:10px 14px}select option:checked,select.input option:checked{background:var(--green-dim);color:var(--green);font-weight:600}select option:hover,select.input option:hover{background:var(--bg-card-hover)}@media (max-width:768px){.card,.container{padding:15px}.card{margin-bottom:15px}.btn{padding:12px 16px;font-size:14px;min-height:44px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.table td,.table th{padding:8px;font-size:13px}.table-mobile-cards{display:none}.filters{gap:10px}.filter-group{flex:1 1 100%;min-width:100%}.pagination{flex-wrap:wrap;gap:8px}.pagination button{padding:10px 14px;font-size:14px;min-height:44px}.pagination span{width:100%;text-align:center;font-size:14px;padding:10px 0}pre{font-size:12px;padding:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.date-picker-wrapper .react-datepicker__input-container input{min-width:100%;width:100%}.stats-container{display:flex;flex-direction:column;gap:10px}.stats-container span{display:block;margin-right:0!important;margin-bottom:5px}}@media (min-width:769px) and (max-width:1024px){.container{padding:18px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.filters{gap:12px}.filter-group{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 12px);min-width:calc(50% - 12px)}}@media (min-width:481px){.table-wrapper{display:block}.table-mobile-cards{display:none}}@media (max-width:480px){.container{padding:10px}.card{padding:12px}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:14px!important}.btn{padding:10px 14px;font-size:13px}pre{font-size:11px!important;padding:15px!important;max-height:600px!important}.table td>div{flex-direction:column}.table td>div>button{width:100%;margin-bottom:5px}.table-mobile-cards{display:block}.table-wrapper{display:none}.mobile-card-row{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.mobile-card-row-header{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;margin-bottom:5px;margin-top:12px}.mobile-card-row-header:first-child{margin-top:0}.mobile-card-row-value{color:var(--text);font-size:14px;margin-bottom:10px;word-break:break-word}.mobile-card-row-value--with-chevron{display:flex;align-items:center;gap:8px}.mobile-card-row-actions{margin-top:15px;padding-top:15px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.mobile-card-row-actions button{width:100%}}