@import"https://api.fontshare.com/v2/css?f[]=satoshi@1,2,3,4,5,6,7,8,9&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#24283b;color:#c0caf5}.login-page{display:flex;align-items:center;min-height:100vh;gap:4rem}.login-hero{flex:1;max-width:480px;margin-left:4rem}.login-hero h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#c0caf5;line-height:1.2}.login-hero p{font-size:1.5rem;line-height:1.6;color:#565f89}.login-card{background:#1f2335;padding:2.5rem;border-radius:12px;border:1px solid #3b4261;width:100%;max-width:380px}.login-card h1{text-align:center;margin-bottom:.25rem;font-weight:700;font-size:1.75rem;color:#7aa2f7}.login-subtitle{text-align:center;color:#565f89;margin-bottom:2rem;font-size:.9rem}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.5rem;background:#1f2335;color:#c0caf5;padding:.75rem 2rem;border-bottom:1px solid #3b4261}.navbar a{color:#565f89;text-decoration:none;transition:color .2s ease}.navbar a:hover{color:#c0caf5}.nav-brand a{font-weight:700;font-size:1.5rem;color:#7aa2f7!important}.nav-links{display:flex;gap:0;flex:1;align-items:center}.nav-links a{padding:0 1rem;position:relative}.nav-links a+a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1.2em;background:#3b4261;pointer-events:none}.nav-links a.active{color:#7aa2f7}.nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:1rem;right:1rem;height:2px;background:#7aa2f7;border-radius:1px}.nav-user{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#565f89}.nav-user .btn-small{background:#c0caf5;color:#1a1b26;cursor:pointer}.nav-user .btn-small:hover{background:#d4daf7}.main-content{max-width:960px;margin:1.5rem auto;padding:0 1rem}.card{background:#1f2335;padding:1.5rem;border-radius:12px;border:1px solid #3b4261}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#c0caf5}.card-text{font-size:.9rem;line-height:1.6;color:#565f89}.card-narrow{max-width:660px}.scrollable-list{max-height:900px;overflow-y:auto}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background:#3b4261;border-radius:3px}.form-with-info{display:flex;gap:1.5rem;align-items:flex-start}.form-with-info .card{flex:1}.form-label-row{display:flex;align-items:center;gap:.35rem}.form-label-row label{margin-bottom:0}.field-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid #565f89;color:#565f89;font-size:.7rem;line-height:1;cursor:help;transition:border-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.field-info:hover{border-color:#7aa2f7;color:#7aa2f7}.field-info[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a1b26;color:#c0caf5;border:1px solid #3b4261;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;line-height:1.4;white-space:normal;width:200px;z-index:10;pointer-events:none;box-shadow:0 4px 12px #0000004d}.info-panel{width:280px;background:#1f2335;padding:1.5rem;border-radius:12px;border:1px solid #3b4261;position:sticky;top:5rem;align-self:flex-start;flex-shrink:0}.info-panel-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#c0caf5}.info-panel-title--spaced{margin-top:1.5rem}.info-panel-body{font-size:.875rem;line-height:1.5;color:#565f89}.account-info-card{margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid #3b4261}.account-info-text{font-size:.875rem;color:#565f89;margin-bottom:.75rem}.account-info-text strong{color:#c0caf5}.credential-card{max-width:700px;padding:.75rem 1rem;border:1px solid #3b4261;border-radius:8px;margin-bottom:.5rem}.credential-card>div{margin-bottom:.5rem;font-size:1rem;color:#565f89}.credential-card>div:last-child{margin-bottom:0}.credential-card>.credential-service{font-size:1.7rem;color:#c0caf5}.credential-card strong{display:inline-block;min-width:10rem;color:#7aa2f7}.operation-card{max-width:600px;padding:.75rem 1rem;border:1px solid #3b4261;border-radius:8px;margin-bottom:.5rem}.operation-card>div{margin-bottom:.35rem;font-size:.95rem;color:#c0caf5}.operation-card>div:last-child{margin-bottom:0}.credential-card-line{margin-bottom:.35rem}.credential-copy-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.btn-copy{background:none;border:1px solid #3b4261;color:#7aa2f7;font-size:.75rem;padding:.2rem .5rem;cursor:pointer;transition:border-color .2s ease,background .2s ease;flex-shrink:0}.btn-copy:hover{border-color:#7aa2f7;background:#7aa2f71a}.credential-decrypt{display:flex;gap:.5rem;align-items:center}.credential-decrypt input{flex:1;padding:.4rem .6rem;border:1px solid #3b4261;border-radius:6px;font-size:.85rem;background:#24283b;color:#c0caf5}.credential-decrypt input:focus{outline:2px solid #7aa2f7;outline-offset:1px;border-color:transparent}.credential-decrypt .btn-primary{background:#c0caf5;color:#1a1b26}.credential-decrypt .btn-primary:hover{background:#d4daf7}.credential-btn-line{display:flex;gap:2.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.85rem;color:#565f89}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=date]{width:100%;padding:.65rem .75rem;border:1px solid #3b4261;border-radius:8px;font-size:.95rem;background:#1a1b26;color:#c0caf5;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:2px solid #7aa2f7;outline-offset:1px;border-color:transparent}.form-group select{width:100%;padding:.65rem .75rem;border:1px solid #3b4261;border-radius:8px;font-size:.95rem;background:#1a1b26;color:#c0caf5;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.form-group select:focus{outline:2px solid #7aa2f7;outline-offset:1px;border-color:transparent}.form-group textarea{width:100%;padding:.65rem .75rem;border:1px solid #3b4261;border-radius:8px;font-size:.95rem;background:#1a1b26;color:#c0caf5;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;font-family:inherit}.form-group textarea:focus{outline:2px solid #7aa2f7;outline-offset:1px;border-color:transparent}.btn-primary{background:#e0af68;color:#1a1b26;border:none;padding:.65rem 1rem;cursor:pointer;font-size:.95rem;font-weight:700;transition:background .2s ease}.btn-primary:hover{background:#e6c07a}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:#f7768e;color:#1a1b26;border:none;padding:.25rem .75rem;cursor:pointer;font-size:.85rem;font-weight:700}.btn-danger:hover{background:#ff9eb0}.btn-small{font-size:.85rem;padding:.3rem .6rem}.btn-small:hover{background:#7dcfff}.btn-full{width:100%}.register-link{padding:.75rem 1rem;text-align:center;display:block;color:#7aa2f7;text-decoration:none;font-size:.85rem;transition:color .2s ease}.register-link:hover{color:#89b4fa;text-decoration:underline}.error{color:#f7768e;margin-bottom:1rem;font-size:.9rem}.field-error{color:#f7768e;font-size:.8rem;margin-top:.2rem;display:block}.error-boundary{text-align:center;padding:3rem 1rem}.error-boundary h2{margin-bottom:.5rem;color:#c0caf5}.error-boundary p{color:#565f89;margin-bottom:1rem}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.75rem 1.25rem;border-radius:6px;color:#c0caf5;font-size:.9rem;cursor:pointer;border:1px solid #3b4261;animation:slideIn .2s ease;max-width:360px;font-weight:600}.toast-error{background:#f7768e;border-color:#f7768e;color:#1a1b26}.toast-success{background:#9ece6a;border-color:#9ece6a;color:#1a1b26}.toast-info{background:#7aa2f7;border-color:#7aa2f7;color:#1a1b26}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dash-stack{display:flex;flex-direction:column;gap:1rem}.demo-banner{display:inline-block;padding:.35rem .75rem;background:#f7768e1f;border:1px solid #f7768e;color:#f7768e;border-radius:6px;font-size:.85rem;font-weight:600;align-self:flex-start}@media(max-width:768px){.login-page{flex-direction:column;min-height:auto;gap:1.5rem;padding:2rem 1rem}.login-hero{margin-left:0;max-width:100%;text-align:center}.login-hero h2{font-size:1.5rem}.login-card{max-width:100%}.form-with-info{flex-direction:column;align-items:stretch}.info-panel{width:100%;position:static}.navbar{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.nav-links{width:100%;justify-content:center}.nav-links a{padding:0 .75rem;font-size:.9rem}.nav-user{width:100%;justify-content:center}.credential-decrypt{flex-direction:column;align-items:stretch}.credential-decrypt input{flex:none}.credential-copy-row{flex-direction:column;align-items:flex-start;gap:.35rem}.credential-btn-line{flex-direction:column;gap:.5rem}.credential-card,.operation-card{max-width:100%}.scrollable-list{max-height:400px}.credential-card strong{min-width:6rem}.toast-container{right:.5rem;left:.5rem}.toast{max-width:100%}}