body,html{min-height:100vh;margin:0;padding:0;background:#38423b;color:#c7d5cb;font-family:Courier New,Courier,monospace!important}#root{padding:20px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.service-card{transition:filter .2s,transform .1s;cursor:pointer;margin:0!important}.service-card:hover{filter:brightness(1.2);transform:translateY(-2px)}.service-card.low-codes{outline:2px solid #aa3333}.service-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;overflow:hidden}.service-card-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.service-icon{width:32px;height:32px;object-fit:contain;background:#2a2c27;padding:4px;border:2px solid #4a4d44;border-right-color:#6a6d64;border-bottom-color:#6a6d64}.warning-badge{background:#a33;color:#fff;padding:2px 6px;font-size:10px;font-weight:700;border:1px solid #ff4444;margin-left:auto;flex-shrink:0}.terminal-box{background:#0f1410;border:2px inset #4a544d;color:#5f5;padding:30px;text-align:center;font-size:32px;font-weight:700;letter-spacing:4px;margin:20px auto;box-shadow:inset 0 0 15px #000;max-width:500px;word-break:break-all;overflow-wrap:anywhere}.red-banner{background:#511;color:#faa;padding:15px;text-align:center;font-weight:700;margin-bottom:20px;border:2px inset #ff4444;box-shadow:inset 0 0 10px #000;word-break:break-word}.used-codes-list{list-style:none;padding:0;margin:0}.used-code-item{color:#777;padding:6px 4px;border-bottom:1px solid #444;display:flex;justify-content:space-between;gap:10px;align-items:center}.used-code-item span:first-child{text-decoration:line-through;word-break:break-all;overflow-wrap:anywhere}.used-code-item span:last-child{flex-shrink:0;font-size:10px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{width:450px;max-width:90vw;box-shadow:0 10px 30px #000c;max-height:90vh;overflow-y:auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column;gap:12px}.window{color:#d1d1d1;word-break:break-word;overflow-wrap:anywhere}.window h1,.window h2,.window h5{color:#e5e5e5;font-family:Courier New,Courier,monospace!important}button{font-family:Courier New,Courier,monospace!important}input,textarea{font-family:Courier New,Courier,monospace!important;max-width:100%}