:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#080c14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#111a2e,#080c14)}.glass-panel{background:#11182780;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px}.glass-card{background:#11182766;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-3px);border-color:#ffffff1a;box-shadow:0 10px 20px #0000004d}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;padding:7px 14px;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.form-input{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;padding:10px 14px;outline:none;font-size:.95rem;transition:border-color .2s ease;font-family:inherit}.form-input:focus{border-color:#10b981}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:8px 10px;color:#94a3b8;font-weight:500;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05);letter-spacing:.05em}.custom-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem}.custom-table tr:hover td{background:#ffffff03}.pos-up{color:#10b981;font-weight:500;display:inline-flex;align-items:center;gap:2px}.pos-down{color:#f43f5e;font-weight:500;display:inline-flex;align-items:center;gap:2px}.pos-neutral{color:#94a3b8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes loadingBar{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(250%)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.app-main{padding:0 10px 32px!important;width:calc(100% - 20px)!important}.app-header{margin:8px!important;padding:12px 14px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.header-left{gap:8px!important;flex-wrap:wrap!important}.header-left .checked-today-badge{margin-left:0!important}.header-right{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.header-nav{flex-wrap:wrap!important;gap:6px!important}.header-nav a,.header-nav .btn-secondary{flex:1 1 auto!important;justify-content:center!important;min-width:0!important;font-size:.8rem!important;padding:6px 10px!important}.header-actions{display:flex!important;gap:8px!important;align-items:center!important}.header-actions .btn-primary{flex:1!important;justify-content:center!important;font-size:.82rem!important;padding:8px 12px!important}.global-stats-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.global-stats-container>*:last-child{grid-column:1 / -1!important}.controls-panel{flex-direction:column!important;gap:10px!important}.controls-search{max-width:100%!important;width:100%!important}.controls-buttons{flex-wrap:wrap!important;gap:6px!important;width:100%!important}.controls-buttons>button,.controls-buttons>span{flex:1 1 auto!important;min-width:calc(50% - 6px)!important;justify-content:center!important;text-align:center!important;white-space:normal!important;font-size:.78rem!important;padding:7px 8px!important}.custom-table th,.custom-table td{font-size:.78rem!important;padding:5px!important;white-space:nowrap}.drawer-panel{width:100vw!important;max-width:100vw!important;border-left:none!important}.chain-details-header-panel{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.chain-details-title{font-size:1.1rem!important;word-break:break-all!important}.chain-details-tabs{flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important}.chain-details-tabs>button{display:flex!important;width:100%!important;justify-content:flex-start!important;text-align:left!important;padding:10px 12px!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.chain-details-tabs>button.btn-primary{justify-content:center!important;text-align:center!important;margin-left:0!important}.chain-details-tabs>button.btn-secondary:last-child{justify-content:center!important;text-align:center!important;margin-left:0!important}.glass-card:hover{transform:none!important}}@media (max-width: 480px){.app-header{margin:6px!important;padding:10px 12px!important}.global-stats-container{grid-template-columns:1fr 1fr!important}.controls-buttons>button,.controls-buttons>span{min-width:100%!important}}@keyframes buttonShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-primary.btn-loading{background:linear-gradient(270deg,#10b981,#059669,#047857,#10b981)!important;background-size:400% 400%!important;animation:buttonShimmer 2s ease infinite!important;box-shadow:0 0 15px #10b98166!important;border-color:#10b98166!important;color:#fff!important}
