.status-container{min-height:100vh;padding:2rem;background:#000000;font-family:Anybody,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.status-header{text-align:center;margin-bottom:3rem;color:#FFFFFF}.status-header h1{font-size:2rem;margin-bottom:.5rem;font-weight:600;letter-spacing:3px;text-transform:uppercase}.status-timestamp{font-size:.9rem;color:#6B6B6B;font-weight:300}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1000px;margin:0 auto}.status-card{background:#0A0A0A;border:1px solid #1c1c1c;border-radius:4px;padding:1.5rem;transition:border-color .2s}.status-card:hover{border-color:rgba(205,252,46,.3)}.status-card h2{font-size:1.1rem;margin-bottom:1.25rem;color:#CDFC2E;padding-bottom:.5rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.status-card h2,.status-item{border-bottom:1px solid #1c1c1c}.status-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0}.status-item:last-child{border-bottom:none}.status-label{font-weight:400;color:#6B6B6B;margin-right:1rem;flex-shrink:0;font-size:.9rem}.status-value{color:#FFFFFF;text-align:right;word-break:break-word;flex:1 1;font-weight:300}.commit-hash{font-family:Courier New,monospace;background:rgba(205,252,46,.1);color:#CDFC2E;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;border:1px solid rgba(205,252,46,.2)}.remote-url{font-size:.85rem;color:#A3A3A3}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background:rgba(205,252,46,.15);color:#CDFC2E;border:1px solid rgba(205,252,46,.3)}.status-badge.error{background:rgba(239,68,68,.15);color:#EF4444;border:1px solid rgba(239,68,68,.3)}.status-badge.unknown{background:rgba(107,107,107,.15);color:#6B6B6B;border:1px solid rgba(107,107,107,.3)}.error-card{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.error-card h2{color:#EF4444;border-bottom-color:rgba(239,68,68,.3)}.error-list{list-style:none;padding:0;margin:0}.error-item{padding:.75rem;margin-bottom:.5rem;background:rgba(239,68,68,.1);border-left:2px solid #ef4444;border-radius:4px;color:#EF4444;font-weight:300}.status-error-text{color:#EF4444;font-weight:400}.status-footer{text-align:center;margin-top:3rem}.refresh-button{background:#CDFC2E;color:#000000;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Anybody,sans-serif;letter-spacing:1px}.refresh-button:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(205,252,46,.5)}.refresh-button:active{transform:scale(1)}.status-error,.status-loading{text-align:center;padding:3rem;background:#0A0A0A;border:1px solid #1c1c1c;border-radius:8px;max-width:600px;margin:2rem auto;font-size:1.25rem;color:#6B6B6B;font-weight:300}.status-error{color:#EF4444;border-color:rgba(239,68,68,.3)}.test-button{background:rgba(205,252,46,.1);color:#CDFC2E;border:1px solid rgba(205,252,46,.3);padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Anybody,sans-serif;width:100%;text-align:center}.test-button:hover{background:rgba(205,252,46,.2);border-color:rgba(205,252,46,.5);transform:translateY(-1px)}.test-button:active{transform:translateY(0)}.test-result{margin-top:.5rem;padding:.5rem;background:rgba(205,252,46,.05);border-left:2px solid #cdfc2e;border-radius:4px;font-size:.85rem;color:#CDFC2E;word-break:break-word}.data-layer-container{max-height:500px;overflow-y:auto}.event-list{display:flex;flex-direction:column;gap:.75rem}.event-item{background:rgba(205,252,46,.05);border:1px solid rgba(205,252,46,.2);border-radius:4px;padding:.75rem;overflow-x:auto}.event-json{margin:0;font-family:Courier New,monospace;font-size:.75rem;color:#CDFC2E;background:rgba(0,0,0,.3);padding:.5rem;border-radius:4px;white-space:pre-wrap;word-break:break-word;line-height:1.4}@media (max-width:768px){.status-container{padding:1rem}.status-header h1{font-size:2rem}.status-grid{grid-template-columns:1fr}.status-item{flex-direction:column;gap:.5rem}.status-value{text-align:left}.event-json{font-size:.7rem}}