:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3b82f6;text-decoration:none;transition:color .2s ease}a:hover{color:#60a5fa}body{margin:0;padding:0;min-width:320px;height:100vh;overflow:hidden;background:linear-gradient(135deg,#000,#0a0a0a)}h1{font-size:2rem;font-weight:700;line-height:1.2;margin:0;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}p{margin:0;color:#9ca3af}button{border-radius:8px;border:1px solid #374151;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}button:hover{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #0006}button:active{transform:translateY(0);box-shadow:0 2px 6px #0000004d}button:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;transform:none;box-shadow:0 1px 3px #0000004d}input{border-radius:6px;border:1px solid #374151;padding:.75rem;font-size:.875rem;font-family:inherit;background:#111827;color:#fff;transition:all .2s ease}input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input::placeholder{color:#6b7280}textarea{border-radius:6px;border:1px solid #374151;padding:.75rem;font-size:.875rem;font-family:inherit;background:#111827;color:#fff;transition:all .2s ease;resize:vertical}textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea::placeholder{color:#6b7280}label{font-weight:500;color:#d1d5db;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#000}a:hover{color:#60a5fa}button{background:linear-gradient(135deg,#1f2937,#111827)}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;color:#fff;background:#000;margin:0;padding:0;overflow:hidden}#root{max-width:100vw;height:100vh;margin:0;padding:1.5rem;display:flex;flex-direction:column}.app-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.sections-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;flex:1;min-height:0;margin-top:1.5rem;overflow:hidden}.app-header{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.app-title{margin:0 0 .5rem;font-size:2rem;font-weight:300;color:#fff;letter-spacing:-.02em;text-transform:uppercase}.app-subtitle{color:#ccc;font-size:.75rem;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.section-title{margin:0 0 1rem;font-size:.875rem;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #333;padding-bottom:.5rem}.card{background:#111;border:1px solid #333;padding:1rem;display:flex;flex-direction:column;overflow:hidden;min-height:0}.form-group{margin-bottom:.75rem;flex-shrink:0}.form-group:last-child{margin-bottom:0}.form-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.form-label{font-weight:400;color:#fff;margin-bottom:.25rem;display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.form-input{flex:1;min-width:120px}.form-input-small{width:60px}.form-input-medium{width:100px}input[type=text],input[type=password],input[type=number],.form-textarea{width:100%;border:1px solid #333;padding:.5rem;font-size:.75rem;font-family:inherit;background:#000;color:#fff;font-weight:400}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,.form-textarea:focus{outline:none;border-color:#fff}input[type=text]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,.form-textarea::placeholder{color:#666}.form-textarea{resize:vertical;min-height:60px;line-height:1.4}button{background:transparent;color:#fff;border:1px solid #fff;padding:.5rem 1rem;font-size:.7rem;font-weight:400;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;transition:all .2s ease;flex-shrink:0}button:hover{background:#fff;color:#000}button:active{background:#ccc;color:#000}button:disabled{background:transparent;border-color:#666;color:#666;cursor:not-allowed}.status-display{margin-top:.75rem;padding:.75rem;border:1px solid #333;flex-shrink:0;background:#000}.status-label{font-weight:400;margin-bottom:.5rem;display:block;font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:.1em}.status-value{word-break:break-all;font-family:Monaco,Menlo,monospace;font-size:.65rem;line-height:1.4;max-height:560px;overflow-y:auto;background:#111;padding:.5rem;border:1px solid #333;color:#fff}.status-success,.status-error{color:#fff}.status-display.error{border-color:#666;background:#000}.card:nth-child(3) .status-display:first-child{width:60%}.footer{margin-top:1rem;text-align:center;padding:.75rem 0;border-top:1px solid #333;color:#666;font-size:.7rem;flex-shrink:0}.footer a{color:#fff;text-decoration:none;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.footer a:hover{text-decoration:underline}.status-value::-webkit-scrollbar{width:6px}.status-value::-webkit-scrollbar-track{background:#000}.status-value::-webkit-scrollbar-thumb{background:#333}.status-value::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1200px){.sections-container{grid-template-columns:repeat(2,1fr);gap:1rem}.card{padding:.75rem}}@media (max-width: 768px){body{overflow:auto}#root{padding:1rem;height:auto;min-height:100vh}.app-container{height:auto;overflow:visible}.sections-container{overflow:visible}.app-title{font-size:1.75rem}.app-subtitle{font-size:.7rem}.sections-container{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.card{padding:.75rem}.form-row{flex-direction:column;align-items:stretch}.form-input{min-width:auto}button{width:100%}.card:nth-child(3) .status-display .status-value{max-height:120px}.card:nth-child(3) .status-display:first-child{width:100%}}@media (max-width: 480px){.app-title{font-size:1.5rem}.card{padding:.5rem}input[type=text],input[type=password],input[type=number],.form-textarea{padding:.375rem;font-size:.7rem}button{padding:.375rem .75rem;font-size:.65rem}.status-value{font-size:.6rem;max-height:60px}.card:nth-child(3) .status-display .status-value{max-height:100px}}