:root{color:#f4f7ff;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgb(22 82 240 / 14%),transparent 28rem),#080d18}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgb(92 146 255 / 55%);outline-offset:2px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.centered-page{display:grid;min-height:100vh;place-items:center}.eyebrow{margin:0 0 .65rem;color:#6495ff;font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.muted{color:#8e9bb0}.brand-mark{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.8rem;color:#fff;background:linear-gradient(145deg,#3275ff,#1245d8);box-shadow:0 .75rem 2rem #1652f047;font-weight:850}.brand-mark.large{width:4rem;height:4rem;margin-bottom:2rem;border-radius:1.2rem;font-size:1.5rem}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(20rem,1fr) minmax(30rem,.9fr)}.login-brand,.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,7vw,7rem)}.login-brand{position:relative;overflow:hidden;border-right:1px solid #172033;background:linear-gradient(150deg,#0c162b6b,#080d18f5),radial-gradient(circle at 25% 38%,rgb(22 82 240 / 30%),transparent 20rem)}.login-brand:after{position:absolute;width:26rem;height:26rem;right:-13rem;bottom:-13rem;border:1px solid rgb(69 118 244 / 18%);border-radius:50%;box-shadow:0 0 0 5rem #1652f00a,0 0 0 10rem #1652f008;content:""}.login-brand h1{max-width:42rem;margin:0;font-size:clamp(3.3rem,7vw,6.7rem);letter-spacing:-.065em;line-height:.95}.login-description{max-width:37rem;margin:1.7rem 0 0;color:#a6b2c5;font-size:clamp(1rem,2vw,1.22rem);line-height:1.75}.security-note{display:flex;align-items:center;gap:.6rem;margin-top:2.5rem;color:#7f8da4;font-size:.82rem}.security-note span{color:#36d695;font-size:.6rem}.login-panel{align-items:center;background:#090f1bb3}.login-card{width:min(100%,27rem);padding:clamp(1.6rem,4vw,2.5rem);border:1px solid #202b40;border-radius:1.35rem;background:#0e1626eb;box-shadow:0 2rem 6rem #00000047}.login-card h2{margin:0;font-size:1.75rem;letter-spacing:-.03em}.login-card>.muted{margin:.65rem 0 2rem;font-size:.91rem;line-height:1.55}.login-card form{display:flex;flex-direction:column}.login-card label{margin:0 0 .55rem;color:#c8d1df;font-size:.83rem;font-weight:650}.login-card input{width:100%;min-height:3.15rem;margin-bottom:1.25rem;padding:0 .9rem;border:1px solid #2a374e;border-radius:.7rem;color:#eef3fc;background:#0a1120;transition:border-color .16s ease,box-shadow .16s ease}.login-card input:hover{border-color:#3d4c65}.login-card input:focus{border-color:#3979ff;box-shadow:0 0 0 3px #1652f024}.password-field{position:relative}.password-field input{padding-right:5.2rem}.password-toggle{position:absolute;top:.55rem;right:.55rem;padding:.45rem .55rem;border:0;color:#7fa4ff;background:transparent;font-size:.76rem;font-weight:700}.form-message{min-height:1.4rem;margin:-.5rem 0 .65rem;color:#ff8d95;font-size:.82rem}.primary-button,.secondary-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.55rem;border-radius:.68rem;font-weight:720;transition:background .16s ease,border-color .16s ease,transform .16s ease}.primary-button{border:1px solid #2869f5;color:#fff;background:#1652f0}.primary-button:hover:not(:disabled){background:#2868f4;transform:translateY(-1px)}.secondary-button{padding:0 1rem;border:1px solid #2a374d;color:#dce5f4;background:#111a2a}.secondary-button:hover:not(:disabled){border-color:#41516c;background:#172235}.secondary-button.compact{min-height:2.15rem;padding:0 .75rem;font-size:.78rem}.full-width{width:100%}.loading-indicator{display:inline-flex;align-items:center;gap:.65rem;color:inherit}.spinner{width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;min-height:100vh;grid-template-columns:16.5rem minmax(0,1fr)}.sidebar{position:sticky;z-index:20;top:0;display:flex;height:100vh;flex-direction:column;border-right:1px solid #182236;background:#0b111e}.sidebar-brand{display:flex;min-height:5.25rem;align-items:center;gap:.85rem;padding:0 1.3rem;border-bottom:1px solid #182236}.sidebar-brand div:last-child{display:flex;flex-direction:column;gap:.12rem}.sidebar-brand strong{font-size:.94rem}.sidebar-brand span{color:#6f7d93;font-size:.68rem}.sidebar nav{display:flex;flex:1;flex-direction:column;padding:1.4rem .8rem}.nav-label{margin:0 .6rem .75rem;color:#59667b;font-size:.64rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.sidebar a,.logout-link{display:flex;min-height:2.8rem;align-items:center;gap:.8rem;margin-bottom:.18rem;padding:0 .85rem;border:0;border-radius:.65rem;color:#8795aa;background:transparent;font-size:.85rem;font-weight:580;text-align:left;text-decoration:none}.sidebar a:hover,.logout-link:hover{color:#e5ebf5;background:#121c2c}.sidebar a.active{color:#fff;background:linear-gradient(90deg,#1652f03d,#1652f014);box-shadow:inset 3px 0 #3979ff}.nav-icon{display:inline-grid;width:1.25rem;place-items:center;color:#7195ec;font-size:1rem}.logout-link{width:calc(100% - 1.6rem);margin:.8rem;border-top:1px solid #1a2538;border-radius:0}.sidebar-backdrop{display:none}.app-content{min-width:0}.app-header{position:sticky;z-index:10;top:0;display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1.25rem,3vw,2.6rem);border-bottom:1px solid #182236;background:#080d18db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-title{display:flex;align-items:center;gap:1rem}.header-title>strong{display:none}.environment-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border:1px solid #26344c;border-radius:99px;color:#99a8bb;background:#111a29;font-size:.7rem;font-weight:650}.environment-badge i,.overall-dot,.status-pill i{width:.42rem;height:.42rem;border-radius:50%;background:#36d695;box-shadow:0 0 0 3px #36d6951a}.user-menu{display:flex;align-items:center;gap:.65rem}.avatar{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid #33415a;border-radius:50%;color:#bed0f6;background:#18243a;font-size:.76rem;font-weight:800}.username{max-width:12rem;overflow:hidden;font-size:.82rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.menu-button{display:none;width:2.5rem;height:2.5rem;border:1px solid #29364c;border-radius:.6rem;color:#dce5f5;background:#111a29}.content-area{width:min(100%,92rem);margin:0 auto;padding:clamp(1.6rem,4vw,3.2rem)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.page-heading h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.045em}.page-heading>div>p:last-child{margin:.7rem 0 0;color:#8391a6;line-height:1.6}.update-line{display:flex;min-height:3.5rem;align-items:center;gap:.55rem;margin-top:1.25rem;border-bottom:1px solid #182236;color:#6f7e93;font-size:.75rem}.dashboard-alert{padding:.85rem 1rem;border:1px solid rgb(255 158 91 / 25%);border-radius:.7rem;color:#ffb07a;background:#ff9e5b12;font-size:.82rem}.status-grid{display:grid;margin-top:1.6rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.status-card{min-height:13.5rem;padding:1.25rem;border:1px solid #1d293d;border-radius:.9rem;background:linear-gradient(145deg,#111b2deb,#0b121feb),#0f1828;box-shadow:0 1rem 3rem #00000017;transition:border-color .16s ease,transform .16s ease}.status-card:hover{border-color:#2d3d57;transform:translateY(-2px)}.status-card-header{display:flex;align-items:center;justify-content:space-between}.service-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #2a3b57;border-radius:.65rem;color:#79a1ff;background:#1652f01a;font-size:.68rem;font-weight:850;letter-spacing:-.03em}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .52rem;border-radius:99px;font-size:.65rem;font-weight:750}.status-pill.status-online{color:#62dca8;background:#36d69517}.status-pill.status-degraded{color:#ffb76d;background:#ffa64c1a}.status-pill.status-degraded i{background:#ffa64c}.status-pill.status-offline{color:#ff8b93;background:#ff69731a}.status-pill.status-offline i{background:#ff6973}.status-pill.status-loading{color:#9cabc0;background:#9cabc017}.status-pill.status-loading i{background:#8997aa;animation:pulse 1s ease infinite}@keyframes pulse{50%{opacity:.35}}.status-card h3{margin:1.15rem 0 .45rem;font-size:1rem;letter-spacing:-.015em}.status-card>p{margin:0;color:#78879c;font-size:.77rem;line-height:1.55}.metric-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.8rem;padding-top:.7rem;border-top:1px solid #1f2b3f}.metric-list span{display:flex;justify-content:space-between;gap:1rem;color:#748299;font-size:.7rem}.metric-list strong{color:#b9c4d5;font-weight:650;text-align:right}.empty-state{display:grid;min-height:24rem;margin-top:2rem;place-items:center;align-content:center;border:1px dashed #25334a;border-radius:1rem;color:#6f7e94;background:#0e16257f;text-align:center}.empty-state>span{color:#4f78d9;font-size:2.6rem}.empty-state h2{margin:1rem 0 0;color:#d9e1ed}.empty-state p{margin:.5rem 0 0}.settings-section{margin-top:2rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid #1d293d;border-radius:1rem;background:linear-gradient(145deg,#111b2deb,#0b121feb),#0f1828}.settings-section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.settings-section-heading h2{margin:0;font-size:1.15rem}.settings-section-heading p{margin:.35rem 0 0;color:#78879c;font-size:.8rem}.integration-details{display:grid;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.integration-details div{padding:1rem;border:1px solid #223149;border-radius:.75rem;background:#0b1321}.integration-details dt{color:#718097;font-size:.7rem}.integration-details dd{margin:.4rem 0 0;color:#dce5f4;font-size:.9rem;font-weight:700}.integration-safety-note{margin:1.25rem 0 0;color:#68778d;font-size:.72rem;line-height:1.55}.integration-message{margin:1rem 0 0;color:#9aa9bd;font-size:.78rem}.accounts-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.accounts-heading h2{margin:0;font-size:1.15rem}.accounts-heading p{margin:.35rem 0 0;color:#78879c;font-size:.8rem}.zero-balance-control{display:inline-flex;align-items:center;gap:.55rem;color:#a8b5c8;font-size:.75rem;white-space:nowrap}.zero-balance-control input{width:1rem;height:1rem;accent-color:#4d7cff}.coinbase-accounts-list{display:grid;gap:.75rem}.coinbase-account{display:grid;align-items:center;padding:1rem;border:1px solid #223149;border-radius:.75rem;background:#0b1321;grid-template-columns:minmax(8rem,.7fr) minmax(0,2fr);gap:1rem}.coinbase-account>div{display:flex;flex-direction:column;gap:.25rem}.coinbase-account>div strong{color:#dce5f4;font-size:1rem}.coinbase-account>div span{overflow:hidden;color:#718097;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.coinbase-account dl{display:grid;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.coinbase-account dt{color:#68778d;font-size:.66rem}.coinbase-account dd{margin:.3rem 0 0;color:#bdc9db;font-size:.78rem;font-weight:650;overflow-wrap:anywhere}.accounts-empty{margin:0;padding:1rem;border:1px dashed #25334a;border-radius:.75rem;color:#718097;font-size:.78rem;text-align:center}@media(max-width:960px){.login-page{grid-template-columns:1fr}.login-brand{min-height:40vh;border-right:0;border-bottom:1px solid #172033}.login-panel{min-height:60vh}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;width:min(18rem,86vw);transform:translate(-105%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#02060db8}.menu-button{display:block}.header-title{margin-right:auto}.header-title>strong{display:block}}@media(max-width:760px){.login-brand,.login-panel{padding:2rem 1.25rem}.login-brand h1{font-size:3.4rem}.app-header{min-height:4.6rem;padding:0 1rem}.environment-badge,.username,.user-menu .secondary-button{display:none}.content-area{padding:1.5rem 1rem}.page-heading{align-items:flex-start;flex-direction:column;gap:1.25rem}.page-heading .secondary-button{width:100%}.status-grid,.integration-details{grid-template-columns:1fr}.accounts-heading,.coinbase-account{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.accounts-heading{display:flex}.zero-balance-control{white-space:normal}.coinbase-account dl{grid-template-columns:1fr}.status-card{min-height:12.5rem}}@media(min-width:761px)and (max-width:1200px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
