*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#111827;background-color:#0f172a}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;padding:0;background:#0f172a}#root{min-height:100vh;width:100%;max-width:100%}.app{width:100%;max-width:1100px;margin:0 auto;padding:16px;color:#e5e7eb}.app-login{display:flex;justify-content:center;align-items:center}.card{background:#111827;border-radius:8px;padding:16px;box-shadow:0 8px 20px #00000073;border:1px solid #1f2937;max-width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;max-width:100%}.app-header h1{margin:0 0 4px;font-size:1.6rem}.subtitle{margin:2px 0 0;font-size:.8rem;color:#9ca3af}.btn{background:#2563eb;color:#f9fafb;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.9rem;max-width:100%}.btn:hover{background:#1d4ed8}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#374151}.btn-secondary:hover{background:#4b5563}.btn-warning{background:#b45309}.btn-warning:hover{background:#92400e}.form-row{margin-bottom:10px}label{font-size:.9rem;max-width:100%}input,select,textarea{width:100%;max-width:100%;padding:6px 8px;margin-top:3px;border-radius:4px;border:1px solid #4b5563;background:#020617;color:#e5e7eb}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb}.error{margin-bottom:10px;color:#fecaca;background:#7f1d1d;padding:6px 8px;border-radius:4px;font-size:.85rem;max-width:100%;overflow-wrap:anywhere}.success{margin-bottom:10px;color:#bbf7d0;background:#064e3b;padding:6px 8px;border-radius:4px;font-size:.85rem;max-width:100%;overflow-wrap:anywhere}.grid6x4{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2.4vw,12px);margin-top:16px}.grid6x4-cell{width:100%;aspect-ratio:1 / 1;border-radius:10px;padding:clamp(4px,1.6vw,8px);cursor:pointer;border:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-width:0}.grid6x4-line{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.grid6x4-line--coord{font-size:clamp(10px,2.6vw,14px)}.grid6x4-line--status{font-size:clamp(9px,2.2vw,12px)}.grid6x4-line--content{font-size:clamp(8px,2vw,11px)}.table-scroll{overflow-x:auto;max-width:100%}@media(max-width:768px){.app{padding:12px}.app-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.app{padding:8px}.app-header h1{font-size:1.3rem}}