*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f9fafb;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{font-size:16px;line-height:1.5}.container,body{min-height:100vh}.container{padding:1rem;display:flex;flex-direction:column;align-items:center;background-color:#f9fafb}.content-wrapper,.header{width:100%;max-width:28rem}.header{margin-bottom:1rem;text-align:center}.title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.subtitle{font-size:.875rem;color:#6b7280}.card{background-color:white;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:1rem;overflow:hidden}.card-header{padding:.75rem 1rem;display:flex;align-items:center}.card-header.blue{background-color:#3b82f6;color:white}.card-header.green{background-color:#10b981;color:white}.card-header-title{font-size:1.125rem;font-weight:500;display:flex;align-items:center}.card-body{padding:1rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.grid-item{background-color:#f3f4f6;padding:.5rem;border-radius:.25rem}.grid-item-label{font-size:.75rem;color:#6b7280}.grid-item-value{font-size:.875rem;font-weight:500}.grid-item-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.info-section{margin-bottom:.75rem}.info-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;display:flex;align-items:center}.info-value{background-color:#f3f4f6;padding:.5rem;border-radius:.25rem;font-size:.75rem;word-break:break-all}.info-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.status-row{display:flex;align-items:center}.status-indicator{width:.5rem;height:.5rem;background-color:#10b981;border-radius:9999px;margin-right:.5rem}.status-text{font-size:.875rem;color:#374151}.button-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.button{padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:background-color .2s}.button:focus{outline:2px solid transparent;outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button-blue{background-color:#3b82f6;color:white}.button-blue:hover:not(:disabled){background-color:#2563eb}.button-blue:focus{box-shadow:0 0 0 2px rgba(59,130,246,.5)}.button-red{background-color:#ef4444;color:white}.button-red:hover:not(:disabled){background-color:#dc2626}.button-red:focus{box-shadow:0 0 0 2px rgba(239,68,68,.5)}.error-container{background-color:#fee2e2;border-left:4px solid #ef4444;padding:1rem;margin-bottom:1rem;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.error-content{display:flex}.error-icon{flex-shrink:0}.error-message{margin-left:.75rem;font-size:.875rem;color:#b91c1c}.footer{width:100%;max-width:28rem;margin-top:auto;padding-top:1rem;text-align:center;font-size:.75rem;color:#6b7280}.icon{display:inline-block;vertical-align:middle}.icon-small{width:.875rem;height:.875rem;margin-right:.25rem}.icon-medium{width:1.25rem;height:1.25rem;margin-right:.5rem}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner-container{background-color:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;max-width:16rem;width:100%;margin:0 1rem}.spinner{position:relative;width:3.5rem;height:3.5rem}.spinner-bg{width:100%;height:100%;border:.25rem solid #e5e7eb;border-radius:9999px}.spinner-circle{position:absolute;top:0;left:0;width:100%;height:100%;border:.25rem solid transparent;border-top-color:#3b82f6;border-radius:9999px;animation:spin 1s linear infinite}.spinner-text{margin-top:1rem;color:#374151;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.capitalize{text-transform:capitalize}.break-all{word-break:break-all}